Pomocník
Prihlásiť sa

Zobrazenie programu Shop Promise na stránke produktu

Odznak Shop Promise sa pri oprávnených doručeniach s odhadovaným doručením na území USA do piatich kalendárnych dní zobrazuje vedľa dátumov doručenia a na stránkach produktov. Tento odznak informuje zákazníkov, že ich objednávka zahŕňa rýchle a spoľahlivé doručenie.

Po aktivácii programu Shop Promise by ste mali v editore tém prejsť na stránku produktu a overiť si, či sa odznak Shop Promise zobrazuje správne.

Ak sa odznak nezobrazuje správne, skontrolujte, či má váš obchod aktivované tlačidlá zrýchlenej pokladne. Máte tiež niekoľko možností na prispôsobenie zobrazenia odznaku Shop Promise.

Na tejto stránke

Manuálne umiestnenie modulu Shop Promise

Ak viete čítať a upravovať kód témy, môžete identifikovať miesta na vykonanie zmien a aktualizovať stránku produktu.

Identifikácia miest na vykonanie zmien

Kód modulu Shop Promise musí byť zahrnutý vo formulári produktu na stránke produktu, čo by malo vyzerať podobne ako {%- form 'product', product -%}. Modul Shop Promise sa môže nachádzať na rôznych miestach v závislosti od témy. K bežným umiestneniam patria:

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

Aktualizácia stránky produktu

Kroky:

Pracovná plocha

  1. V administrátorovi Shopify prejdite na Internetový obchod > Témy.

  2. Nájdite tému, ktorú chcete upraviť, kliknutím na ikonu Horizontal menu otvorte ponuku akcií a potom kliknite na položku Upraviť kód.

  3. Otvorte príslušný súbor.

  4. Nájdite riadok, ktorý obsahuje {%- if block.settings.show_dynamic_checkout -%} alebo {{ form | payment_button }}.

  5. Vytvorte nový riadok priamo pod {%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%} a vložte doň nasledujúci kód:

<div class="delivery-promise__promise-container"></div>
  1. Kliknite na Uložiť.

Výsledok by mal vyzerať približne takto:

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

  1. V aplikácii Shopify ťuknite na ikonu Menu.

  2. V sekcii Predajné kanály ťuknite na Internetový obchod > Spravovať všetky témy.

  3. Nájdite tému, ktorú chcete upraviť, ťuknutím na tlačidlo … otvorte ponuku akcií a potom ťuknite na položku Upraviť kód.

  4. Otvorte príslušný súbor.

  5. Nájdite riadok, ktorý obsahuje {%- if block.settings.show_dynamic_checkout -%} alebo {{ form | payment_button }}.

  6. Vytvorte nový riadok priamo pod {%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%} a vložte doň nasledujúci kód:

<div class="delivery-promise__promise-container"></div>
  1. Ťuknite na Uložiť alebo ✓.

Výsledok by mal vyzerať približne takto:

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

Manuálne prepísanie témy modulu Shop Promise

Modul Shop Promise má tmavú a svetlú tému. Modul automaticky použije tému, ktorá má v porovnaní s farbou pozadia na stránke produktu najvyšší pomer kontrastu.

Ak viete čítať a upravovať kód témy, zvolenú tému modulu môžete prepísať pridaním dátového atribútu do elementu ukotvenia, ktorý sa používa na manuálne umiestnenie modulu Shop Promise.

Pred vykonaním akýchkoľvek zmien duplikujte svoju tému a upravte jej kópiu, aby ste mohli v prípade potreby akékoľvek zmeny jednoducho vrátiť späť.

Kroky:

Pracovná plocha
  1. Postupujte podľa pokynov na manuálne umiestnenie modulu Shop Promise na stránku produktu a potom nechajte editor tém otvorený.
  2. Pridajte dátový atribút témy do novovytvoreného elementu ukotvenia, ktorý nastavíte na hodnotu dark alebo light.
  3. Kliknite na Uložiť.

