Estes passos explicam como exibir etiquetas de ofertas da Carteira de Recompensas Webplanex nas páginas de coleção/lista de coleção e detalhes do produto na sua loja Shopify, dependendo da versão do seu tema.
Versão 2.0 e superior do tema (método de arrastar e largar):
-
Adicionar Bloco de Aplicações:
Na barra lateral esquerda, localize a secção "Adicionar Secção/Adicionar Bloco".
Desça até "Aplicações" secção.
-
Seleção de Rótulo de Oferta Webplanex:
Dependendo da página, escolha o bloco adequado:
- Colecções/Lista de Colecções: Pesquise por "WebPlanexCollectionLabel".
- Página de Detalhes do Produto: Pesquisar por "Rótulo de Produto WebPlanex".
-
Posicionamento por Arrastar e Largar:
Arraste e largue o bloco escolhido na visualização da sua página, no local pretendido.
-
Guardar Alterações:
Clique em "Guardar" para aplicar as alterações ao seu tema.
Versão do tema anterior à 2.0 (método de edição de código):
Acesso ao código do tema:
- Faça login no seu painel de administração Shopify.
- Aceda à Loja virtual > Temas.
- Selecione o seu tema atual e clique em "Ações" > "Editar Código".
Criar Ficheiro Líquido (Novo):
- No editor de código do tema, vá ao painel esquerdo e localize a secção "Snippets".
- Crie um novo ficheiro chamado "wpcb-offer-label. liquid". Adicione o código abaixo ao ficheiro e guarde-o.
Código para Ficheiro Líquido:
{% assign wpcb_type = 'wpcb_campaign_' | anexar: wpcb_label_type %} {% unless forloop.last %}, {% endunless %} {% endfor %} {% endcapture %}
{{ wpcb_offer_sentance }}{%- endif -%}
Incluir código no modelo do tema:
Localize o ficheiro do modelo de tema relevante para a página (coleção ou produto) escolhida.
No código do modelo, utilize o seguinte snippet, substituindo “wpcb_label_type” com o valor adequado:
Excerto de código
Rótulo do produto:
{% render 'wpcb-offer-label',wpcb_label_type:'product' %}
Rótulo da coleção:
{% render 'wpcb-offer-label',wpcb_label_type:'collection' %}
Parâmetro opcional:
Se a variável do seu produto ou objeto de coleção tiver um nome diferente, passe-o como um parâmetro adicional:
Excerto de código
{% render 'wpcb-offer-label',wpcb_label_type:'collection',collection : card_collection %} (Para coleções chamadas 'card_collection')
{% render 'wpcb-offer-label',wpcb_label_type:'product',product : card_product %} (Para produtos denominados 'card_product')
Observações importantes:
- Para versões de temas anteriores à 2.0, as localizações específicas dos ficheiros de código podem variar consoante a estrutura do seu tema.
- Certifique-se de substituir card_collection e card_product pelos nomes das variáveis reais das suas coleções e produtos no parâmetro opcional.