A márkaépítés-szerkesztő használata a Checkout Blocksban

A Checkout Blocks Checkout Branding API-n alapuló márkaépítés-szerkesztőjével kódmódosítás nélkül szabhatja testre a pénztár- és fiókoldalak esztétikáját.

A márkaépítés-szerkesztővel bármely pénztárkonfiguráció színeit és pénztárelemeit szerkesztheti. A márkaépítés-szerkesztővel a pénztár dizájnján végzett módosítások a pénztár összes oldalára érvényesek, beleértve a köszönőoldalt, a rendelésállapot-oldalt és az új vásárlói fiókok oldalait.

A márkaépítés-szerkesztő elindításához a Shopify adminisztrációs felületéről kattintson az „Alkalmazások” > „Checkout Blocks”, majd a „Márkaépítés-szerkesztő” lehetőségre.

A pénztár színeinek testreszabása

A Színek szakaszban testreszabhatja a pénztár alapszíneit. Emellett legfeljebb 4 színösszeállítást is testreszabhat, amelyek az egyes szakaszokra vonatkoznak, ha részletesebb szerkesztéseket szeretne végezni a kialakításon. Szerkeszthet színtípusokat, beleértve a kiemelő színeket (interaktív elemekhez, például hivatkozásokhoz) és a márka színeit (olyan elemekhez, mint az elsődleges és másodlagos gombok).

Lépések:

A pénztár elemeinek testreszabása

A márkaszerkesztő Testreszabások szakaszában a pénztár következő elemeit szerkesztheti:

• Favicon: Válassza ki azt az ikont, amely a vásárlóknak a böngészőfülön jelenik meg a fizetés során.
• Globális: Állítsa be az összes elem (űrlapbeviteli mezők, gombok és kártyák) saroksugarát.
• Fejléc és logó: Válassza ki a fejléc helyzetét a pénztárban, valamint azt, hogy megjelenjen-e a kenyérmorzsa, a kosárra mutató hivatkozás és a logó.
• Fő rész: Alkalmazzon dizájnsémákat a pénztár fő tartalmi területére, beleértve a háttérképeket, a szegélyszélességeket és a színösszeállításokat.
• Rendelési összefoglaló: Alkalmazzon dizájnsémákat a pénztár oldalsávjára, amely a vásárló rendelési összefoglalóját tartalmazza, beleértve a háttérképeket, a szegélyszélességeket és a színösszeállításokat.
• Lábléc: Válassza ki a lábléc szélességét a pénztárban, valamint azt, hogy megjelenjenek-e az üzletszabályzatok.
• Tipográfia: Válassza ki a betűméretet, a betűcsaládot, a betűvastagságot, a méretet, a betűközt és a kis- és nagybetűs írásmódot legfeljebb 3 szintű címsorhoz.
• Gombok: Válassza ki az elsődleges és másodlagos gombok margóját, szegélyeit és stílusait.
• Űrlapok: Testreszabhatja a pénztár űrlapbeviteli mezőinek stílusát, például a jelölőnégyzetekét, a szövegmezőkét és a listából kiválasztott lehetőségekét.
• Termékminiatűrök: Módosítsa a termékképek szegély- és saroksugár-stílusát a pénztárban.

Lépések:

1. A Shopify adminisztrációs felületén lépjen az Alkalmazások > Checkout Blocks menüpontra.

2. Kattintson a Márkaszerkesztő elemre.

3. A Testreszabások szakaszban kattintson a testreszabni kívánt elemek bármelyikére, például a Fejléc és logó elemre.

4. A rendelkezésre álló testreszabási lehetőségekkel igazítsa a pénztár elemét a saját ízléséhez.

5. Kattintson a Mentés gombra.

Váltás a pénztárkonfigurációk között

Amikor megnyitja a márkaépítő szerkesztőt, alapértelmezés szerint a jelenleg „Aktív” pénztár-konfigurációt szerkeszti. A márkaépítő szerkesztővel azonban módosíthatja a szerkeszteni kívánt pénztár-konfigurációt, és újakat is létrehozhat.

