Szekciók és blokkok

A témában szekciók segítségével hozhatja létre online áruháza kívánt elrendezését. A szekciók különböző típusú blokkokból állnak, amelyek mindegyike egyedi funkcióval rendelkezik, például szöveg, gombok, önálló képek, képkollázs vagy hivatkozások.

A szekciók és a blokkok rugalmasságot biztosítanak a tartalom elrendezéséhez, és lehetővé teszik, hogy a kód szerkesztése nélkül szabályozza online áruháza stílusát és hangulatát, beleértve a következő testreszabási lehetőségeket:

• Átrendezheti a szekciókat a sablonokban, és átrendezheti a blokkokat a szekciókon belül.
• A szekciók és a blokkok rendelkezhetnek egyedi testreszabási beállításokkal.
• Kompatibilis szekciókat és blokkokat csatlakoztathat, hogy dinamikus információkat jelenítsen meg az online áruházában egyéni adatokból, például a termékek kezelési útmutatójának hozzáadásával. További információ a dinamikus források csatlakoztatásáról.

A témaszerkesztőben elérhető szekciók és blokkok a témától és a téma verziójától függnek. Előfordulhat például, hogy a témája rendelkezik egy Dia blokkal, amelyet csak egy Diavetítés szekcióhoz adhat hozzá, valamint egy Címsor szövegblokkal, amelyet a téma összes szekciójához hozzáadhat. A rendelkezésre álló lehetőségekről a téma dokumentációjában talál további információt.

Szekciók és blokkok maximális korlátai

A szekciókra és blokkokra a következő maximális korlátozások vonatkoznak:

• Minden sablon legfeljebb 25 szekciót tartalmazhat.
• Minden sablon legfeljebb 1250 blokkot tartalmazhat az összes szekcióban. A blokkok pontos száma, valamint az egyes szekciókhoz hozzáadható blokkok száma és típusa a szekció- és blokkforrásoktól függ, és a téma tervezője adja meg a témához. Ha például a témája rendelkezik egy E-mail-regisztráció szekcióval, akkor lehet, hogy csak egy E-mail űrlap blokkot tud hozzáadni.
• A beágyazást támogató blokkok legfeljebb nyolc szintű beágyazott blokkot tartalmazhatnak.

Blokkforrások

A téma szerkezetétől és a telepített alkalmazásoktól függően a téma számos olyan szekciót tartalmazhat, amelyek különböző forrásokból származó blokkokat fogadnak el. Amikor egy blokkot hozzáad egy szekcióhoz, az adott szekcióhoz rendelkezésre álló összes blokk megjelenik a blokkválasztóban. A témától és a téma verziójától függően a következő típusú blokkokat adhatja hozzá a téma szekcióihoz:

• Az alkalmazásblokkok olyan blokkok, amelyek funkciókkal bővítik a témát. Egy alkalmazásblokk segítségével áthelyezheti a telepített alkalmazások által hozzáadott témarészeket a téma egy adott oldalának egy adott területére.
• A szekcióblokkok egy adott szekción belül definiált blokkok.
• A témamodulok a témán belül definiált blokkok, amelyek dinamikus funkciókkal, például beágyazással rendelkezhetnek.

A témája tartalmazhat olyan szekciókat, amelyek szekcióblokkokat, és más szekciókat, amelyek témamodulokat használnak. Egyetlen szekció elfogadhat témamodulokat vagy szekcióblokkokat, de a kettő keverékét nem.

Az alkalmazásblokkok elérhetősége a szekciókon belül az alkalmazás funkcióitól függ, valamint attól, hogy a szekció elfogad-e alkalmazásblokkokat.

Szekcióblokkok

A szekcióblokkok egy adott szekcióhoz tervezett blokkok. Egy szekció korlátozhatja a szekcióblokkok típusait, valamint a hozzáadható blokkok számát egy adott típusból.

Példa szekcióblokkokat tartalmazó szekcióra

Tegyük fel például, hogy a témája rendelkezik egy E-mail-regisztráció szekcióval. Ezzel a szekcióval hírlevél-feliratkozási űrlapot adhat hozzá, hogy a vásárlók feliratkozhassanak a hírlevelére. Miután hozzáadta az E-mail-regisztráció szekciót, egyet-egyet hozzáadhat a következő blokkok közül:

• egy E-mail űrlap blokk
• egy Címsor blokk
• egy Alcím blokk

Ha hozzáadja az E-mail űrlap blokkot, és a Blokk hozzáadása gombra kattint egy másik blokk hozzáadásához, akkor az E-mail űrlap blokk már nem jelenik meg opcióként a blokkválasztóban. Ez a korlátozás segít megelőzni a vásárló e-mail-címének rögzítésével kapcsolatos problémákat, és biztosítja, hogy a vásárló könnyen megadhassa az e-mail-címét.

