Ohje
Kirjaudu sisään

Shop Promisen näyttäminen tuotesivulla

Shop Promise -tunnus näytetään toimituspäivämäärien vieressä ja tuotesivuilla sellaisten ehdot täyttävien toimitusten osalta, joiden arvioidaan saapuvan perille Yhdysvaltojen sisällä viiden kalenteripäivän kuluessa tai nopeammin. Tämä tunnus kertoo asiakkaille, että heidän tilauksensa sisältää nopean ja luotettavan toimituksen.

Kun olet aktivoinut Shop Promisen, siirry tuotesivulle teemaeditorin avulla ja varmista, että Shop Promise -tunnus näkyy oikein.

Jos tunnus ei näy oikein, varmista, että kaupassasi on aktivoitu nopeutetun kassan painikkeet. Sinulla on myös useita vaihtoehtoja Shop Promise -tunnuksen näytön mukauttamiseen.

Tällä sivulla

Aseta Shop Promise -moduuli manuaalisesti

Jos teemakoodin lukeminen ja muokkaaminen on sinulle tuttua, voit tunnistaa, mihin muutokset on tehtävä, ja päivittää tuotesivun.

Tunnista, mihin muutokset on tehtävä

Shop Promise -moduulin koodi on sisällytettävä tuotesivun tuotelomakkeeseen, jonka pitäisi näyttää suunnilleen tältä: {%- form 'product', product -%}. Shop Promise -moduuli löytyy teemasta riippuen eri paikoista. Seuraavat ovat yleisiä sijainteja:

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

Päivitä tuotesivu

Vaiheet:

Tietokone

  1. Siirry Shopifyn ohjausnäkymässä kohtaan Verkkokauppa > Teemat.

  2. Etsi muokattava teema, avaa toimintovalikko klikkaamalla Vaakavalikko -kuvaketta ja klikkaa sitten Muokkaa koodia.

  3. Avaa asianmukainen tiedosto.

  4. Etsi rivi, joka sisältää koodin {%- if block.settings.show_dynamic_checkout -%} tai {{ form | payment_button }}.

  5. Luo uusi rivi suoraan koodin {%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%} alapuolelle ja liitä seuraava koodi uudelle riville:

<div class="delivery-promise__promise-container"></div>
  1. Klikkaa Tallenna.

Tuloksen pitäisi näyttää suunnilleen tältä:

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

  1. Napauta Shopify-sovelluksessa Menu ‑kuvaketta.

  2. Napauta Myyntikanavat-osiossa Verkkokauppa > Hallinnoi kaikkia teemoja.

  3. Etsi muokattava teema, avaa toimintovalikko napauttamalla …-painiketta ja napauta sitten Muokkaa koodia.

  4. Avaa asianmukainen tiedosto.

  5. Etsi rivi, joka sisältää koodin {%- if block.settings.show_dynamic_checkout -%} tai {{ form | payment_button }}.

  6. Luo uusi rivi suoraan koodin {%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%} alapuolelle ja liitä seuraava koodi uudelle riville:

<div class="delivery-promise__promise-container"></div>
  1. Napauta Tallenna tai ✓.

Tuloksen pitäisi näyttää suunnilleen tältä:

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

Ohita Shop Promise -moduulin teema manuaalisesti

Shop Promise -moduulissa on tumma ja vaalea teema. Moduuli käyttää automaattisesti sitä teemaa, jolla on suurin kontrasti tuotesivun taustaväriin verrattuna.

Jos teemakoodin lukeminen ja muokkaaminen on sinulle tuttua, voit ohittaa moduulin valitun teeman lisäämällä data-attribuutin ankkurielementtiin, jota käytetään Shop Promise -moduulin manuaaliseen sijoittamiseen.

Ennen kuin teet muutoksia, tee teemastasi kaksoiskappale ja muokkaa kaksoiskappaletta, jotta voit helposti kumota muutokset.

Vaiheet:

