Visning af Shop Promise på din produktside
Shop Promise-badget vises ved siden af leveringsdatoer og på produktsider for kvalificerede leveringer, der anslås at blive leveret indenrigs i USA på fem eller færre kalenderdage. Dette badge lader kunderne vide, at deres ordre inkluderer hurtig og pålidelig levering.
Når du har aktiveret Shop Promise, skal du gå til produktsiden ved hjælp af din temaeditor for at bekræfte, at Shop Promise-badget vises korrekt.
Hvis badget ikke vises korrekt, skal du sikre dig, at din butik har aktiveret hurtige betalingsknapper. Du har også flere muligheder for at tilpasse visningen af Shop Promise-badget.
På denne side
Placer Shop Promise-modulet manuelt
Hvis du er tryg ved at læse og redigere temakode, kan du finde ud af, hvor du skal foretage ændringer, og opdatere produktsiden.
Find ud af, hvor du skal foretage ændringer
Koden til Shop Promise-modulet skal inkluderes i produktformularen på produktsiden, som bør ligne {%- form 'product', product -%}. Shop Promise-modulet kan findes forskellige steder afhængigt af dit tema. Følgende er almindelige placeringer:
main-product.liquidproduct-form.liquidproduct-template.liquidproduct.liquid
Opdater produktsiden
Fremgangsmåde:
Computer
Gå til Webshop > Temaer fra din Shopify-administrator.
Find det tema, du vil redigere, klik på ikonet
for at åbne handlingsmenuen, og klik derefter på Rediger kode.Åbn den relevante fil.
Find den linje, der indeholder
{%- if block.settings.show_dynamic_checkout -%}eller{{ form | payment_button }}.Opret en ny linje direkte under
{%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%}, og indsæt følgende på den linje:
<div class="delivery-promise__promise-container"></div>- Klik på Gem.
Resultatet bør se nogenlunde således ud:
{%- if block.settings.show_dynamic_checkout -%}
{{ form | payment_button }}
{%- endif -%}
<div class="delivery-promise__promise-container"></div>Mobil
Tryk på ikonet
i Shopify-appen.Tryk på Webshop > Administrer alle temaer i afsnittet Salgskanaler.
Find det tema, du vil redigere, tryk på knappen … for at åbne handlingsmenuen, og tryk derefter på Rediger kode.
Åbn den relevante fil.
Find den linje, der indeholder
{%- if block.settings.show_dynamic_checkout -%}eller{{ form | payment_button }}.Opret en ny linje direkte under
{%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%}, og indsæt følgende på den linje:
<div class="delivery-promise__promise-container"></div>- Tryk på Gem eller ✓.
Resultatet bør se nogenlunde således ud:
{%- if block.settings.show_dynamic_checkout -%}
{{ form | payment_button }}
{%- endif -%}
<div class="delivery-promise__promise-container"></div>Tilsidesæt Shop Promise-modulets tema manuelt
Shop Promise-modulet har et mørkt og et lyst tema. Modulet bruger automatisk det tema, der har den største kontrast i forhold til produktsidens baggrundsfarve.
Hvis du er tryg ved at læse og redigere temakode, kan du tilsidesætte modulets valgte tema ved at føje et dataattribut til det ankerelement, der bruges til at placere Shop Promise-modulet manuelt.
Inden du foretager ændringer, skal du duplikere dit tema og redigere duplikatet, så du nemt kan fortryde eventuelle ændringer.
Fremgangsmåde:
Computer
- Følg vejledningen til at placere Shop Promise-modulet manuelt på din produktside, og hold derefter temaeditoren åben.
- Føj et temadataattribut til dit nyoprettede ankerelement, og angiv værdien til dark eller light.
- Klik på Gem.
Resultatet bør se nogenlunde ud som et af følgende:
<div class="delivery-promise__promise-container" data-theme="dark"></div>Eller
<div class="delivery-promise__promise-container" data-theme="light"></div>Mobil
- Følg vejledningen til at placere Shop Promise-modulet manuelt på din produktside, og hold derefter temaeditoren åben.
- Føj et temadataattribut til dit nyoprettede ankerelement, og angiv værdien til dark eller light.
- Tryk på Gem.
Resultatet bør se nogenlunde ud som et af følgende:
<div class="delivery-promise__promise-container" data-theme="dark"></div>Eller
<div class="delivery-promise__promise-container" data-theme="light"></div>Tilføj tilpasset HTML eller Liquid til Promise-modulet
Hvis dit tema understøtter tilpassede blokke, kan du bruge en blok af typen Tilpasset Liquid til at føje Shop Promise-modulet til din produktside uden at skulle redigere temakode.
Fremgangsmåde for at tilføje Promise-modulet ved hjælp af en blok af typen Tilpasset Liquid:
Computer
Gå til Webshop > Temaer fra din Shopify-administrator.
Find det tema, du vil redigere, og klik på Rediger tema.
Gå til en produktside ved hjælp af skabelonvælgeren i den øverste menulinje.
Find afsnittet Produktoplysninger i sidebarmenuen.
Klik på Tilføj blok, og vælg Tilpasset Liquid på listen over tilgængelige blokke.
Indsæt følgende kode i tekstfeltet Tilpasset Liquid:
<div class="delivery-promise__promise-container"></div>- Placer blokken ved at trække den til den ønskede placering, typisk under blokken Købsknapper.
- Klik på Gem for at anvende dine ændringer.
Hvis du vil angive en temapræference (mørkt eller lyst), skal du i stedet bruge en af følgende:
<div class="delivery-promise__promise-container" data-theme="dark"></div>Eller
<div class="delivery-promise__promise-container" data-theme="light"></div>Mobil
Tryk på ikonet
i Shopify-appen.Tryk på Webshop > Administrer alle temaer i afsnittet Salgskanaler.
Find dit aktive tema, og tryk på Rediger tema.
Gå til en produktside ved hjælp af skabelonvælgeren øverst på siden.
Tryk på afsnittet Produktoplysninger.
Tryk på Tilføj blok, og vælg Custom Liquid.
Indsæt følgende kode i tekstfeltet Tilpasset Liquid:
<div class="delivery-promise__promise-container"></div>- Placer blokken ved at trække den til den ønskede placering, typisk under blokken Købsknapper.
- Tryk på Gem for at anvende dine ændringer.
Hvis du vil angive en temapræference (mørkt eller lyst), skal du i stedet bruge en af følgende:
<div class="delivery-promise__promise-container" data-theme="dark"></div>Eller
<div class="delivery-promise__promise-container" data-theme="light"></div>Understøttede sprog for Shop Promise-badget
I tabellen nedenfor kan du se de sprog, som Shop Promise-badget kan vises på. Hvis din butiks sprog ikke understøttes, vises Shop Promise-badget på engelsk.
| Kinesisk (forenklet) | Kinesisk (traditionelt) | Kroatisk | Tjekkisk |
| Dansk | Hollandsk | Engelsk | Finsk |
| Fransk | Tysk | Græsk | Hindi |
| Ungarsk | Indonesisk | Italiensk | Japansk |
| Koreansk | Litauisk | Malajisk | Norsk (bokmål) |
| Polsk | Portugisisk (Brasilien) | Portugisisk (Portugal) | Rumænsk |
| Russisk | Slovakisk | Slovensk | Spansk |
| Svensk | Thailandsk | Tyrkisk | Vietnamesisk |