A témaszerkesztő funkcióinak áttekintése

A témaszerkesztővel testreszabhatja a téma területeit, például a színeket, és szakaszok és blokkok segítségével kezelheti a téma tartalmát.

A témaszerkesztő elérése

A témaszerkesztőt a Shopify adminisztrációs felületéről érheti el.

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

  2. A szerkeszteni kívánt téma mellett kattintson a Testreszabás gombra.

A témaszerkesztő elrendezési szakaszai

A témaszerkesztő a következő szakaszokból áll:

  • A menüsor bal oldalán a szakaszok, a témabeállítások és a beágyazott alkalmazások közötti váltáshoz szükséges navigációs gombok; középen a téma neve, a piac- és sablonmenük; jobb oldalán pedig a testreszabási vezérlők találhatók.
  • Az oldalsáv az éppen megtekintett sablon összes tartalmának fanézetét jeleníti meg. Az oldalsávról kezelheti a szakaszokat és blokkokat, a beágyazott alkalmazásokat és a beállításokat. Az oldalsáv összecsukható.
  • Az előnézeti ablakban megjelenik a témája, és módosítások esetén automatikusan frissül. Aktiválhat egy mobil-előnézetet, vagy az előnézet-vizsgálóval kezelheti egy témasablon tartalmát az előnézeti ablakban.

A menüsor a navigációt, a témainformációkat és a téma testreszabásához szükséges vezérlőket jeleníti meg.

A menüsor a téma adatait és a téma testreszabásának kezelésére szolgáló gombokat jeleníti meg.

Témaadatok és műveletek a témaszerkesztő menüsorában

A menüsor bal oldalán az alábbi nézetek között válthat át az oldalsávon:

  • Sections az aktuális sablon szakaszainak és blokkjainak kezeléséhez.
  • Theme settings a téma globális beállításainak (pl. színek, tipográfia és elrendezés) kezeléséhez.
  • App embeds a témába beágyazott alkalmazások kezeléséhez.

Az oldalsáv elrejtéséhez és a téma teljes szélességű előnézetének megjelenítéséhez kattintson ismét az aktív gombra a kijelölés törléséhez. Ha mindkét panel látható, az aktív gombra kattintva egyszerre csukhatja össze mindkettőt.

Témaadatok, piac- és sablonmenük

Témaadatok, piac- és sablonmenük a menüsor közepén

A menüsor közepén a következők találhatók:

  • A(z) téma neve és annak állapota. A közzétett témán a(z) Élő állapotcímke látható. A nem közzétett témákon a(z) Tervezet állapotcímke jelenik meg. A következő lehetőségek eléréséhez kattintson a téma nevére:
  • A piac menü, amellyel megtekintheti és testreszabhatja a témát a különböző piacokra vonatkozóan.
  • A sablon menü, amellyel a téma különböző oldalsablonjai között navigálhat.

Testreszabási parancsikonok

Testreszabási ikonok a témaszerkesztő menüsorában

A menüsáv következő vezérlőivel testreszabhatja a témát és kezelheti a módosításokat:

Ha nincs visszavonható vagy ismételhető, mentetlen módosítás, akkor a megfelelő gomb inaktív.

Az oldalsáv az éppen megtekintett sablon összes tartalmát fanézetben jeleníti meg. Az oldalsávról kezelheti a szakaszokat és blokkokat, valamint a témabeállításokat. Az oldalsávot úgy csukhatja össze, hogy a menüsorban ismét a korábban aktivált navigációs gombra kattint.

A témája tartalmazhat olyan feltételes beállításokat, amelyek attól függően jelennek meg az oldalsávban, hogy mely más beállítások aktívak. Ha például a témája egy olyan blokkal rendelkezik, amelyben videó vagy kép hozzáadására van beállítás, akkor a képválasztó vagy a videóhivatkozás olyan feltételes beállítás lehet, amely csak azután jelenik meg, hogy a médiatípusnál a Kép lehetőséget választotta.

A témaszerkesztőnek két módja van, hogy a képernyőn rendelkezésre álló összes helyet kihasználja.

A kettős oldalsáv mód a szélesebb böngészőablakokhoz és nagyobb képernyőkhöz, míg az egyszeres oldalsáv mód a keskenyebb böngészőablakokhoz és kisebb képernyőkhöz készült. Az oldalsáv módja határozza meg, hogy a beállítások panel hol jelenjen meg a szerkesztőben.

Kétoldalsávos mód

Ha a böngészőablaka legalább 1600 pixel széles, akkor két panel jelenik meg. A bal oldali panel az oldal szerkezetét tartalmazza a szakaszokkal és blokkokkal, a jobb oldali panel pedig a kiválasztott szakasz vagy blokk beállításait mutatja. A jobb oldali panelt a szakaszok kijelölésének megszüntetésével csukhatja össze.

A beállítások panel a képernyő jobb oldalán jelenik meg kettős oldalsáv módban.

Ha nagy képernyőn egyszeres oldalsáv módban szeretné megtekinteni a témaszerkesztőt, tegye keskenyebbé a böngészőablakot, amíg a szerkesztő át nem vált az egymásra helyezett elrendezésre.

Egyoldalsávos mód

Keskenyebb képernyőkön a szerkesztő egymásra helyezett elrendezést használ. Ha egy szakaszra vagy blokkra kattint, a beállítások panel alulról felfelé csúszik be, így nem takarja el az oldal szerkezetét. Az elválasztóvonal húzásával beállíthatja az oldalszerkezet és a beállítások közötti felosztást, így mindkettő mindig látható marad.

A beállítások panel egyszeres oldalsáv módban egymásra helyezett elrendezésben jelenik meg

A téma előnézete

A téma mobilos elrendezését a menüsorban található mobil gombra kattintva tekintheti meg. Az asztali előnézethez való visszatéréshez kattintson ismét a mobil gombra.

A téma teljes szélességben történő megtekintéséhez kattintson az aktív oldalsó navigációs gombra az oldalsáv összecsukásához. Ha mindkét panel látható, a gomb egyszerre csukja össze mindkettőt, így teljes szélességű előnézetet kap a kirakatról.

A nem mentett módosítások visszavonása és ismétlése

A nem mentett testreszabásokat a visszavonás és ismétlés gombokkal vonhatja vissza vagy ismételheti meg. A módosítások mentése után már nem vonhatja vissza vagy ismételheti meg őket.

Billentyűparancsok használata a témaszerkesztőben

A témaszerkesztőben billentyűparancsokkal navigálhat és hajthat végre műveleteket.

A témaszerkesztőben támogatott billentyűparancsok listája Windows és macOS eszközökhöz.
KategóriaMűveletBillentyűparancs WindowsonBillentyűparancs macOS-en
Általános VisszavonásCTRL + Z + Z
IsmétlésCTRL + Y + Y
MentésCTRL + S + + S
Összes billentyűparancs megjelenítéseCTRL + / + /
Eszközök Előnézet-ellenőrzőCTRL + SHIFT + | + + |
Előnézeti mód + CTRL + | + + |
SidekickCTRL + . + .
Navigáció Szakaszok + CTRL + Z + + 1
Témabeállítások + CTRL + Z + + 2
Beágyazott appok + CTRL + Z + + 3
Szakaszok és blokkok Elrejtés és megjelenítésCTRL + SHIFT + H + + H
EltávolításSHIFT + +
Előző kiválasztásaSHIFT + +
Következő kiválasztásaSHIFT + +
Kiválasztott elem megnyitásaSHIFT + ENTER +
Minden szakasz kibontásaCTRL + SHIFT + O + + O
Minden szakasz összecsukásaCTRL + SHIFT + P + + P