Visualizzazione di Shop Promise nella pagina del prodotto

Il badge Shop Promise viene visualizzato accanto alle date di consegna e nelle pagine dei prodotti per le consegne idonee che si stima siano effettuate a livello nazionale negli Stati Uniti in un massimo di cinque giorni di calendario. Questo badge consente ai clienti di sapere che l'ordine include una consegna veloce e affidabile.

Dopo aver attivato Shop Promise, dovresti andare alla pagina del prodotto utilizzando l'editor del tema per verificare che il badge Shop Promise venga visualizzato correttamente.

Se il badge non viene visualizzato correttamente, dovrai posizionare manualmente il modulo di Shop Promise.

Posizionamento manuale del modulo di Shop Promise

Se sei in grado di leggere e modificare il codice del tema puoi identificare il punto in cui apportare le modifiche e aggiornare la pagina del prodotto.

Identificazione del punto in cui apportare le modifiche

Il codice del modulo di Shop Promise deve essere incluso nel modulo di prodotto nella pagina del prodotto, che avrà un aspetto simile a {%- form 'product', product -%}. Il modulo di Shop Promise si trova in diverse posizioni a seconda del tema. Di seguito sono riportate le posizioni comuni:

• main-product.liquid
• product-form.liquid
• product-template.liquid
• product.liquid

Suggerimento

Se preferisci non leggere e modificare il codice del tema e utilizzi un tema di Shopify, puoi effettuare l'aggiornamento del tema contattando l'assistenza Shopify. Scopri di più sulla Design Policy di Shopify. Se utilizzi un tema di terze parti, puoi contattare lo sviluppatore del tema o rivolgerti a un Esperto.

Aggiornamento della pagina del prodotto

Suggerimento

Prima di apportare eventuali modifiche, duplica il tema e apporta le modifiche nel duplicato in modo da poterle facilmente annullare.

Procedura:

Desktop

1. Dal pannello di controllo Shopify passa a Negozio online > Temi.

2. Trova il tema che desideri modificare, clicca sul pulsante ... per aprire il menu azioni, quindi clicca su Modifica codice.

iPhone

1. Nell'app Shopify tocca Negozio.

2. Nella sezione Canali di vendita, tocca Negozio online.

3. Tocca Gestisci temi.

4. Trova il tema che desideri modificare, clicca sul pulsante ... per aprire il menu azioni, quindi clicca su Modifica codice.

Android

1. Nell'app Shopify tocca Negozio.

2. Nella sezione Canali di vendita, tocca Negozio online.

3. Tocca Gestisci temi.

4. Trova il tema che desideri modificare, clicca sul pulsante ... per aprire il menu azioni, quindi clicca su Modifica codice.

1. Apri il file pertinente.

2. Trova la riga che contiene {%- if block.settings.show_dynamic_checkout -%} o {{ form | payment_button }}.

3. Crea una nuova riga direttamente sotto a {%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%} e incolla il testo seguente su quella riga:

<div class="delivery-promise__promise-container"></div>

1. Clicca su Salva.

Il risultato dovrebbe avere un aspetto simile a questo:

{%- if block.settings.show_dynamic_checkout -%}
  {{ form | payment_button }}
{%- endif -%}
<div class="delivery-promise__promise-container"></div>