A Shop Promise megjelenítése a termékoldalon
A Shop Promise-jelvény a kézbesítési dátumok mellett és a termékoldalakon jelenik meg azoknál a jogosult kiszállításoknál, amelyek becsült kézbesítési ideje az Egyesült Államokon belül öt vagy kevesebb naptári nap. Ez a jelvény tájékoztatja a vásárlókat arról, hogy rendelésük gyors és megbízható kiszállítást tartalmaz.
Miután aktiválta a Shop Promise-t, navigáljon a termékoldalra a témaszerkesztővel, hogy megbizonyosodjon arról, hogy a Shop Promise-jelvény megfelelően jelenik meg.
Ha a jelvény nem jelenik meg megfelelően, akkor győződjön meg arról, hogy az üzletében aktiválva vannak a gyorsított fizetési gombok. A Shop Promise-jelvény megjelenítésének testreszabására is több lehetősége van.
Ezen az oldalon
A Shop Promise-modul manuális elhelyezése
Ha magabiztosan olvassa és szerkeszti a témakódot, akkor azonosíthatja, hol kell módosításokat végezni, és frissítheti a termékoldalt.
A módosítások helyének azonosítása
A Shop Promise-modul kódját bele kell foglalni a termékoldalon található termékűrlapba, amelynek hasonlónak kell lennie ehhez: {%- form 'product', product -%}. A Shop Promise-modul a témától függően különböző helyeken található. A következők a gyakori helyek:
main-product.liquidproduct-form.liquidproduct-template.liquidproduct.liquid
A termékoldal frissítése
Lépések:
Asztali gép
A Shopify adminisztrációs felületéről lépjen a Webáruház > Témák menüpontba.
Keresse meg a szerkeszteni kívánt témát, kattintson a
ikonra a műveletek menü megnyitásához, majd kattintson a Kód szerkesztése lehetőségre.Nyissa meg a megfelelő fájlt.
Keresse meg azt a sort, amely a
{%- if block.settings.show_dynamic_checkout -%}vagy a{{ form | payment_button }}kódot tartalmazza.Hozzon létre egy új sort közvetlenül a
{%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%}alatt, és illessze be a következőt abba a sorba:
<div class="delivery-promise__promise-container"></div>- Kattintson a Mentés gombra.
Az eredménynek a következőhöz hasonlónak kell lennie:
{%- if block.settings.show_dynamic_checkout -%}
{{ form | payment_button }}
{%- endif -%}
<div class="delivery-promise__promise-container"></div>Mobil
A Shopify app-ban koppintson a
ikonra.Az Értékesítési csatornák szakaszban koppintson a Webáruház > Összes téma kezelése lehetőségre.
Keresse meg a szerkeszteni kívánt témát, koppintson a … gombra a műveletek menü megnyitásához, majd koppintson a Kód szerkesztése lehetőségre.
Nyissa meg a megfelelő fájlt.
Keresse meg azt a sort, amely a
{%- if block.settings.show_dynamic_checkout -%}vagy a{{ form | payment_button }}kódot tartalmazza.Hozzon létre egy új sort közvetlenül a
{%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%}alatt, és illessze be a következőt abba a sorba:
<div class="delivery-promise__promise-container"></div>- Koppintson a Mentés vagy a ✓ gombra.
Az eredménynek a következőhöz hasonlónak kell lennie:
{%- if block.settings.show_dynamic_checkout -%}
{{ form | payment_button }}
{%- endif -%}
<div class="delivery-promise__promise-container"></div>A Shop Promise-modul témájának manuális felülbírálása
A Shop Promise-modulnak van sötét és világos témája. A modul automatikusan azt a témát használja, amelyiknek a legnagyobb a kontrasztaránya a termékoldal háttérszínéhez képest.
Ha magabiztosan olvassa és szerkeszti a témakódot, akkor felülbírálhatja a modul kiválasztott témáját egy adatjellemző hozzáadásával ahhoz a horgonyelemhez, amely a Shop Promise-modul manuális elhelyezésére szolgál.
Mielőtt bármilyen módosítást végezne, készítsen másolatot a témájáról, és a másolat témát szerkessze, hogy könnyen visszaállíthassa a módosításokat.
Lépések:
Asztali gép
- Kövesse a Shop Promise-modul manuális elhelyezésére vonatkozó utasításokat a termékoldalon, majd tartsa nyitva a témaszerkesztőt.
- Adjon hozzá egy témaadat-jellemzőt az újonnan létrehozott horgonyelemhez, és állítsa be dark vagy light értékre.
- Kattintson a Mentés gombra.
Az eredménynek az alábbiak egyikéhez hasonlónak kell lennie:
<div class="delivery-promise__promise-container" data-theme="dark"></div>Vagy
<div class="delivery-promise__promise-container" data-theme="light"></div>Mobil
- Kövesse a Shop Promise-modul manuális elhelyezésére vonatkozó utasításokat a termékoldalon, majd tartsa nyitva a témaszerkesztőt.
- Adjon hozzá egy témaadat-jellemzőt az újonnan létrehozott horgonyelemhez, és állítsa be dark vagy light értékre.
- Koppintson a Mentés gombra.
Az eredménynek az alábbiak egyikéhez hasonlónak kell lennie:
<div class="delivery-promise__promise-container" data-theme="dark"></div>Vagy
<div class="delivery-promise__promise-container" data-theme="light"></div>Egyéni HTML vagy Liquid hozzáadása a Promise-modulhoz
Ha a témája támogatja az egyéni blokkokat, akkor egyéni Liquid-blokk segítségével hozzáadhatja a Shop Promise-modult a termékoldalához a témakód szerkesztése nélkül.
A Promise-modul hozzáadásának lépései egyéni Liquid-blokk használatával:
Asztali gép
A Shopify adminisztrációs felületéről lépjen a Webáruház > Témák menüpontba.
Keresse meg a szerkeszteni kívánt témát, és kattintson a Téma szerkesztése gombra.
Navigáljon egy termékoldalra a felső menüsorban található sablonválasztó segítségével.
Az oldalsáv menüjében keresse meg a Termékinformációk szakaszt.
Kattintson a Blokk hozzáadása gombra, és válassza ki az egyéni Liquid lehetőséget az elérhető blokkok listájából.
Az egyéni Liquid szövegmezőbe illessze be a következő kódot:
<div class="delivery-promise__promise-container"></div>- Helyezze el a blokkot a kívánt helyre húzással, jellemzően a Vásárlás gombok blokk alá.
- Kattintson a Mentés gombra a módosítások alkalmazásához.
Ha meg szeretne adni egy témapreferenciát (dark vagy light), akkor használja helyette a következők egyikét:
<div class="delivery-promise__promise-container" data-theme="dark"></div>Vagy
<div class="delivery-promise__promise-container" data-theme="light"></div>Mobil
A Shopify app-ban koppintson a
ikonra.Az Értékesítési csatornák szakaszban koppintson a Webáruház > Összes téma kezelése lehetőségre.
Keresse meg az aktív témát, és koppintson a Téma szerkesztése lehetőségre.
Navigáljon egy termékoldalra a felül található sablonválasztó segítségével.
Koppintson a Termékinformációk szakaszra.
Koppintson a Blokk hozzáadása lehetőségre, és válassza ki a Custom Liquid lehetőséget.
Az egyéni Liquid szövegmezőbe illessze be a következő kódot:
<div class="delivery-promise__promise-container"></div>- Helyezze el a blokkot a kívánt helyre húzással, jellemzően a Vásárlás gombok blokk alá.
- A módosítások alkalmazásához koppintson a Mentés gombra.
Ha meg szeretne adni egy témapreferenciát (dark vagy light), akkor használja helyette a következők egyikét:
<div class="delivery-promise__promise-container" data-theme="dark"></div>Vagy
<div class="delivery-promise__promise-container" data-theme="light"></div>A Shop Promise-jelvény támogatott nyelvei
A következő táblázatban találja azokat a nyelveket, amelyeken a Shop Promise-jelvény megjeleníthető. Ha az Ön áruházának nyelve nem támogatott, akkor a Shop Promise-jelvény angolul jelenik meg.
| kínai (egyszerűsített) | kínai (hagyományos) | horvát | cseh |
| dán | holland | angol | finn |
| francia | német | görög | hindi |
| magyar | indonéz | olasz | japán |
| koreai | litván | maláj | norvég (bokmål) |
| lengyel | portugál (brazil) | portugál (portugál) | román |
| orosz | szlovák | szlovén | spanyol |
| svéd | thai | török | vietnámi |