Pagalba
Prisijungti

„Shop Promise“ rodymas produkto puslapyje

„Shop Promise“ ženklelis rodomas šalia pristatymo datų ir produkto puslapiuose, kai tinkami pristatymai Jungtinių Valstijų viduje numatomi per penkias ar mažiau kalendorinių dienų. Šis ženklelis informuoja klientus, kad jų užsakymas bus pristatytas greitai ir patikimai.

Aktyvinę „Shop Promise“, turėtumėte eiti į produkto puslapį naudodami temos redaktorių ir patvirtinti, kad „Shop Promise“ ženklelis rodomas tinkamai.

Jei ženklelis nerodomas tinkamai, įsitikinkite, kad Jūsų parduotuvėje yra aktyvinti spartieji atsiskaitymo mygtukai. Taip pat turite kelias parinktis, kaip tinkinti „Shop Promise“ ženklelio rodymą.

Šiame puslapyje

Rankinis „Shop Promise“ modulio padėties nustatymas

Jei mokate skaityti ir redaguoti temos kodą, galite nustatyti, kur daryti pakeitimus, ir atnaujinti produkto puslapį.

Pakeitimų vietos nustatymas

„Shop Promise“ modulio kodas turi būti įtrauktas į produkto formą produkto puslapyje, kuri turėtų būti panaši į {%- form 'product', product -%}. „Shop Promise“ modulį galima rasti įvairiose vietose, priklausomai nuo jūsų temos. Toliau nurodytos dažniausiai pasitaikančios vietos:

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

Produkto puslapio atnaujinimas

Veiksmai:

Stalinis kompiuteris

  1. Savo „Shopify“ administratoriaus skydelyje eikite į Internetinė parduotuvė > Temos.

  2. Raskite temą, kurią norite redaguoti, spustelėkite piktogramą Horizontalus meniu, kad atidarytumėte veiksmų meniu, tada spustelėkite Redaguoti kodą.

  3. Atidarykite atitinkamą failą.

  4. Raskite eilutę, kurioje yra {%- if block.settings.show_dynamic_checkout -%} arba {{ form | payment_button }}.

  5. Sukurkite naują eilutę iškart po {%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%} ir joje įklijuokite:

<div class="delivery-promise__promise-container"></div>
  1. Spustelėkite Išsaugoti.

Rezultatas turėtų atrodyti panašiai:

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

  1. Programėlėje Shopify app bakstelėkite Menu piktogramą.

  2. Skiltyje Pardavimo kanalai bakstelėkite Internetinė parduotuvė > Valdyti visas temas.

  3. Raskite temą, kurią norite redaguoti, bakstelėkite mygtuką ..., kad atidarytumėte veiksmų meniu, ir bakstelėkite Redaguoti kodą.

  4. Atidarykite atitinkamą failą.

  5. Raskite eilutę, kurioje yra {%- if block.settings.show_dynamic_checkout -%} arba {{ form | payment_button }}.

  6. Sukurkite naują eilutę iškart po {%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%} ir joje įklijuokite:

<div class="delivery-promise__promise-container"></div>
  1. Bakstelėkite Išsaugoti arba ✓.

Rezultatas turėtų atrodyti panašiai:

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

Rankinis „Shop Promise“ modulio temos keitimas

„Shop Promise“ modulis turi tamsią ir šviesią temą. Modulis automatiškai naudoja tą temą, kurios kontrasto santykis su produkto puslapio fono spalva yra didžiausias.

Jei mokate skaityti ir redaguoti temos kodą, galite pakeisti pasirinktą modulio temą pridėdami duomenų atributą prie inkaro elemento, kuris naudojamas rankiniam „Shop Promise“ modulio padėties nustatymui.

Prieš atlikdami bet kokius pakeitimus, padarykite temos kopiją ir redaguokite kopiją, kad galėtumėte lengvai atšaukti visus pakeitimus.

Veiksmai:

Stalinis kompiuteris
  1. Vykdykite instrukcijas, kaip rankiniu būdu nustatyti „Shop Promise“ modulio padėtį savo produkto puslapyje, ir palikite temos redaktorių atidarytą.
  2. Prie naujai sukurto inkaro elemento pridėkite temos duomenų atributą, kurio vertė būtų dark arba light.
  3. Spustelėkite Išsaugoti.

