Blocos de tema do app
A extensão de tema da Gibbond adiciona três peças à vitrine — um widget no carrinho, uma faixa na gaveta do carrinho e anotações de preço sensíveis ao nível. Nada de scripts injetados; tudo é um app block ou app embed do Online Store 2.0 que você controla pelo editor de temas.
O que você ganha
| Bloco | Tipo | Onde aparece |
|---|---|---|
| Widget de Fidelidade no Carrinho | App block | Dentro do template da página do carrinho |
| Fidelidade na Gaveta do Carrinho | App embed | A gaveta de carrinho AJAX / mini-carrinho do seu tema |
| Anotações de Preço de Fidelidade | App embed | Todas as páginas — anota os preços para os membros de cada nível |
App block vs app embed. Um app block é adicionado a uma seção/template específico via Adicionar bloco. Um app embed é ativado globalmente no painel App embeds (o ícone de peça de quebra-cabeça na parte inferior do painel esquerdo do editor de temas).
1 · Widget de Fidelidade no Carrinho
Um cartão de fidelidade completo na página do carrinho. Para membros logados, ele mostra o saldo e o selo de nível instantaneamente, uma estimativa de “pontos que você vai ganhar” com detalhamento por item, os códigos de desconto existentes com aplicação em um clique, e um menu de recompensas para resgatar. Clientes não inscritos veem um botão Entrar no programa; visitantes veem um convite para fazer login.
Suas Recompensas★ GoldComo adicionar
- Loja virtual → Temas → Personalizar
Abra seu tema no editor.
- Mude para o template Carrinho
Use o seletor de template no topo para abrir Carrinho.
- Adicionar bloco → Apps
Na seção do carrinho, clique em Adicionar bloco e escolha Widget de Fidelidade no Carrinho.
- Posicione & configure
Arraste para onde quiser, ajuste as configurações abaixo e clique em Salvar.
Configurações
| Configuração | Tipo | Padrão |
|---|---|---|
| Esquema de cores | select (1–4) | scheme-1 |
| Título | text | Your Rewards |
| Cor de destaque | color | #4c6ef5 |
| Mostrar estimativa de pontos | checkbox | on |
| Mostrar recompensas & resgate | checkbox | on |
| Mostrar códigos de desconto existentes | checkbox | on |
| Texto do convite de login | text | Sign in to view your loyalty rewards |
2 · Fidelidade na Gaveta do Carrinho
Uma faixa compacta injetada na gaveta deslizante do carrinho do seu tema: saldo + selo de nível + “Ganhe X pontos” + um link de Resgate para membros, um botão Entrar no programa para quem ainda não se inscreveu e um convite de login para visitantes. Ela aparece quando a gaveta abre e some quando ela fecha.
Como adicionar
- Editor de temas → App embeds
Clique no ícone de peça de quebra-cabeça na parte inferior do painel esquerdo.
- Ative “Fidelidade na Gaveta do Carrinho”
Expanda para definir as opções e clique em Salvar.
Configurações
| Configuração | Tipo | Padrão |
|---|---|---|
| Cor de destaque | color | #4c6ef5 |
| Seletor CSS da gaveta do carrinho | text | cart-drawer, .cart-drawer, #CartDrawer, … |
| Posição do widget | select | Before checkout button |
O widget não aparece na gaveta? Seu tema usa um elemento de gaveta fora do padrão. Atualize o Seletor CSS da gaveta do carrinho para corresponder ao container da gaveta do seu tema (seletores separados por vírgula são suportados).
3 · Anotações de Preço de Fidelidade
Para membros logados 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 um selo ou texto inline. Ele segue o comportamento STACK vs BEST_PRICE do seu nível e mantém os preços atualizados mesmo enquanto os clientes navegam e filtram.
Como adicionar
- Editor de temas → App embeds
Abra o painel App embeds.
- Ative “Anotações de Preço de Fidelidade”
Defina a cor do selo, o estilo de exibição e (se necessário) o seletor de preço, depois clique em Salvar.
Configurações
| Configuração | Tipo | Padrão |
|---|---|---|
| Cor do selo | color | #8B5CF6 |
| Seletor CSS de preço (avançado) | text | .price-item--regular, .price .money, … |
| Estilo de exibição | select | Badge / Texto inline |
As anotações só são renderizadas para clientes logados em um nível com desconto maior que zero. Visitantes e clientes do nível base não veem nada.
Todos os textos da vitrine são traduzíveis e já vêm com vários idiomas de fábrica (inglês, alemão, francês, italiano, espanhol, português, dinamarquês, finlandês, norueguês, sueco, polonês). O texto voltado ao cliente é localizado automaticamente conforme o idioma da vitrine.