Shop Promise weergeven op de productpagina

De Shop Promise-badge wordt weergegeven naast leverdatums en op productpagina's voor in aanmerking komende binnenlandse bezorgingen in de Verenigde Staten die naar schatting binnen maximaal vijf kalenderdagen worden bezorgd. Dankzij deze badge weten klanten weten dat hun bestelling snelle en betrouwbare bezorging inhoudt.

Navigeer nadat je Shop Promise hebt geactiveerd met de themabewerker naar de productpagina om na te gaan of de Shop Promise-badge op de juiste manier wordt weergegeven.

Als de badge niet op de juiste manier wordt weergegeven, positioneer je de Shop Promise-module handmatig.

De Shop Promise-module handmatig positioneren

Als je zelf graag themacode bekijkt en bewerkt, kun je de juiste plek voor wijzigingen zoeken en de productpagina zelf bewerken.

Bepaal waar je wijzigingen kunt aanbrengen

Gebruik de code voor de Shop Promise-module in het formulier op de productpagina. Deze code ziet er dan ongeveer zo uit: {%- form 'product', product -%}. Je vindt de Shop Promise-module op verschillende plaatsen, afhankelijk van het thema. De volgende plaatsen zijn gangbaar:

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

Tip

Als je niet vertrouwd bent met het lezen en bewerken van themacodes en je een thema van Shopify gebruikt, kun je het thema laten bijwerken door contact op te nemen met de ondersteuning van Shopify. Hier vind je meer informatie over het Ontwerpbeleid van Shopify. Als je een extern thema gebruikt, kun je contact opnemen met de ontwikkelaar van het thema of een expert inhuren.

De productpagina bijwerken

Tip

Voordat je wijzigingen aanbrengt, kopieer je je thema en en breng je wijzigingen in de kopie aan, zodat je eenvoudig alle wijzigingen die je hebt aangebracht, kunt terugdraaien.

Stappen:

Desktop

1. Ga in het Shopify-beheercentrum naar Onlinewinkel > Thema's.

2. Zoek het thema dat je wilt bewerken, klik op de knop ... om het actiemenu te openen en klik vervolgens op Code bewerken.

iPhone

1. Tik in de Shopify-app op Winkel.

2. Tik in het gedeelte Verkoopkanalen op Onlinewinkel.

3. Tik op Thema's beheren.

4. Zoek het thema dat je wilt bewerken, klik op de knop ... om het actiemenu te openen en klik vervolgens op Code bewerken.

Android

1. Tik in de Shopify-app op Winkel.

2. Tik in het gedeelte Verkoopkanalen op Onlinewinkel.

3. Tik op Thema's beheren.

4. Zoek het thema dat je wilt bewerken, klik op de knop ... om het actiemenu te openen en klik vervolgens op Code bewerken.

1. Open het relevante bestand.

2. Zoek de regel met {%- if block.settings.show_dynamic_checkout -%} of {{ form | payment_button }}.

3. Maak direct onder {%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%} een nieuwe regel aan en plak het volgende op die regel:

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

1. Klik op Opslaan.

Het eindresultaat moet er als volgt uitzien:

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