Výsledok by mal vyzerať podobne ako jeden z týchto príkladov:

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

Alebo

<div class="delivery-promise__promise-container" data-theme="light"></div>
Mobil
  1. Postupujte podľa pokynov na manuálne umiestnenie modulu Shop Promise na stránku produktu a potom nechajte editor tém otvorený.
  2. Pridajte dátový atribút témy do novovytvoreného elementu ukotvenia, ktorý nastavíte na hodnotu dark alebo light.
  3. Ťuknite na Uložiť.

Výsledok by mal vyzerať podobne ako jeden z týchto príkladov:

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

Alebo

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

Pridanie vlastného kódu HTML alebo Liquid pre modul Promise

Ak vaša téma podporuje vlastné bloky, na pridanie modulu Shop Promise na stránku produktu bez úpravy kódu témy môžete použiť blok Vlastný kód Liquid.

Kroky na pridanie modulu Promise pomocou bloku vlastného kódu Liquid:

Pracovná plocha

  1. V administrátorovi Shopify prejdite na Internetový obchod > Témy.

  2. Nájdite tému, ktorú chcete upraviť, a kliknite na Upraviť tému.

  3. Pomocou výberu šablón v hornom paneli s ponukami prejdite na stránku produktu.

  4. V ponuke na bočnom paneli nájdite sekciu Informácie o produkte.

  5. Kliknite na Pridať blok a zo zoznamu dostupných blokov vyberte Vlastný kód Liquid.

  6. Do textového poľa vlastného kódu Liquid vložte nasledujúci kód:

<div class="delivery-promise__promise-container"></div>
  1. Zmeňte pozíciu bloku tak, že ho potiahnete na požadované miesto, zvyčajne pod blok Tlačidlá nákupu.
  2. Kliknite na Uložiť a zmeny sa použijú.

Ak chcete špecifikovať preferenciu témy (tmavú alebo svetlú), použite namiesto toho jednu z týchto možností:

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

Alebo

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

  1. V aplikácii Shopify ťuknite na ikonu Menu.

  2. V sekcii Predajné kanály ťuknite na Internetový obchod > Spravovať všetky témy.

  3. Nájdite svoju aktívnu tému a ťuknite na Upraviť tému.

  4. Pomocou výberu šablón v hornej časti prejdite na stránku produktu.

  5. Ťuknite na sekciu Informácie o produkte.

  6. Ťuknite na Pridať blok a vyberte Vlastný kód Liquid.

  7. Do textového poľa vlastného kódu Liquid vložte nasledujúci kód:

<div class="delivery-promise__promise-container"></div>
  1. Zmeňte pozíciu bloku tak, že ho potiahnete na požadované miesto, zvyčajne pod blok Tlačidlá nákupu.
  2. Zmeny použijete ťuknutím na Uložiť.

Ak chcete špecifikovať preferenciu témy (tmavú alebo svetlú), použite namiesto toho jednu z týchto možností:

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

Alebo

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

Podporované jazyky pre odznak Shop Promise

V nasledujúcej tabuľke nájdete jazyky, v ktorých sa môže zobrazovať odznak Shop Promise. Ak sa jazyk vášho obchodu nepodporuje, odznak Shop Promise sa zobrazí v angličtine.

Jazyky, v ktorých sa odznak Shop Promise môže zobraziť.
Čínština (zjednodušená)Čínština (tradičná)ChorvátčinaČeština
DánčinaHolandčinaAngličtinaFínčina
FrancúzštinaNemčinaGréčtinaHindčina
MaďarčinaIndonézštinaTaliančinaJapončina
KórejčinaLitovčinaMalajčinaNórčina (bokmål)
PoľštinaPortugalčina (Brazília)Portugalčina (Portugalsko)Rumunčina
RuštinaSlovenčinaSlovinčinaŠpanielčina
ŠvédčinaThajčinaTurečtinaVietnamčina