Ha hozzáadta az E-mail-regisztráció szekcióhoz rendelkezésre álló mindhárom blokkot, akkor a blokkválasztó egy üzenetet jelenít meg, amely szerint az összes rendelkezésre álló blokkot felhasználták.

Témamodulok

A témamodulok a témán belül definiált blokkok, amelyek dinamikus funkciókkal, például beágyazással rendelkezhetnek. A témamodulokat elfogadó szekciók a szekció szerkezetétől függően sokféle blokkot fogadhatnak el. Egy témamodulokat elfogadó szekció elfogadhatja az összes rendelkezésre álló témamodult, a blokkok egy meghatározott részhalmazát, vagy az adott szekcióra jellemző egyedi blokkokat. A témamodulok a következő viselkedési formákkal is rendelkezhetnek:

• Egyes blokkok támogatják a beágyazást, így akár nyolc szinten is beágyazhat blokkokat más blokkokba.
• Egyes szekciók kötelező blokkokat tartalmaznak. Ezeket a blokkokat testre szabhatja vagy elrejtheti, de nem rendezheti át vagy törölheti őket.
• Egyes blokkok bizonyos feltételek teljesülése esetén automatikusan megjelennek egy szekcióban.

Példa témamodulokat tartalmazó szekcióra

Tegyük fel például, hogy a témája rendelkezik egy Diavetítés szekcióval, amely témamodulokat tartalmaz.

A téma diavetítés szekciójában, amikor a Blokk hozzáadása gombra kattint, kiválaszthat egy Dia blokkot a blokkválasztóból. Más blokktípusok nem állnak rendelkezésre. Ha egy Dia blokkot próbál hozzáadni a téma egy másik szekciójához, például egy Képes szalaghirdetés szekcióhoz, akkor a Dia nem érhető el. Ez egy példa a korlátozott blokkra.

Miután hozzáadott egy Dia modult a Diavetítés szakaszhoz, a Modul hozzáadása gombra kattintva további modulokat adhat hozzá a Diavetítés szakasz bármely Dia moduljához, például Címsor, Kép vagy Gomb modulokat. Ezek a modulok a Dia modulba vannak beágyazva. Ez egy példa a beágyazott modulra.

Ha egy második Dia modult ad hozzá a Diavetítés szakaszhoz, akkor a téma automatikusan hozzáad egy Diavetítés vezérlői modult. Ez a modul gombokat jelenít meg, amelyekre kattintva a webhely látogatói az egyik diáról a másikra navigálhatnak. Testreszabhatja a gombok stílusát vagy elrejtheti a vezérlőket, de a modult nem távolíthatja el és nem törölheti. Ez egy példa a feltételesen megjelenő, kötelező modulra.

Témamodulok kompatibilitása

A témamodulok eléréséhez a témának olyan szakaszokkal kell rendelkeznie, amelyek támogatják a témamodulokat. A téma kódjában ellenőrizheti, hogy a téma támogatja-e a témamodulokat. Ha van egy blocks könyvtár a Liquid-szerkesztő oldalsávjában, akkor olyan témát használ, amely támogatja a témamodulokat. Ezt a téma dokumentációjában is ellenőrizheti.

Lépések:

1. A Shopify adminisztrációs felületén lépjen az Online áruház > Témák menüpontra.

2. A vizsgálni kívánt téma mellett kattintson a gombra, majd a Kód szerkesztése lehetőségre.

3. Az oldalsávon keresse meg a blocks mappát.

   

A témasablonok testreszabása szakaszokkal és modulokkal

Amikor megnyitja a témaszerkesztőt, alapértelmezés szerint az áruháza kezdőoldala töltődik be. A legördülő menü segítségével kiválaszthat egy másik sablont, például termék-, kollekció-, oldal- vagy blogsablont, vagy a sablonok legördülő menüjében található keresősáv segítségével rákereshet egy adott sablonra. Amikor kiválaszt egy sablont, az betöltődik a témaszerkesztőbe, és a módosítások előnézete megjelenik a szerkesztőben.

Szakasz hozzáadása

Adjon hozzá új szakaszt online áruháza bármely oldalához.

Lépések:

Szakasz szerkesztése

Szakasz vagy modul átrendezése

Módosíthatja a szakaszok sorrendjét az oldalsablonokon, és átrendezheti a modulokat ezeken a szakaszokon belül. Ezenkívül áthelyezhet kompatibilis modulokat a különböző szakaszok között. Például, ha a kezdőoldala két Diavetítés szakaszt tartalmaz, áthúzhat egy Dia modult az egyik diavetítésből a másikba.