További információ: az aktív és a tervezet pénztár-konfigurációk kezelése.

Lépések:

1. A Shopify adminisztrációs felületén lépjen az Alkalmazások > Checkout Blocks menüpontra.

2. Kattintson a Márkaszerkesztő elemre.

3. Kattintson az aktuális pénztár-konfiguráció nevére egy legördülő menü megnyitásához, amely tartalmazza az aktív és az összes tervezet konfiguráció listáját, majd válassza ki a testreszabni kívánt pénztár-konfigurációt:

   • Válasszon ki egy meglévő konfigurációt, amelyet szerkeszteni szeretne.
   • Kattintson az ⊕ Új konfiguráció létrehozása gombra, hogy a rendszer átirányítsa a Shopify adminisztrációs felületének Pénztár beállításaihoz.

A pénztár előnézete

A márkaszerkesztőben végrehajtott módosítások előnézetét bármikor megtekintheti, ha kiválasztja az előnézetben megtekinteni kívánt pénztárkonfigurációt, majd az Előnézet gombra kattint. A pénztár- és fiókszerkesztő egy külön lapon indul el az összes módosítás alkalmazásával, így megtekintheti, hogyan jelennek meg a pénztárban.

Lépések:

1. A Shopify adminisztrációs felületén lépjen az Alkalmazások > Checkout Blocks menüpontra.

2. Kattintson a Márkaszerkesztő elemre.

3. Végezze el a kívánt módosításokat a pénztárkonfiguráció színein vagy a pénztár elemein.

4. Kattintson az Előnézet gombra.

Pénztárkonfigurációk exportálása és importálása

A pénztárkonfigurációkat JSON-fájlokkal exportálhatja és importálhatja.

Pénztárkonfiguráció exportálása:

1. A Shopify adminisztrációs felületén lépjen az Alkalmazások > Checkout Blocks menüpontra.

2. Kattintson a Márkaszerkesztő elemre.

3. A márkaszerkesztőben válassza ki azt a pénztárkonfigurációt, amelyen testreszabásokat alkalmazott.

4. Kattintson a További műveletek > Konfiguráció exportálása lehetőségre.

A pénztárkonfiguráció .json formátumban töltődik le a helyi eszközre.

Pénztárkonfiguráció importálása:

1. A Shopify adminisztrációs felületén lépjen az Alkalmazások > Checkout Blocks menüpontra.

2. Kattintson a Márkaszerkesztő elemre.

3. Válassza ki azt a pénztárkonfigurációt, amelyre alkalmazni szeretné az importált márkaprofilt.

4. Kattintson a További műveletek > Konfiguráció importálása lehetőségre.

5. Az Pénztár arculatának importálása párbeszédpanelen töltse fel az arculati JSON-fájlját:

   1. Kattintson a Fájl hozzáadása gombra.
   2. Válassza ki a megfelelő JSON-fájlt az eszközéről.
   3. Kattintson az Importálás és folytatás gombra.

6. Tekintse át az előre betöltött testreszabási konfigurációt. Szükség szerint módosítsa.

7. Kattintson a Mentés gombra.

A pénztárstílus visszaállítása az alapértelmezettre

Amikor a márkaszerkesztővel színt vagy pénztárelemet szerkeszt, a módosított szín vagy elem melletti Visszaállítás gombra kattintva visszaállíthatja az adott értéket az alapértelmezett értékre.

Bármikor visszaállíthatja a pénztár teljes arculati konfigurációját a Shopify alapértelmezett értékeire. A pénztár-konfiguráció visszaállítása törli az arculatszerkesztő összes oldalán végzett összes testreszabást. Ez a művelet nem vonható vissza.

Lépések:

1. A Shopify adminisztrációs felületén lépjen az Alkalmazások > Checkout Blocks menüpontra.

2. Kattintson a Márkaszerkesztő elemre.

3. Válassza ki a visszaállítani kívánt pénztár-konfigurációt.

4. Kattintson a Visszaállítás alapértelmezettre gombra.

5. A Visszaállítja az alapértelmezett stílusokat? párbeszédpanelen kattintson a Folytatás gombra.