Visa Shop Promise på din produktsida

Shop Promise-märket visas bredvid leveransdatum och på produktsidor för leveranser som beräknas levereras till USA inom max fem kalenderdagar. Detta märke gör att kunderna vet att deras beställningar inkluderar snabb och pålitlig leverans.

När du har aktiverat Shop Promise bör du navigera till produktsidan med hjälp av din temaredigerare för att bekräfta att Shop Promise-märket visas korrekt.

Om märket inte visas korrekt måste du manuellt lägga till Shop Promise-modulen.

Lägg till Shop Promise-modulen manuellt

Om du är van vid att läsa och redigera temakod kan du identifiera var du ska göra ändringar och själv uppdatera produktsidan.

Identifiera var du ska göra ändringar

Koden för Shop Promise-modulen måste ingå i produktformuläret på produktsidan, som kommer se ut ungefär som {%- form 'product', product -%}. Shop Promise-modulen kan ha olika placering beroende på ditt tema. Följande är vanliga placeringar:

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

Tips

Du kan uppdatera ditt tema genom att kontakta Shopify-support om du inte själv vill läsa och redigera temakod och om du använder ett tema från Shopify. Läs mer om Shopifys designpolicy. Om du använder ett tema från tredje part kan du kontakta din temautvecklare eller anlita en expert.

Uppdatera produktsidan

Tips

Innan du gör några ändringar ska du duplicera ditt tema och göra ändringar i kopian, så att du enkelt kan återställa alla ändringar som du gör.

Steg:

Dator

1. Från din Shopify-admin går du till Webbshop > Teman.

2. Hitta det tema du vill redigera, klicka på knappen ... för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.

iPhone

1. Från Shopify-appen klickar du på Butik.

2. Tryck på Webbshop i avsnittet Försäljningskanaler.

3. Tryck på Hantera teman.

4. Hitta det tema du vill redigera, klicka på knappen ... för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.

Android

1. Från Shopify-appen klickar du på Butik.

2. Tryck på Webbshop i avsnittet Försäljningskanaler.

3. Tryck på Hantera teman.

4. Hitta det tema du vill redigera, klicka på knappen ... för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.

1. Öppna relevant fil.

2. Hitta den rad som innehåller en {%- if block.settings.show_dynamic_checkout -%} eller {{ form | payment_button }}.

3. Skapa en ny rad direkt under {%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%} och klistra in följande på den raden:

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

1. Klicka på Spara.

Resultatet bör se ut ungefär så här:

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