Nem helyezhet át egy modult egy másik szakaszba, ha a modultípus nem kompatibilis, vagy ha a szakasz már elérte a modulokra vonatkozó maximális korlátot. Ha egy szakaszt vagy modult érvénytelen helyre próbál áthelyezni, az visszakerül az eredeti helyére.

A szakaszok átrendezéséhez használhatja az előnézet-vizsgálót is. Tudjon meg többet a témaszerkesztőben lévő előnézet-vizsgáló használatáról.

Lépések:

Szakasz vagy blokk duplikálása

Egy szakasz vagy blokk duplikálásával létrehozhatja annak azonos másolatát.

A blokk duplikálása után az új blokk ugyanabban a szakaszban jön létre. Ha a blokkot egy új szakaszba szeretné áthelyezni vagy megváltoztatni a sorrendjét, akkor átrendezheti a blokkot. Alternatívaként a blokkot másolhatja is, majd közvetlenül beillesztheti egy másik szakaszba.

Blokkok másolása és beillesztése

Ha ugyanazt a blokkot több szakaszban is használni szeretné, egyszerűen kimásolhatja, majd beillesztheti egy másik szakaszba. Lehetősége van egy blokk másolására és beillesztésére ugyanazon a szakaszon belül is, vagy ehelyett választhatja a blokk duplikálását is. A duplikált blokk megőrzi az eredeti blokk összes beállítását és tartalmát.

Lépések:

1. A Shopify adminisztrációs felületén lépjen az Online áruház > Témák menüpontra.

2. A szerkeszteni kívánt téma mellett kattintson a Téma szerkesztése gombra.

3. Ha egy blokkot a kezdőoldalon szeretne másolni és beilleszteni, akkor vagy válassza ki közvetlenül, vagy a Kezdőoldal legördülő menü segítségével válassza ki azt a sablont, amely a szerkeszteni kívánt szakaszt vagy blokkot tartalmazza.

4. Kattintson a jobb egérgombbal a másolni kívánt blokkra, majd kattintson a Másolás lehetőségre.

5. Ugyanabban vagy egy másik szakaszban kattintson a jobb egérgombbal a szakaszban, majd kattintson a Beillesztés lehetőségre.

6. Kattintson a Mentés gombra.

Szakasz vagy blokk elrejtése vagy törlése

Szakasz vagy blokk átnevezése

Alapértelmezés szerint a szakasz vagy blokk címe a témaszerkesztő oldalsávjának menüjében és a beállításoknál a blokk vagy a szakasz típusára van beállítva, például „Kollekció” vagy „Szöveg”.

Blokkok esetében, ha a blokk beállításai tartalmaznak szövegmezőt (például címsort vagy leírást), akkor ez a szöveg az oldalsáv menüjében lévő címhez is hozzáfűződik. Ha több szövegmező is van, az első, tartalommal rendelkező mező szövege fűződik hozzá. Amikor módosítja a szöveget a szövegmezőben, a blokk címe is megváltozik, és tartalmazni fogja a frissített szöveget. Egy szakasz vagy blokk neve nem lehet üres.

Például hozzáad egy Többoszlopos szakaszt az oldalsablonjához Oszlop blokkokkal. Az oszlopblokk tartalmaz egy Címsor beállítást Oszlop alapértelmezett szöveggel, valamint egy Leírás beállítást a következő alapértelmezett szöveggel: Párosítson szöveget egy képpel, hogy a kiválasztott termékre, kollekcióra vagy blogbejegyzésre összpontosítson. Az alapértelmezett szakaszcím: Többoszlopos. Az alapértelmezett Oszlop blokkcím: Oszlop – Oszlop. Ha eltávolítja a szöveget a Címsor mezőből, a blokk címe a következőre frissül: Oszlop – Párosítson szöveget egy kép...

Bármely szakaszt vagy blokkot átnevezhet egyéni névre a témaszerkesztő oldalsávjának menüjében, a szakasz vagy a blokk beállításainál.

Lépések:

Blokkok használata

A blokkok testreszabható modulok, amelyekkel tartalmat adhat hozzá a sablonokban lévő szakaszokhoz. A blokkok segítségével szöveget, képeket, linkeket, gombokat és egyebeket adhat hozzá.

A Shopify-témák testreszabható szakaszokkal és blokkokkal rendelkeznek. Egyes szakaszok rögzített blokktípusokkal rendelkeznek, ami azt jelenti, hogy csak azokból a blokkokból választhat, amelyeket a téma tervezője az adott szakaszhoz elérhetővé tett.

