Blocos de app do tema
A extensão de tema da Gibbond acrescenta três elementos à loja online — um widget de carrinho, uma faixa para a gaveta do carrinho e anotações de preço sensíveis ao nível. Sem scripts injetados; tudo é um bloco de app ou um app embed do Online Store 2.0 que controlas a partir do editor de temas.
O que recebes
| Bloco | Tipo | Onde aparece |
|---|---|---|
| Cart Loyalty Widget | Bloco de app | Dentro do template da página do carrinho |
| Cart Drawer Loyalty | App embed | A gaveta de carrinho AJAX / mini-carrinho do teu tema |
| Loyalty Price Annotations | App embed | Todas as páginas — anota os preços para os membros de cada nível |
Bloco de app vs app embed. Um bloco de app é adicionado a uma secção/template específica através de Add block. Um app embed é ativado globalmente a partir do painel App embeds (o ícone da peça de puzzle no fundo do painel esquerdo do editor de temas).
1 · Cart Loyalty Widget
Um cartão de fidelização completo na página do carrinho. Para os membros com sessão iniciada mostra o saldo e o crachá do nível instantaneamente, uma estimativa de “pontos que vais ganhar” com o detalhe por artigo, os códigos de desconto existentes com aplicação num clique e um menu de recompensas para resgatar. Os clientes não inscritos veem um botão Aderir; os visitantes veem um convite para iniciar sessão.
As Tuas Recompensas★ GoldComo adicioná-lo
- Online Store → Themes → Customize
Abre o teu tema no editor.
- Muda para o template Cart
Usa o seletor de templates no topo para abrir Cart.
- Add block → Apps
Na secção do carrinho, clica em Add block e escolhe Cart Loyalty Widget.
- Posiciona & configura
Arrasta-o para onde quiseres, ajusta as definições abaixo e depois Save.
Definições
| Definição | Tipo | Predefinição |
|---|---|---|
| Esquema de cores | seleção (1–4) | scheme-1 |
| Título | texto | Your Rewards |
| Cor de destaque | cor | #4c6ef5 |
| Mostrar estimativa de pontos | caixa de seleção | on |
| Mostrar recompensas & resgate | caixa de seleção | on |
| Mostrar códigos de desconto existentes | caixa de seleção | on |
| Texto do convite para iniciar sessão | texto | Sign in to view your loyalty rewards |
2 · Cart Drawer Loyalty
Uma faixa compacta injetada na gaveta de carrinho deslizante do teu tema: saldo + crachá de nível + “Ganha X pontos” + uma ligação Resgatar para os membros, um botão Aderir para os clientes não inscritos e um teaser de início de sessão para os visitantes. Aparece quando a gaveta abre e remove-se quando esta fecha.
Como adicioná-lo
- Editor de temas → App embeds
Clica no ícone da peça de puzzle no fundo do painel esquerdo.
- Ativa “Cart Drawer Loyalty”
Expande-o para definir as opções e depois Save.
Definições
| Definição | Tipo | Predefinição |
|---|---|---|
| Cor de destaque | cor | #4c6ef5 |
| Seletor CSS da gaveta do carrinho | texto | cart-drawer, .cart-drawer, #CartDrawer, … |
| Posição do widget | seleção | Before checkout button |
O widget não aparece na gaveta? O teu tema usa um elemento de gaveta não padronizado. Atualiza o Seletor CSS da gaveta do carrinho para corresponder ao contentor da gaveta do teu tema (são suportados seletores separados por vírgulas).
3 · Loyalty Price Annotations
Para os membros com sessão iniciada cujo nível concede um desconto, este app embed marca os preços por toda a loja — riscando o preço original e mostrando o preço do nível como crachá ou texto inline. Segue o comportamento STACK vs BEST_PRICE do teu nível e mantém os preços atualizados mesmo enquanto os clientes navegam e filtram.
Como adicioná-lo
- Editor de temas → App embeds
Abre o painel App embeds.
- Ativa “Loyalty Price Annotations”
Define a cor do crachá, o estilo de apresentação e (se necessário) o seletor de preços, e depois Save.
Definições
| Definição | Tipo | Predefinição |
|---|---|---|
| Cor do crachá | cor | #8B5CF6 |
| Seletor CSS de preço (avançado) | texto | .price-item--regular, .price .money, … |
| Estilo de apresentação | seleção | Badge / Texto inline |
As anotações só são apresentadas a clientes com sessão iniciada num nível com um desconto superior a zero. Os visitantes e os clientes do nível base não veem nada.
Todos os textos da loja online são traduzíveis e vêm com vários idiomas de raiz (inglês, alemão, francês, italiano, espanhol, português, dinamarquês, finlandês, norueguês, sueco, polaco). O texto visível para o cliente é localizado automaticamente de acordo com o idioma da loja online.