Shop Promisen näyttäminen tuotesivullasi

Tämä sivu on tulostettu Apr 20, 2024. Nykyinen versio on osoitteessa https://help.shopify.com/fi/manual/shipping/shop-promise/product-page.

Shop Promise -tunnus näkyy toimituspäivien vieressä ja tuotesivuilla sellaisten soveltuvien toimitusten kohdalla, joiden kotimaan toimituksen arvioitu toimitusaika Yhdysvalloissa on enintään viisi kalenteripäivää. Tämän merkin ansiosta asiakkaat tietävät, että heidän tilaukseensa sisältyy nopea ja luotettava toimitus.

Kun Shop Promise ‑hakemuksesi on hyväksytty, siirry tuotesivulle teemaeditorilla ja varmista, että Shop Promise ‑tunnus näkyy oikein.

Jos tunnus ei näy oikein, sinun on sijoitettava Shop Promise -moduuli manuaalisesti.

Tällä sivulla

Shop Promise -moduulin manuaalinen sijoittaminen

Jos hallitset teeman koodin lukemisen ja muokkaamisen, voit tarkistaa muutoskohdat ja päivittää tuotesivun.

Tarkista muutoskohdat

Shop Promise -moduulin koodi on sisällytettävä tuotesivun tuotelomakkeeseen. Se näyttää suurin piirtein tällaiselta: {%- form 'product', product -%}. Shop Promise -moduuli on saatavilla eri paikoissa teemastasi riippuen. Seuraavat ovat yleisiä sijainteja:

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

Tuotesivun päivittäminen

Vaiheet:

  1. Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
  2. Etsi teema, jota haluat muokata, avaa toimintovalikko klikkaamalla ...-painiketta ja klikkaa sitten Muokkaa koodia.
  3. Avaa asiaankuuluva tiedosto.
  4. Etsi rivi, joka sisältää seuraavan: {%- if block.settings.show_dynamic_checkout -%} tai {{ form | payment_button }}.
  5. Luo uusi rivi suoraan alle {%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%} ja liitä seuraava kyseiselle riville: 
<div class="delivery-promise__promise-container"></div>
  1. Klikkaa Tallenna.

Lopputuloksen pitäisi näyttää suurin piirtein tältä:

{%- if block.settings.show_dynamic_checkout -%}
  {{ form | payment_button }}
{%- endif -%}
<div class="delivery-promise__promise-container"></div>
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallitse teemoja.
  4. Etsi teema, jota haluat muokata, avaa toimintovalikko klikkaamalla ...-painiketta ja klikkaa sitten Muokkaa koodia.
  5. Avaa asiaankuuluva tiedosto.
  6. Etsi rivi, joka sisältää seuraavan: {%- if block.settings.show_dynamic_checkout -%} tai {{ form | payment_button }}.
  7. Luo uusi rivi suoraan alle {%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%} ja liitä seuraava kyseiselle riville: 
<div class="delivery-promise__promise-container"></div>
  1. Klikkaa Tallenna.

Lopputuloksen pitäisi näyttää suurin piirtein tältä:

{%- if block.settings.show_dynamic_checkout -%}
  {{ form | payment_button }}
{%- endif -%}
<div class="delivery-promise__promise-container"></div>
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallitse teemoja.
  4. Etsi teema, jota haluat muokata, avaa toimintovalikko klikkaamalla ...-painiketta ja klikkaa sitten Muokkaa koodia.
  5. Avaa asiaankuuluva tiedosto.
  6. Etsi rivi, joka sisältää seuraavan: {%- if block.settings.show_dynamic_checkout -%} tai {{ form | payment_button }}.
  7. Luo uusi rivi suoraan alle {%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%} ja liitä seuraava kyseiselle riville: 
<div class="delivery-promise__promise-container"></div>
  1. Klikkaa Tallenna.

Lopputuloksen pitäisi näyttää suurin piirtein tältä:

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

Shop Promise -moduulin teeman ohittaminen manuaalisesti

Shop Promise -moduulissa on tumma ja vaalea teema. Moduulissa käytetään automaattisesti sitä teemaa, jolla on korkein kontrastisuhde verrattuna tuotesivun taustaväriin.

Jos osaat lukea ja muokata teemakoodia, voit ohittaa moduulin valitun teeman lisäämällä ankkurielementtiin tietomääritteen, jota käytetään Shop Promise -moduulin manuaaliseen määrittämiseen.

Ennen kuin teet muutoksia, monista teemasi ja muokkaa teeman kaksoiskappaletta, jotta voit helposti palauttaa muutokset.

Vaiheet:

  1. Aseta Shop Promise -moduuli manuaalisesti tuotesivullesi ohjeiden mukaan ja jätä sen jälkeen teemaeditori auki.
  2. Lisää teeman tietomäärite juuri luotuun ankkurielementtiin, joka on määritetty tummaksi tai vaaleaksi.
  3. Klikkaa Tallenna.

Lopputuloksen pitäisi näyttää joltain seuraavista:

<div class="delivery-promise__promise-container" data-theme="dark"></div>

Tai

<div class="delivery-promise__promise-container" data-theme="light"></div>
  1. Aseta Shop Promise -moduuli manuaalisesti tuotesivullesi ohjeiden mukaan ja jätä sen jälkeen teemaeditori auki.
  2. Lisää teeman tietomäärite juuri luotuun ankkurielementtiin, joka on määritetty tummaksi tai vaaleaksi.
  3. Napauta Tallenna.

Lopputuloksen pitäisi näyttää joltain seuraavista:

<div class="delivery-promise__promise-container" data-theme="dark"></div>

Tai

<div class="delivery-promise__promise-container" data-theme="light"></div>
  1. Aseta Shop Promise -moduuli manuaalisesti tuotesivullesi ohjeiden mukaan ja jätä sen jälkeen teemaeditori auki.
  2. Lisää teeman tietomäärite juuri luotuun ankkurielementtiin, joka on määritetty tummaksi tai vaaleaksi.
  3. Napauta Tallenna.

Lopputuloksen pitäisi näyttää joltain seuraavista:

<div class="delivery-promise__promise-container" data-theme="dark"></div>

Tai

<div class="delivery-promise__promise-container" data-theme="light"></div>

Valmiina aloittamaan Shopifyssa?

Kokeile ilmaiseksi