Prikaz funkcije Shop Promise na strani izdelka

Shop Promise značka se prikaže poleg datumov dostave in na straneh izdelka za ustrezne dostave, ki bodo znotraj Združenih držav predvidoma dostavljene v petih koledarskih dneh ali manj. Ta značka strankam sporoča, da njihovo naročilo vključuje hitro in zanesljivo dostavo.

Ko aktivirate Shop Promise, se v urejevalniku tem pomaknite na stran izdelka in preverite, ali se Shop Promise značka pravilno prikazuje.

Če se značka ne prikaže pravilno, preverite, ali imate v trgovini aktivirane gumbe za hitro blagajno. Na voljo imate tudi več možnosti za prilagajanje prikaza Shop Promise značke.

Ročno umestite modul Shop Promise

Če ste vešči branja in urejanja kode teme, lahko ugotovite, kje narediti spremembe, in posodobite stran izdelka.

Poiščite mesto za vnos sprememb

Kodo za modul Shop Promise je treba vključiti v obrazec izdelka na strani izdelka, ki bi moral biti podoben {%- form 'product', product -%}. Modul Shop Promise je mogoče najti na različnih lokacijah, odvisno od vaše teme. Najpogostejše lokacije so:

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

Posodobite stran izdelka

Koraki:

Namizni računalnik
  1. V skrbniku Shopify pojdite na Spletna trgovina > Teme.

  2. Poiščite temo, ki jo želite urediti, kliknite ikono Vodoravni meni, da odprete meni dejanj, in nato kliknite Uredi kodo.

  3. Odprite ustrezno datoteko.

  4. Poiščite vrstico, ki vsebuje {%- if block.settings.show_dynamic_checkout -%} ali {{ form | payment_button }}.

  5. Ustvarite novo vrstico neposredno pod {%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%} in v to vrstico prilepite naslednje:

<div class="delivery-promise__promise-container"></div>
  1. Kliknite Shrani.

Rezultat bi moral biti podoben naslednjemu:

{%- if block.settings.show_dynamic_checkout -%}
  {{ form | payment_button }}
{%- endif -%}
<div class="delivery-promise__promise-container"></div>
Mobilna naprava
  1. V aplikaciji Shopify se dotaknite ikone Meni.

  2. V razdelku Prodajni kanali se dotaknite Spletna trgovina > Upravljanje vseh tem.

  3. Poiščite temo, ki jo želite urediti, se dotaknite gumba , da odprete meni dejanj, in se nato dotaknite možnosti Uredi kodo.

  4. Odprite ustrezno datoteko.

  5. Poiščite vrstico, ki vsebuje {%- if block.settings.show_dynamic_checkout -%} ali {{ form | payment_button }}.

  6. Ustvarite novo vrstico neposredno pod {%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%} in v to vrstico prilepite naslednje:

<div class="delivery-promise__promise-container"></div>
  1. Dotaknite se možnosti Shrani ali .

Rezultat bi moral biti podoben naslednjemu:

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

Ročno preglasite temo modula Shop Promise

Modul Shop Promise ima temno in svetlo temo. Modul samodejno uporabi tisto temo, ki ima največje kontrastno razmerje v primerjavi z barvo ozadja na strani izdelka.

Če ste vešči branja in urejanja kode teme, lahko preglasite izbrano temo modula tako, da dodate podatkovno lastnost sidrnemu elementu, ki se uporablja za ročno umestitev modula Shop Promise.

Pred kakršnimi koli spremembami podvojite temo in uredite podvojeno temo. Tako boste lahko preprosto razveljavili morebitne spremembe.

Koraki:

Namizni računalnik
  1. Sledite navodilom za ročno umestitev modula Shop Promise na svoji strani izdelka in pustite urejevalnik tem odprt.
  2. Svojemu novo ustvarjenemu sidrnemu elementu dodajte podatkovno lastnost teme in jo nastavite na dark (temno) ali light (svetlo).
  3. Kliknite Shrani.

Rezultat bi moral biti podoben enemu od naslednjih:

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

Ali

<div class="delivery-promise__promise-container" data-theme="light"></div>
Mobilna naprava
  1. Sledite navodilom za ročno umestitev modula Shop Promise na svoji strani izdelka in pustite urejevalnik tem odprt.
  2. Svojemu novo ustvarjenemu sidrnemu elementu dodajte podatkovno lastnost teme in jo nastavite na dark (temno) ali light (svetlo).
  3. Dotaknite se možnosti Shrani.

Rezultat bi moral biti podoben enemu od naslednjih:

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

Ali

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

Dodajte HTML ali Liquid po meri za modul Promise

Če vaša tema podpira bloke po meri, lahko uporabite blok Custom Liquid, da modul Shop Promise dodate na stran izdelka brez urejanja kode teme.

Koraki za dodajanje modula Promise s pomočjo bloka Custom Liquid:

Namizni računalnik
  1. V skrbniku Shopify pojdite na Spletna trgovina > Teme.

  2. Poiščite temo, ki jo želite urediti, in kliknite Uredi temo.

  3. Pomaknite se na stran izdelka z izbirnikom predloge v zgornji menijski vrstici.

  4. V stranskem meniju poiščite razdelek Informacije o izdelku.

  5. Kliknite Dodaj blok in na seznamu razpoložljivih blokov izberite Liquid po meri.

  6. V besedilno polje Liquid po meri prilepite naslednjo kodo:

<div class="delivery-promise__promise-container"></div>
  1. Blok postavite tako, da ga povlečete na želeno mesto, običajno pod blok z gumbi za nakup.
  2. Kliknite Shrani, da uveljavite spremembe.

Če želite določiti želeno temo (temno ali svetlo), namesto tega uporabite eno od naslednjih možnosti:

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

Ali

<div class="delivery-promise__promise-container" data-theme="light"></div>
Mobilna naprava
  1. V aplikaciji Shopify se dotaknite ikone Meni.

  2. V razdelku Prodajni kanali se dotaknite Spletna trgovina > Upravljanje vseh tem.

  3. Poiščite svojo aktivno temo in se dotaknite možnosti Uredi temo.

  4. Pomaknite se na stran izdelka z izbirnikom predloge na vrhu.

  5. Dotaknite se razdelka Informacije o izdelku.

  6. Dotaknite se možnosti Dodaj blok in izberite Liquid po meri.

  7. V besedilno polje Liquid po meri prilepite naslednjo kodo:

<div class="delivery-promise__promise-container"></div>
  1. Blok postavite tako, da ga povlečete na želeno mesto, običajno pod blok z gumbi za nakup.
  2. Dotaknite se možnosti Shrani, da uveljavite spremembe.

Če želite določiti želeno temo (temno ali svetlo), namesto tega uporabite eno od naslednjih možnosti:

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

Ali

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

Podprti jeziki za značko Shop Promise

V naslednji tabeli so navedeni jeziki, v katerih je lahko prikazana značka Shop Promise. Če jezik vaše trgovine ni podprt, je značka Shop Promise prikazana v angleščini.

Jeziki, v katerih je lahko prikazana značka Shop Promise.
Kitajščina (poenostavljena)Kitajščina (tradicionalna)HrvaščinaČeščina
DanščinaNizozemščinaAngleščinafinščina
francoščinanemščinagrščinahindijščina
madžarščinaindonezijščinaitalijanščinajaponščina
korejščinalitovščinamalajščinanorveščina (Bokmål)
poljščinaportugalščina (Brazilija)portugalščina (Portugalska)romunščina
ruščinaslovaščinaslovenščinašpanščina
švedščinatajščinaturščinavietnamščina