Más szakaszok lehetővé teszik bármely blokk kiválasztását, de a szakaszhoz hozzáadható blokkok teljes száma korlátozott. Ha a szakasz eléri a rendelkezésre álló blokkok maximális számát, akkor a Blokk hozzáadása opció kiszürkül, és nem lehet rákattintani vagy koppintani.

A keresővel név alapján kereshet egy adott blokkra, vagy kiválaszthat egy blokkot a blokkválasztó legördülő menüjéből. A téma blokkjai a blokkválasztóban kategóriákba lehetnek rendezve, például Kollekció a kollekcióválasztóval rendelkező blokkokhoz, vagy Média a kép- és videóblokkokhoz.

A blokk előnézete megjelenik a blokkválasztóban, így a hozzáadás előtt áttekintheti a blokk megjelenését.

Blokk hozzáadása

Metamezők és metaobjektumok használata dinamikus forrásokkal

A(z) metamezők és metaobjektumok segítségével dinamikus információkat jeleníthet meg az online áruházában. Ha olyan témája van, amely támogatja a metamezőket, akkor a témaszerkesztőben csatlakoztathat egy metamezőt egy kompatibilis szakasz- vagy blokkbeállításhoz.

Például, ha gyertyákat árul, érdemes lehet megjeleníteni az égési időt az üzletében kapható minden egyes gyertyánál. Miután a Shopify adminisztrációs felülete beállításainak Egyéni adatok szakaszában beállított egy termékmetamezőt az Égési idő számára, hozzáadhat egy szövegblokkot a terméksablon fő szakaszához. A szövegblokkban a szövegbeállításnál a gombra kattintva kiválaszthatja az Égési idő metamezőt. Az égési időre vonatkozó információk ezt követően meg fognak jelenni a termékein.

Ha Shopify-témája van, a legtöbb metamezőt és metaobjektumot csatlakoztathatja a témájához a témaszerkesztő használatával. Ha más témákat használ, vagy ha olyan egyéni adattípusokat szeretne hozzáadni, amelyeket a témája nem támogat, akkor szerkesztheti a témakódot, vagy felbérelhet egy Shopify Partnert, hogy segítsen Önnek. További információ a Shopify Partnerek felbérléséről.

Nem minden szakasz vagy blokk támogatja a dinamikus forrásokat. Ellenőrizze a téma architektúrájának verzióját és az elérhető testreszabási lehetőségeket a témaszerkesztőben, hogy megállapítsa, a témája támogatja-e a dinamikus forrásokat.

Dinamikus információkat jeleníthet meg az online áruházában olyan szakaszok vagy blokkok hozzáadásával, amelyek dinamikus forrásokat tudnak használni. A dinamikus források bármely olyan sablonban, szakaszban vagy blokkban használhatók, amely kompatibilis erőforrásokat (termék, kollekció, oldal, blog és blogbejegyzés) jelenít meg. A sablonokhoz való csatlakoztatás előtt hozzá kell adnia a metamezőt. A metamezők és metaobjektumok dinamikus forrásokkal történő használatáról a témában a(z) Dinamikus források című részben talál további információt.

A beállítási folyamat befejezése után kövesse az alábbi lépéseket, hogy a gomb segítségével dinamikus forrásokat csatlakoztasson a témában lévő szakaszokhoz vagy blokkokhoz.

Lépések:

További információ a metamezők online áruházban való megjelenítéséről és a metaobjektumok online áruházban való megjelenítéséről.

Dinamikus forrásválasztó

A dinamikus forrásválasztóval közvetlenül a témaszerkesztőben csatlakoztathatja a megfelelő dinamikus forrást. Tekintse át a dinamikus forrásválasztó következő főbb funkcióit:

• Ahol lehetséges, különböző erőforrásokból is hivatkozhat dinamikus forrásokra. Ha például egy beállítást olyan blokkhoz csatlakoztat, amely termék- és oldalerőforráshoz is kapcsolódik, akkor a dinamikus forrásválasztó legördülő menüjével megadhatja, hogy a termék- vagy az oldalerőforráshoz társított metamezők között szeretne-e keresni.
• A dinamikus forrásválasztó keresési és szűrési funkcióval rendelkezik, amely segít megtalálni a szükséges metamezőt.
• A dinamikus forrásválasztó lehetővé teszi a kategória-metamezők kiválasztását. Ezek olyan további jellemzők, amelyek akkor válnak elérhetővé, amikor egy termékhez termékkategóriát rendel hozzá. Ezen metamezők elérése lehetővé teszi, hogy dinamikus forrásokat csatlakoztasson az alapul szolgáló jellemző-metaobjektum bármely releváns mezőjéhez.