Questa procedura spiega come visualizzare le etichette delle offerte del Portafoglio Premi Webplanex nelle pagine di collezione/elenco collezioni e nei dettagli prodotto del tuo negozio Shopify, a seconda della versione del tema.
Versione del tema 2.0 e successive (metodo drag-and-drop):
-
Aggiungere un blocco app:
Nella barra laterale sinistra, individua la sezione "Aggiungi sezione/Aggiungi blocco".
Scorri verso il basso fino alla sezione "App" sezione.
-
Selezione etichetta offerta WebPlanex:
A seconda della pagina, scegli il blocco appropriato:
- Raccolte/Elenco raccolte: cerca "EtichettaCollezioneWebPlanex".
- Pagina dettagli prodotto: cerca "Etichetta prodotto WebPlanex".
-
Posizionamento tramite trascinamento:
Trascina e rilascia il blocco scelto sull'anteprima della pagina, nella posizione desiderata.
-
Salvataggio delle modifiche:
Fai clic su "Salva" per applicare le modifiche al tuo tema.
Versione del tema precedente alla 2.0 (metodo di modifica del codice):
Accesso al codice del tema:
- Accedi al pannello di amministrazione di Shopify.
- Vai a Negozio online > Temi.
- Seleziona il tema attuale e fai clic su "Azioni" > "Modifica codice".
Crea file Liquid (nuovo):
- Nell'editor del codice del tema, vai al pannello di sinistra e individua la sezione "Snippet".
- Crea un nuovo file denominato "wpcb-offer-label.liquid". Aggiungi il codice seguente al file e salvalo.
Codice per il file Liquid:
{% assign wpcb_type = 'wpcb_campaign_' | aggiungi: wpcb_label_type %} {%- se [wpcb_label_type].metafields[wpcb_type] -%} {% cattura wpcb_offer_sentance %} {% per offer_label in [wpcb_label_type].metafields[wpcb_type] %} {{ offer_label | last }} {% unless forloop.last %}, {% endunless %} {% endfor %} {% endcapture %}
{{ wpcb_offer_sentance }}{%- endif -%}
Includi codice nel template del tema:
Individua il file del template del tema pertinente per la pagina scelta (raccolta o prodotto).
All'interno del codice del template, utilizza il seguente frammento di codice, sostituendo “wpcb_label_type” con il valore appropriato:
Frammento di codice
Etichetta prodotto:
{% render 'wpcb-offer-label',wpcb_label_type:'product' %}
Etichetta raccolta:
{% render 'wpcb-offer-label',wpcb_label_type:'collection' %}
Parametro facoltativo:
Se la variabile oggetto prodotto o collezione ha un nome diverso, passala come parametro aggiuntivo:
Snippet di codice
{% render 'wpcb-offer-label',wpcb_label_type:'collection',collection : card_collection %} (Per le collezioni denominate 'card_collection')
{% render 'wpcb-offer-label',wpcb_label_type:'product',product : card_product %} (Per i prodotti denominati 'card_product')
Note importanti:
- Per le versioni del tema precedenti alla 2.0, i percorsi specifici dei file di codice potrebbero variare a seconda della struttura del tema.
- Assicurati di sostituire card_collection e card_product con i nomi effettivi delle variabili per le tue collezioni e i tuoi prodotti nel parametro facoltativo.