Rezultatas turėtų atrodyti panašiai kaip vienas iš toliau nurodytų:

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

Arba

<div class="delivery-promise__promise-container" data-theme="light"></div>
Mobilusis įrenginys
  1. Vykdykite instrukcijas, kaip rankiniu būdu nustatyti „Shop Promise“ modulio padėtį savo produkto puslapyje, ir palikite temos redaktorių atidarytą.
  2. Prie naujai sukurto inkaro elemento pridėkite temos duomenų atributą, kurio vertė būtų dark arba light.
  3. Bakstelėkite Išsaugoti.

Rezultatas turėtų atrodyti panašiai kaip vienas iš toliau nurodytų:

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

Arba

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

Pasirinktinio HTML arba „Liquid“ kodo pridėjimas „Promise“ moduliui

Jei Jūsų tema palaiko pasirinktinius blokus, galite naudoti pasirinktinį „Liquid“ bloką, kad pridėtumėte „Shop Promise“ modulį į savo produkto puslapį neredaguodami temos kodo.

Veiksmai, kaip pridėti „Promise“ modulį naudojant pasirinktinį „Liquid“ bloką:

Stalinis kompiuteris

  1. Savo „Shopify“ administratoriaus skydelyje eikite į Internetinė parduotuvė > Temos.

  2. Raskite temą, kurią norite redaguoti, ir spustelėkite Redaguoti temą.

  3. Eikite į produkto puslapį naudodami šablono parinkiklį viršutinėje meniu juostoje.

  4. Šoninės juostos meniu raskite skiltį Informacija apie produktą.

  5. Spustelėkite Pridėti bloką ir iš galimų blokų sąrašo pasirinkite pasirinktinis Liquid.

  6. Pasirinktinio „Liquid“ teksto lauke įklijuokite šį kodą:

<div class="delivery-promise__promise-container"></div>
  1. Nustatykite bloko padėtį nuvilkdami jį į norimą vietą, paprastai po mygtukų „Pirkti“ bloku.
  2. Spustelėkite Išsaugoti, kad pritaikytumėte pakeitimus.

Jei norite nurodyti temos nuostatą (tamsi arba šviesi), vietoj to naudokite vieną iš šių parinkčių:

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

Arba

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

  1. Programėlėje Shopify app bakstelėkite Menu piktogramą.

  2. Skiltyje Pardavimo kanalai bakstelėkite Internetinė parduotuvė > Valdyti visas temas.

  3. Raskite savo aktyvią temą ir bakstelėkite Redaguoti temą.

  4. Eikite į produkto puslapį naudodami šablono parinkiklį viršuje.

  5. Bakstelėkite skyrių Produkto informacija.

  6. Bakstelėkite Pridėti bloką ir pasirinkite Custom Liquid.

  7. Pasirinktinio „Liquid“ teksto lauke įklijuokite šį kodą:

<div class="delivery-promise__promise-container"></div>
  1. Nustatykite bloko padėtį nuvilkdami jį į norimą vietą, paprastai po mygtukų „Pirkti“ bloku.
  2. Bakstelėkite Įrašyti, kad pritaikytumėte pakeitimus.

Jei norite nurodyti temos nuostatą (tamsi arba šviesi), vietoj to naudokite vieną iš šių parinkčių:

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

Arba

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

„Shop Promise“ ženklelio palaikomos kalbos

Toliau pateiktoje lentelėje nurodytos kalbos, kuriomis gali būti rodomas „Shop Promise“ ženklelis. Jei jūsų parduotuvės kalba nepalaikoma, „Shop Promise“ ženklelis rodomas anglų kalba.

Kalbos, kuriomis gali būti rodomas „Shop Promise“ ženklelis.
Kinų (supaprastinta)Kinų (tradicinė)KroatųČekų
DanųOlandųAnglųSuomių
PrancūzųVokiečiųGraikųHindi
VengrųIndoneziečiųItalųJaponų
KorėjiečiųLietuviųMalajiečiųNorvegų (bokmål)
LenkųPortugalų (Brazilijos)Portugalų (Portugalijos)Rumunų
RusųSlovakųSlovėnųIspanų
ŠvedųTajųTurkųVietnamiečių