Tietokone
  1. Noudata ohjeita, joilla sijoitat Shop Promise -moduulin manuaalisesti tuotesivullesi, ja pidä sitten teemaeditori auki.
  2. Lisää vasta luotuun ankkurielementtiin teeman data-attribuutti, jonka arvoksi on määritetty dark tai light.
  3. Klikkaa Tallenna.

Tuloksen pitäisi näyttää suunnilleen jommaltakummalta seuraavista:

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

Tai

<div class="delivery-promise__promise-container" data-theme="light"></div>
Mobiili
  1. Noudata ohjeita, joilla sijoitat Shop Promise -moduulin manuaalisesti tuotesivullesi, ja pidä sitten teemaeditori auki.
  2. Lisää vasta luotuun ankkurielementtiin teeman data-attribuutti, jonka arvoksi on määritetty dark tai light.
  3. Napauta Tallenna.

Tuloksen pitäisi näyttää suunnilleen jommaltakummalta seuraavista:

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

Tai

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

Lisää mukautettu HTML tai Liquid Shop Promise -moduulille

Jos teemasi tukee mukautettuja lohkoja, voit lisätä Shop Promise -moduulin tuotesivullesi käyttämällä mukautettua Liquid-lohkoa ilman, että sinun tarvitsee muokata teemakoodia.

Shop Promise -moduulin lisääminen mukautetulla Liquid-lohkolla:

Tietokone

  1. Siirry Shopifyn ohjausnäkymässä kohtaan Verkkokauppa > Teemat.

  2. Etsi muokattava teema ja klikkaa Muokkaa teemaa.

  3. Siirry tuotesivulle yläpalkin mallivalitsimella.

  4. Etsi sivupalkin valikosta Tuotetiedot-osio.

  5. Klikkaa Lisää lohko ja valitse käytettävissä olevien lohkojen luettelosta mukautettu Liquid.

  6. Liitä seuraava koodi mukautetun Liquid-lohkon tekstikenttään:

<div class="delivery-promise__promise-container"></div>
  1. Aseta lohko vetämällä se haluamaasi sijaintiin, yleensä Osta-painikkeet-lohkon alapuolelle.
  2. Ota muutokset käyttöön klikkaamalla Tallenna.

Jos haluat määrittää teeman (tumma tai vaalea), käytä sen sijaan jompaakumpaa seuraavista:

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

Tai

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

  1. Napauta Shopify-sovelluksessa Menu ‑kuvaketta.

  2. Napauta Myyntikanavat-osiossa Verkkokauppa > Hallinnoi kaikkia teemoja.

  3. Etsi aktiivinen teemasi ja napauta Muokkaa teemaa.

  4. Siirry tuotesivulle yläreunan mallivalitsimella.

  5. Napauta Tuotetiedot-osiota.

  6. Napauta Lisää lohko ja valitse Mukautettu Liquid.

  7. Liitä seuraava koodi mukautetun Liquid-lohkon tekstikenttään:

<div class="delivery-promise__promise-container"></div>
  1. Aseta lohko vetämällä se haluamaasi sijaintiin, yleensä Osta-painikkeet-lohkon alapuolelle.
  2. Napauta Tallenna, jotta muutokset otetaan käyttöön.

Jos haluat määrittää teeman (tumma tai vaalea), käytä sen sijaan jompaakumpaa seuraavista:

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

Tai

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

Shop Promise -tunnuksen tuetut kielet

Katso seuraavasta taulukosta kielet, joilla Shop Promise -tunnus voidaan näyttää. Jos kauppasi kieltä ei tueta, Shop Promise -tunnus näytetään englanniksi.

Kielet, joilla Shop Promise -tunnus voidaan näyttää.
Kiina (yksinkertaistettu)Kiina (perinteinen)KroatiaTšekki
TanskaHollantiEnglantiSuomi
RanskaSaksaKreikkaHindi
UnkariIndonesiaItaliaJapani
KoreaLiettuaMalaijiNorja (Bokmål)
PuolaPortugali (Brasilia)Portugali (Portugali)Romania
VenäjäSlovakkiSloveeniEspanja
RuotsiThaiTurkkiVietnam