Pomoć
Prijavi se

Prikazivanje programa Shop Promise na stranici proizvoda

Značka Shop Promise prikazuje se uz datume dostave i na stranicama proizvoda za pošiljke koje ispunjavaju uvjete, s procijenjenim vremenom nacionalne dostave u Sjedinjenim Američkim Državama od pet kalendarskih dana ili manje. Ta značka obavještava kupce da njihova narudžba uključuje brzu i pouzdanu dostavu.

Nakon što aktivirate Shop Promise, trebali biste otići na stranicu proizvoda pomoću uređivača tema kako biste potvrdili da se značka Shop Promise ispravno prikazuje.

Ako se značka ne prikazuje ispravno, provjerite ima li vaša trgovina aktivirane gumbe za ubrzano plaćanje. Također imate nekoliko opcija za prilagodbu prikaza značke Shop Promise.

Na ovoj stranici

Ručno pozicioniranje modula Shop Promise

Ako ste upoznati s čitanjem i uređivanjem koda teme, možete odrediti mjesta za izmjene i ažurirati stranicu proizvoda.

Određivanje mjesta za izmjene

Kod za modul Shop Promise mora se uključiti u obrazac proizvoda na stranici proizvoda, slično kao {%- form 'product', product -%}. Modul Shop Promise može se nalaziti na različitim lokacijama ovisno o vašoj temi. U nastavku su navedene uobičajene lokacije:

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

Ažuriranje stranice proizvoda

Koraci:

Stolno računalo

  1. U administratorskom alatu za Shopify idite na Internetska trgovina > Teme.

  2. Pronađite temu koju želite urediti, kliknite ikonu Vodoravni izbornik za otvaranje izbornika s radnjama, a zatim kliknite Uredi kod.

  3. Otvorite odgovarajuću datoteku.

  4. Pronađite redak koji sadrži {%- if block.settings.show_dynamic_checkout -%} ili {{ form | payment_button }}.

  5. Izradite novi redak neposredno ispod {%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%} i u njega zalijepite sljedeće:

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

Rezultat bi trebao izgledati slično ovome:

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

  1. U aplikaciji Shopify dodirnite ikonu Izbornik.

  2. U odjeljku Prodajni kanali dodirnite Internetska trgovina > Upravljanje svim temama.

  3. Pronađite temu koju želite urediti, dodirnite gumb … za otvaranje izbornika s radnjama, a zatim dodirnite Uredi kod.

  4. Otvorite odgovarajuću datoteku.

  5. Pronađite redak koji sadrži {%- if block.settings.show_dynamic_checkout -%} ili {{ form | payment_button }}.

  6. Izradite novi redak neposredno ispod {%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%} i u njega zalijepite sljedeće:

<div class="delivery-promise__promise-container"></div>
  1. Dodirnite Spremi ili ✓.

Rezultat bi trebao izgledati slično ovome:

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

Ručno nadjačavanje teme modula Shop Promise

Modul Shop Promise ima tamnu i svijetlu temu. Modul automatski upotrebljava temu koja ima najveći omjer kontrasta u usporedbi s bojom pozadine stranice proizvoda.

Ako ste upoznati s čitanjem i uređivanjem koda teme, možete nadjačati odabranu temu modula dodavanjem atributa podataka elementu sidra koji se upotrebljava za ručno pozicioniranje modula Shop Promise.

Prije nego što unesete bilo kakve izmjene, duplicirajte svoju temu i uredite duplikat kako biste po potrebi lako mogli poništiti izmjene.

Koraci:

Stolno računalo
  1. Slijedite upute za ručno pozicioniranje modula Shop Promise na stranici proizvoda te ostavite alat za uređivanje tema otvorenim.
  2. Novoizrađenom elementu sidra dodajte atribut podataka teme i postavite ga na dark (tamna) ili light (svijetla).
  3. Kliknite Spremi.

Rezultat bi trebao izgledati slično jednoj od sljedećih opcija:

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

Ili

<div class="delivery-promise__promise-container" data-theme="light"></div>
Mobilni uređaj
  1. Slijedite upute za ručno pozicioniranje modula Shop Promise na stranici proizvoda te ostavite alat za uređivanje tema otvorenim.
  2. Novoizrađenom elementu sidra dodajte atribut podataka teme i postavite ga na dark (tamna) ili light (svijetla).
  3. Dodirnite Spremi.

Rezultat bi trebao izgledati slično jednoj od sljedećih opcija:

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

Ili

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

Dodavanje prilagođenog HTML-a ili koda Liquid za modul Promise

Ako vaša tema podržava prilagođene blokove, možete upotrijebiti prilagođeni blok Liquid kako biste dodali modul Shop Promise na stranicu proizvoda bez uređivanja koda teme.

Koraci za dodavanje modula Promise s pomoću prilagođenog bloka Liquid:

Stolno računalo

  1. U administratorskom alatu za Shopify idite na Internetska trgovina > Teme.

  2. Pronađite temu koju želite urediti i kliknite Uredi temu.

  3. Otvorite stranicu proizvoda koristeći se biračem predložaka na gornjoj traci izbornika.

  4. U izborniku bočne trake pronađite odjeljak Informacije o proizvodu.

  5. Kliknite Dodaj blok i na popisu dostupnih blokova odaberite Prilagođeni Liquid.

  6. U tekstualno polje za prilagođeni Liquid zalijepite sljedeći kod:

<div class="delivery-promise__promise-container"></div>
  1. Pozicionirajte blok odvlačenjem na željeno mjesto, obično ispod bloka s gumbima za kupnju.
  2. Kliknite Spremi za primjenu izmjena.

Ako želite odrediti željenu temu (tamna ili svijetla), umjesto toga upotrijebite jednu od sljedećih opcija:

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

Ili

<div class="delivery-promise__promise-container" data-theme="light"></div>
Mobilni uređaj

  1. U aplikaciji Shopify dodirnite ikonu Izbornik.

  2. U odjeljku Prodajni kanali dodirnite Internetska trgovina > Upravljanje svim temama.

  3. Pronađite svoju aktivnu temu i dodirnite Uredi temu.

  4. Otvorite stranicu proizvoda koristeći se biračem predložaka na vrhu.

  5. Dodirnite odjeljak Informacije o proizvodu.

  6. Dodirnite Dodaj blok i odaberite Prilagođeni Liquid.

  7. U tekstualno polje za prilagođeni Liquid zalijepite sljedeći kod:

<div class="delivery-promise__promise-container"></div>
  1. Pozicionirajte blok odvlačenjem na željeno mjesto, obično ispod bloka s gumbima za kupnju.
  2. Dodirnite Spremi za primjenu izmjena.

Ako želite odrediti željenu temu (tamna ili svijetla), umjesto toga upotrijebite jednu od sljedećih opcija:

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

Ili

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

Podržani jezici za značku Shop Promise

U sljedećoj su tablici navedeni jezici na kojima se može prikazati značka Shop Promise. Ako jezik vaše trgovine nije podržan, značka Shop Promise prikazat će se na engleskom.

Jezici na kojima se značka Shop Promise može prikazati.
Kineski (pojednostavljeni)Kineski (tradicionalni)HrvatskiČeški
DanskiNizozemskiEngleskiFinski
FrancuskiNjemačkiGrčkiHindski
MađarskiIndonezijskiTalijanskiJapanski
KorejskiLitavskiMalajskiNorveški (Bokmål)
PoljskiPortugalski (Brazil)Portugalski (Portugal)Rumunjski
RuskiSlovačkiSlovenskiŠpanjolski
ŠvedskiTajlandskiTurskiVijetnamski