Súgó
Bejelentkezés

Témabeállítások testreszabása

A témaszerkesztő oldalsó menüjének Témabeállítások szakaszában testreszabhatja az online áruháza általános beállításait, például a tipográfiát, a színeket, a közösségimédia-linkeket és a kosároldalt. A Témabeállítások szakaszban végzett módosítások a teljes online áruházára érvényesek lesznek.

A szakaszoknak és a moduloknak is vannak egyedi beállításaik, amelyekkel testreszabhatja a téma egyes szakaszait. Tudjon meg többet a szakaszokról és modulokról.

Ezen az oldalon

Hozzáadhat egy logót a vállalkozásához az online áruházában. A logó a következő helyeken jelenik meg:

  • az összes oldal fejlécében
  • a jelszóoldalon

A logó testreszabása

A logóképek maximális szélessége 300 px.

Lépések:

Asztali gép

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

  2. Keresse meg a szerkeszteni kívánt témát, majd kattintson a Téma szerkesztése gombra.

  3. Kattintson a Témabeállítások beállítások ikonra.

  4. Kattintson a Logó elemre.

  5. A Logó területen adjon hozzá képet, vagy használjon egy ingyenes képet:

    • A kép hozzáadásához kattintson a Kép kiválasztásagombra, majd adjon hozzá egy új vagy meglévő képet:
      • A Shopify adminisztrációs felületére már feltöltött kép használatához válassza ki a képet, majd kattintson a Kész gombra.
      • Helyi számítógépen lévő kép használatához kattintson a Képek hozzáadása gombra. Válasszon ki és adjon hozzá egy képet, majd kattintson a Kész gombra.
    • Ingyenes kép használatához kattintson az Ingyenes képek felfedezése gombra. Keressen egy képet, a kiválasztáshoz kattintson a képre, majd kattintson a Kiválasztás gombra.

  6. Nem kötelező: Adjon hozzá helyettesítő szöveget a logóképhez:

    1. A Logó területen kattintson a Szerkesztés gombra.
    2. A Helyettesítő szöveg mezőbe írja be a kép rövid leírását.
    3. Kattintson a Mentés gombra.

  7. Nem kötelező: Az Asztali logó szélessége területen a csúszkával állítsa be a logó pixelszélességét.

  8. Kattintson a Mentés gombra.

Mobil

  1. A Shopify alkalmazásban koppintson a Menü ikonra.

  2. Az Értékesítési csatornák szakaszban koppintson az Online áruház elemre.

  3. Koppintson a Minden téma kezelése lehetőségre.

  4. Keresse meg a szerkeszteni kívánt témát, majd koppintson a Téma szerkesztése lehetőségre.

  5. Koppintson a … vagy ⋮ ikonra, majd koppintson a Témabeállítások lehetőségre.

  6. Koppintson a Logó elemre.

  7. A Logó területen adjon hozzá képet, vagy használjon egy ingyenes képet:

    • A kép hozzáadásához koppintson a Kép kiválasztásagombra, majd adjon hozzá egy új vagy meglévő képet:
      • A Shopify adminisztrációs felületére már feltöltött kép használatához válassza ki a képet, majd koppintson a Kész gombra.
      • Helyi eszközön lévő kép használatához koppintson a Képek hozzáadása gombra. Válasszon ki és adjon hozzá egy képet a helyi eszközéről, koppintson a képre a kiválasztásához, majd koppintson a Kész gombra.
    • Ingyenes kép használatához koppintson az Ingyenes képek felfedezése gombra. Keressen egy képet, koppintson a képre a kiválasztásához, majd koppintson a Kész gombra.

  8. Nem kötelező: Adjon hozzá helyettesítő szöveget a logóképhez:

    1. A Logó területen koppintson a Szerkesztés gombra.
    2. A Helyettesítő szöveg mezőbe írja be a kép rövid leírását.
    3. Koppintson a Mentés vagy a ✓ gombra.

  9. Nem kötelező: Az Asztali logó szélessége területen a csúszkával állítsa be a logó pixelszélességét.

  10. Koppintson a Mentés vagy a ✓ gombra.

Weblapikon hozzáadása

Hozzáadhat egy kedvencek ikont, vagyis egy weblapikont, amely segít az online áruháza márkaépítésében. A weblapikon a következő helyeken jelenik meg:

  • a webböngésző fülén
  • a webböngésző előzményeiben
  • ikonok az asztalon
  • a könyvjelzők között az online áruház neve mellett

További információ a weblapikonokról.

Lépések:

Asztali gép

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

  2. Keresse meg azt a témát, amelyhez weblapikont szeretne hozzáadni, majd kattintson a Téma testreszabása gombra.

  3. Kattintson a Témabeállítások beállítások ikonra.

  4. A témaverziótól függően kattintson a Logó vagy a Weblapikon lehetőségre.

  5. A Weblapikon képe szakaszban kattintson a Kép kiválasztása gombra, majd adjon hozzá egy új vagy meglévő képet:

    • A Shopify adminisztrációs felületére már feltöltött kép kiválasztásához keresse meg a képet, vagy keressen rá, majd jelölje be a mellette lévő jelölőnégyzetet.
    • Helyi számítógépéről származó kép kiválasztásához kattintson a Képek hozzáadása gombra, nyissa meg a képet a számítógépéről, majd jelölje be a hozzá tartozó jelölőnégyzetet.

  6. Kattintson a Kész gombra.

  7. Választható: Adjon hozzá helyettesítő szöveget a weblapikon képéhez:

    1. A Weblapikon képe szakaszban kattintson a Szerkesztés gombra.
    2. A Helyettesítő szöveg mezőbe írja be a kép rövid leírását.
    3. Kattintson a Mentés gombra.

  8. Kattintson a Mentés gombra.

Mobil

  1. A Shopify alkalmazásban koppintson a Menü ikonra.

  2. Az Értékesítési csatornák szakaszban koppintson az Online áruház elemre.

  3. Koppintson a Minden téma kezelése lehetőségre.

  4. Keresse meg azt a témát, amelyhez weblapikont szeretne hozzáadni, majd koppintson a Téma testreszabása gombra.

  5. Koppintson a … vagy ⋮ ikonra, majd koppintson a Témabeállítások lehetőségre.

  6. A témaverziótól függően koppintson a Logó vagy a Weblapikon lehetőségre.

  7. A Weblapikon képe szakaszban koppintson a Kép kiválasztása gombra, majd adjon hozzá egy új vagy meglévő képet:

    • A Shopify adminisztrációs felületére már feltöltött kép kiválasztásához keresse meg a képet, vagy keressen rá, majd jelölje be a mellette lévő jelölőnégyzetet.
    • Helyi eszközéről származó kép kiválasztásához koppintson a Képek hozzáadása gombra, nyissa meg a képet az eszközéről, majd jelölje be a hozzá tartozó jelölőnégyzetet.

  8. Koppintson a Kész gombra.

  9. Adjon hozzá helyettesítő szöveget a weblapikon képéhez:

    1. A Weblapikon képe szakaszban koppintson a Szerkesztés gombra.
    2. A Helyettesítő szöveg mezőbe írja be a kép rövid leírását.
    3. Koppintson a Mentés vagy a ✓ gombra.

  10. Koppintson a Mentés vagy a ✓ gombra.

Színek

A téma beállításaiban különböző színösszeállításokat határozhat meg, és a színösszeállítás-választóval alkalmazhatja azokat az online áruház különböző szakaszaiban. A színösszeállítás egy színekből álló készlet. A témája alapértelmezett színösszeállításokkal rendelkezik, amelyeket bármikor módosíthat a témaszerkesztőben. Hozzáadhatja saját márkaszíneit is, hogy biztosítsa a színpaletta egységes használatát az online áruházában.

A sablonok nem rendelkeznek egyedi színbeállításokkal, így biztosítva az online áruház egységes megjelenését az egész weboldalon. A sablon egy üzlet főoldalának vagy fő tartalmának tekintendő. Az üzleten belüli különböző színösszeállítások rossz felhasználói élményhez vezethetnek, és azt eredményezhetik, hogy a vásárlók vásárlás nélkül hagyják el az üzletet.

Legfeljebb 21 egyedi színösszeállítást hozhat létre és szabhat testre, amelyeket aztán alkalmazhat az online áruház különböző szakaszaiban.

Színösszeállítások

A színösszeállítások olyan témabeállítások, amelyek vizuálisan reprezentatív módon csoportosítják az elemeket és a hozzájuk tartozó színeket. Egy egységes színösszeállítás keretében különböző színeket rendelhet a különböző elemekhez, és ezt a témában mindenhol alkalmazhatja, ahol elérhető a színösszeállítás-választó. Legfeljebb 21 színösszeállítással rendelkezhet. Az összeállítás előnézetében azt is megtekintheti, hogyan jelennek meg a színek.

A témaszerkesztőben a színösszeállításokra alkalmazható különböző beállítások listája.
BeállításLeírás
HáttérA szín egyes szakaszok hátterére, valamint a körvonalas gomb hátterére lesz alkalmazva.
HáttérátmenetEgyes szakaszok hátterére színátmenet kerül. A háttérátmenetek ahol lehetséges, lecserélik a hátteret.
SzövegA szín a szakasz vagy a blokk szövegére lesz alkalmazva.
Kitöltött gomb háttereA szín az elsődleges gomb hátterére lesz alkalmazva.
Kitöltött gomb felirataA szín az elsődleges gomb szövegére lesz alkalmazva.
Körvonalas gombA szín a másodlagos gomb szövegére és szegélyére lesz alkalmazva.
ÁrnyékA szín az árnyékokra lesz alkalmazva.

A színösszeállítás kezelése

Az üzlet színösszeállítása és színbeállításai a téma beállításaiban adhatók meg. Egyszínű színekhez használja a színválasztót egy új szín kiválasztásához, vagy írja be a szín értékét a szövegmezőbe. A színmező a következő színneveket és -értékeket fogadja el:

  • Színnevek, például red, black vagy blue.
  • RGB-színkódok.
  • Hexadecimális színértékek.

Lépések:

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

  2. Kattintson a testreszabni kívánt téma melletti Téma testreszabása gombra.

  3. Kattintson a beállítások ikonra, majd a Színek lehetőségre.

  4. A Sémák szakaszban kattintson egy meglévő sémára, vagy egy új színösszeállítás hozzáadásához kattintson a Séma hozzáadása gombra.

  5. Kattintson a módosítani kívánt tartalomtípus színének megfelelő színmintára.

  6. A szín beállításához írjon be egy hexadecimális színkódot, vagy válassza ki a színt a színválasztóból. Ha a színt átlátszóra szeretné állítani, törölje a hexadecimális kódot a szövegmezőből.

  7. Kattintson a Mentés gombra.

A színösszeállítás alkalmazása

Miután meghatározta a színösszeállítást a téma beállításaiban, a színösszeállítás-választó segítségével hozzárendelheti azt a téma szakaszaihoz és blokkjaihoz. A színösszeállítás-választó csak bizonyos szakaszokban, blokkokban és általános témabeállításokban érhető el.

Színösszeállítás-választó

Színátmenetek

Egyes témákban a vizuálisan érdekes háttérbeállításokhoz színátmenetet is beállíthat. A color_background beállítás a CSS háttértulajdonságának testreszabására szolgál.

A színátmenet-választóval kiválaszthatja a színátmenet színeit, stílusát, szögét, pozícióját és átlátszóságát. A színátmenet-választóban kiválasztott beállítások előnézete valós időben jelenik meg a témaszerkesztőben. CSS-kód használatával is létrehozhat színátmenetes hátteret, amely egy érvényesség-ellenőrzőt is tartalmaz.

Színátmenetek beállítása

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

  2. Kattintson a testreszabni kívánt téma melletti Téma testreszabása gombra.

  3. Kattintson a beállítások ikonra, majd a Színek lehetőségre.

  4. A Sémák szakaszban kattintson egy meglévő sémára, amelyet szerkeszteni szeretne.

  5. Kattintson a színátmenet színmintájára, például a Háttérátmenet beállításra.

  6. Ha korábban még nem állított be színátmenetet, akkor megjelenik néhány előre beállított lehetőség, amelyek közül választhat. A beállítási panel megnyitásához válasszon ki egyet az előre beállított színátmenetek közül.

  7. Válassza ki a színátmenet beállításait:

  • Válasszon a lineáris és a radiális színátmenet között. A gombok segítségével válassza ki a kívánt színátmenetstílust.
  • Állítsa be a színátmenet szögét a fel és le nyilak segítségével. A fel vagy le nyílra kattintva 5-tel növelheti vagy csökkentheti a szög százalékos értékét.
  • A csúszka segítségével válassza ki a színátmenet pozícióját, vagy adjon meg egy számértéket a mezőben.
  • Adjon meg egy adott szín hexadecimális kódját, vagy a színcsúszka segítségével válasszon egy árnyalatot. A legutóbb kiválasztott színek a színátmenet-beállítások paneljének alján jelennek meg.
  • A színátmenet átlátszóságának beállításához használja a jobb oldali csúszkát. A hexadecimális színkód melletti mezőbe százalékos értéket is beírhat.
  1. Kattintson a Mentés gombra.

Színátmenet-választó a témaszerkesztőben

Színátmenetek beállítása CSS használatával

A legtöbb CSS background tulajdonságérték használható háttérszín beállítására. Ezt a mezőt használhatja egyszínű hátterekhez (például az #000000, black, rgb(0,0,0,0), rgba(0,0,0,0), hsl(0, 0%, 0%) és hsla(0, 0%, 0%, 1) mind egyszínű fekete hátteret eredményez), vagy színátmenetekhez (például linear-gradient(red, green), radial-gradient(red, green) vagy conic-gradient(red, green)). A színátmenetek ismételhetők is.

Lépések:

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

  2. Kattintson a testreszabni kívánt téma melletti Téma testreszabása gombra.

  3. Kattintson a beállítások ikonra, majd a Színek lehetőségre.

  4. A Sémák szakaszban kattintson egy meglévő sémára, amelyet szerkeszteni szeretne.

  5. Kattintson a szerkeszteni kívánt színátmenetre.

  6. Kattintson a Színátmenet melletti nyílra, majd válassza ki a CSS lehetőséget.

  7. A CSS-kód mezőbe írja be vagy illessze be a színátmenet kódját. A témaszerkesztő előnézetében a megfelelő helyen jelenik meg a színátmenet.

  8. Kattintson a Mentés gombra.

Színátmenet CSS-kód mezője a témaszerkesztőben

Színátmenet eltávolítása

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

  2. Kattintson a testreszabni kívánt téma melletti Téma testreszabása gombra.

  3. Kattintson a beállítások ikonra, majd a Színek lehetőségre.

  4. A Sémák szakaszban kattintson egy meglévő sémára, amelyet szerkeszteni szeretne.

  5. Kattintson az eltávolítani kívánt színátmenetre.

  6. Kattintson a Színátmenet eltávolítása lehetőségre.

  7. Kattintson a Mentés gombra.

Tipográfia

Beállíthatja az online áruházában lévő szövegek betűtípusát és méretét. Választhat rendszerbetűtípust, vagy hozzáadhat egyéni betűtípust. A témában elérhető betűtípusok a téma fejlesztőjétől függenek. Az összes ingyenes Shopify-téma a Shopify betűtípus-könyvtárából származó betűtípusokat használ.

Fontolja meg rendszerbetűtípusok használatát az üzletében, mivel a rendszerbetűtípusok már telepítve vannak a felhasználó számítógépén. A rendszerbetűtípusok használatával elkerülhető az új betűtípusok letöltése a vásárló számítógépére, ami negatívan befolyásolhatja az üzlet betöltési sebességét. Az, hogy a vásárló számítógépén milyen betűtípus jelenik meg, az operációs rendszerétől függ.

Betűtípusok testreszabása

Az elérhető betűtípusok listájáért tekintse meg a Shopify betűtípus-könyvtárát.

Lépések:

Asztali gép

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

  2. Keresse meg a szerkeszteni kívánt témát, majd kattintson a Téma szerkesztése gombra.

  3. Kattintson a Témabeállítások beállítások ikonra.

  4. Kattintson a Tipográfia lehetőségre.

  5. Az üzlet címsorainak vagy törzsszövegének betűtípusának módosításához kattintson a Módosítás gombra a Címsorok vagy a Törzsszöveg szakaszban.

  6. Kattintson a használni kívánt betűtípus nevére, majd kattintson a Kiválasztás gombra.

  7. Kattintson a Mentés gombra.

Mobil

  1. A Shopify alkalmazásban koppintson a Menü ikonra.

  2. Az Értékesítési csatornák szakaszban koppintson az Online áruház elemre.

  3. Koppintson a Minden téma kezelése lehetőségre.

  4. Keresse meg a szerkeszteni kívánt témát, majd koppintson a Téma szerkesztése lehetőségre.

  5. Koppintson a … vagy ⋮ ikonra, majd koppintson a Témabeállítások lehetőségre.

  6. Koppintson a Tipográfia lehetőségre.

  7. Az üzlet címsorainak vagy törzsszövegének betűtípusának módosításához koppintson a Módosítás gombra a Címsorok vagy a Törzsszöveg szakaszban.

  8. Koppintson a használni kívánt betűtípus nevére, majd koppintson a Kész gombra.

  9. Koppintson a Mentés vagy a ✓ gombra.

Betűméretek testreszabása

A címsorok és a törzsszöveg alapértelmezett betűméretét a Tipográfia témabeállítással adhatja meg.

A minimális betűméret 100%, a maximális pedig 150%. A skála minden egyes lépésköze 5%-kal növeli a betűméretet. Az alapértelmezett beállítás 100%.

Lépések:

Asztali gép

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

  2. Keresse meg a szerkeszteni kívánt témát, majd kattintson a Téma szerkesztése gombra.

  3. Kattintson a Témabeállítások beállítások ikonra.

  4. Kattintson a Tipográfia lehetőségre.

  5. A Címsorok szövegének alapértelmezett betűméretét a Betűméret skála csúszkával állíthatja be.

  6. A Törzsszöveg alapértelmezett betűméretét a Betűméret skála csúszkával állíthatja be.

  7. Kattintson a Mentés gombra.

Mobil

  1. A Shopify alkalmazásban koppintson a Menü ikonra.

  2. Az Értékesítési csatornák szakaszban koppintson az Online áruház elemre.

  3. Koppintson a Minden téma kezelése lehetőségre.

  4. Keresse meg a szerkeszteni kívánt témát, majd koppintson a Téma szerkesztése lehetőségre.

  5. Koppintson a … vagy ⋮ ikonra, majd koppintson a Témabeállítások lehetőségre.

  6. Koppintson a Tipográfia lehetőségre.

  7. A Címsorok szövegének alapértelmezett betűméretét a Betűméret skála csúszkával állíthatja be.

  8. A Törzsszöveg alapértelmezett betűméretét a Betűméret skála csúszkával állíthatja be.

  9. Koppintson a Mentés vagy a ✓ gombra.

Elrendezés

Beállíthatja az online áruház maximális megjelenítési szélességét, valamint a szakaszok közötti függőleges és vízszintes távolságot.

Lépések:

Asztali gép

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

  2. Keresse meg a szerkeszteni kívánt témát, majd kattintson a Téma szerkesztése gombra.

  3. Kattintson a Témabeállítások beállítások ikonra.

  4. Kattintson az Elrendezés lehetőségre.

  5. Az Oldalszélesség csúszkával válasszon 1000 és 1600 képpont közötti oldalszélességet. Az alapértelmezett beállítás 1600 képpont.

  6. Opcionális: A csúszkával függőleges távolságot adhat a sablonszakaszok közé az oldalakon. Legfeljebb 100 képpontnyi távolságot adhat hozzá a szakaszok közé.

  7. Opcionális: Ha rácsos elrendezést használ, akkor a Vízszintes térköz és Függőleges térköz csúszkával adhat helyet a rácstartalmak közé az oldalakon. A vízszintes térköz hozzáadása legfeljebb 40 képpontnyi helyet ad a tartalmi sorokhoz, a függőleges térköz pedig legfeljebb 40 képpontnyi helyet a tartalmi oszlopokhoz.

  8. Kattintson a Mentés gombra.

Mobil

  1. A Shopify alkalmazásban koppintson a Menü ikonra.

  2. Az Értékesítési csatornák szakaszban koppintson az Online áruház elemre.

  3. Koppintson a Minden téma kezelése lehetőségre.

  4. Keresse meg a szerkeszteni kívánt témát, majd koppintson a Téma szerkesztése lehetőségre.

  5. Koppintson a … vagy ⋮ ikonra, majd koppintson a Témabeállítások lehetőségre.

  6. Koppintson az Elrendezés lehetőségre.

  7. Az Oldalszélesség csúszkával válasszon 1000 és 1600 képpont közötti oldalszélességet. Az alapértelmezett beállítás 1600 képpont.

  8. Opcionális: A csúszkával függőleges távolságot adhat a sablonszakaszok közé az oldalakon. Legfeljebb 100 képpontnyi távolságot adhat hozzá a szakaszok közé.

  9. Opcionális: Ha rácsos elrendezést használ, akkor a Vízszintes térköz és Függőleges térköz csúszkával adhat helyet a rácstartalmak közé az oldalakon. A vízszintes térköz hozzáadása legfeljebb 40 képpontnyi helyet ad a tartalmi sorokhoz, a függőleges térköz pedig legfeljebb 40 képpontnyi helyet a tartalmi oszlopokhoz.

  10. Koppintson a Mentés vagy a ✓ gombra.

Animációk

Az animációk segítségével mozgást és vizuális érdekességet vihet online áruházába. Aktiválhat egy beúszó animációt, amely görgetéskor felfedi az üzlet szakaszait, valamint egy rámutatási effektust a kártyákhoz és gombokhoz.

Lépések:

Asztali gép

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

  2. Keresse meg a szerkeszteni kívánt témát, majd kattintson a Téma szerkesztése gombra.

  3. Kattintson a Témabeállítások beállítások ikonra.

  4. Kattintson az Animációk lehetőségre.

  5. Opcionális: A görgetéskor a szakaszokat felfedő animáció aktiválásához válassza a Szakaszok felfedése görgetéskor lehetőséget.

  6. Opcionális: Ha rámutatási effektus-animációt szeretne hozzáadni a kártyáihoz és gombjaihoz, válasszon egyet a következő lehetőségek közül a Rámutatási effektus beállításnál:

    • Függőleges emelés: Amikor egy vásárló egy kártyára vagy gombra mutat, az elem felfelé mozdul.
    • 3D emelés: Amikor egy vásárló egy kártyára vagy gombra mutat, az elem előre mozdul, 3D hatást keltve. Ezenkívül egy finom csillogás is végigfut az elemen, ami egy újabb dimenziót ad neki.

  7. Kattintson a Mentés gombra.

Mobil

  1. A Shopify alkalmazásban koppintson a Menü ikonra.

  2. Az Értékesítési csatornák szakaszban koppintson az Online áruház elemre.

  3. Koppintson a Minden téma kezelése lehetőségre.

  4. Keresse meg a szerkeszteni kívánt témát, majd koppintson a Téma szerkesztése lehetőségre.

  5. Koppintson a … vagy ⋮ ikonra, majd koppintson a Témabeállítások lehetőségre.

  6. Koppintson az Animációk lehetőségre.

  7. Opcionális: A görgetéskor a szakaszokat felfedő animáció aktiválásához válassza a Szakaszok felfedése görgetéskor lehetőséget.

  8. Opcionális: Ha rámutatási effektus-animációt szeretne hozzáadni a kártyáihoz és gombjaihoz, válasszon egyet a következő lehetőségek közül a Rámutatási effektus beállításnál:

    • Függőleges emelés: Amikor egy vásárló egy kártyára vagy gombra mutat, az elem felfelé mozdul.
    • 3D emelés: Amikor egy vásárló egy kártyára vagy gombra mutat, az elem előre mozdul, 3D hatást keltve. Ezenkívül egy finom csillogás is végigfut az elemen, ami egy újabb dimenziót ad neki.

  9. Koppintson a Mentés vagy a ✓ gombra.

Vizuális elemek testreszabási beállításai

A téma elemeinek, például a gombok, a termékkártyák és a változatok megjelenését a Témabeállítások oldalon módosíthatja. Minden lehetőség az adott elemre vonatkozó beállításokat tartalmazza.

A téma alábbi elemeinek beállításait módosíthatja:

  • Gombok: A gombok közé tartoznak a szekciókban, például a diavetítésben vagy a képpel és szöveggel ellátott részekben található cselekvésre ösztönző gombok, valamint a kapcsolatfelvételi űrlap, a termékoldalak és a kosároldalak gombjai.
  • Változatcímkék: A változatcímkék lehetővé teszik, hogy egy termék változatait megjelenítse a termékoldalon vagy egy kiemelt termék szekcióban. A vásárlók anélkül választhatják ki a kívánt változatot és helyezhetik a terméket a kosarukba, hogy ehhez termékoldalt kellene váltaniuk. Testreszabhatja, hogyan jelenjenek meg a változatcímkék az online áruházában.
  • Beviteli mezők: A beviteli mezők olyan interaktív területek, amelyek vásárlói adatbevitelt igényelnek, például a mennyiségválasztó, az e-mailes feliratkozási űrlap vagy a kosárcímkék. Módosíthatja online áruháza beviteli mezőinek megjelenését.
  • A termékkártyák, kollekciókártyák és blogkártyák beállításai lehetővé teszik, hogy testreszabja az egyes kártyatípusok stílusát, amikor azok oldalszakaszokban jelennek meg.
    • Termékkártyák: A termékkártyák a termékeiről jelenítenek meg információkat a téma olyan területein, ahol több termék is szerepel, például a kollekciósablonokban, a kollekciószakaszokban és a keresési eredmények között.
    • Kollekciókártyák: A kollekciókártyák a kollekcióiról jelenítenek meg információkat a téma olyan területein, ahol kollekciók szerepelnek, például egy kollekciólista-sablonban vagy -szakaszban.
    • Blogkártyák: A blogkártyák a blogbejegyzéseiről jelenítenek meg információkat a téma olyan területein, ahol több termék is szerepel, például a blogsablonokban, a blogszakaszokban és a keresési eredmények között.
  • Tartalomtárolók: A tárolók a tartalmi szekciók szöveges elemeihez használatosak, például a diavetítés szövegdobozához, a képes bannerhez vagy a többoszlopos szekciók oszlopaihoz. Testreszabhatja a tartalomtárolók megjelenését az online áruházában.
  • Médiaelemek: A médiaelemek a szekciók vizuális összetevői, például a termékmédia vagy a Kép szöveggel szekcióban lévő kép. Szegélyeket és árnyékokat adhat hozzá a médiaelemekhez.
  • Legördülő elemek és felugró ablakok: Módosíthatja a legördülő menük, a felugró modális ablakok és a kosár felugró ablakainak megjelenését az online áruházában.
  • Fiókok: A fiókok rejtett, interaktív tárolók, amelyek koppintásra vagy kattintásra jelennek meg, például az összecsukható menük vagy a kollekciószűrési lehetőségek. Testreszabhatja a fiókok szegélyét és árnyékát az online áruházában.
  • Jelvények: Az Akció és Elfogyott jelvények automatikusan hozzáadódnak a termékképekhez, amikor csökkenti az árat, vagy amikor a készletszám eléri a 0-t. Az Akció és az Elfogyott jelvények pozícióját, alakját és színét egyenként módosíthatja a téma beállításaiban. Az Oldal és a Blog jelvények a releváns keresési eredmények között jelennek meg. Ezen jelvények pozícióját és alakját testreszabhatja, de az Oldal és a Blog jelvények színét nem módosíthatja.
  • Márkaadatok: Megjeleníthet márkájával kapcsolatos információkat az online áruházában. A következő lépések elvégzése után hozzáadhatja a Márkaadatok blokkot az online áruháza láblécéhez.

Lépések:

Asztali gép

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

  2. Kattintson a szerkeszteni kívánt téma melletti Téma szerkesztése gombra.

  3. Kattintson az beállítások ikonra.

  4. Kattintson egy elemre a beállítások megnyitásához.

  5. Módosítsa a rendelkezésre álló beállításokat. A módosításokat a téma különböző területeire navigálva ellenőrizheti az előnézeti ablakban.

  6. Kattintson a Mentés gombra.

Mobil

  1. A Shopify alkalmazásban koppintson a Menü ikonra.

  2. Az Értékesítési csatornák szakaszban koppintson az Online áruház elemre.

  3. Koppintson a szerkeszteni kívánt téma melletti Téma szerkesztése lehetőségre.

  4. Koppintson az beállítások ikonra.

  5. Koppintson egy elemre a beállítások megnyitásához.

  6. Módosítsa a rendelkezésre álló beállításokat. A módosításokat a téma különböző területeire navigálva ellenőrizheti az előnézeti ablakban.

  7. Koppintson a Mentés vagy a ✓ gombra.

Közösségi média

Hozzáadhatja a közösségimédia-fiókjaihoz vezető linkeket, amelyek az online áruháza láblécében jelennek meg.

Lépések:

Asztali gép

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

  2. Keresse meg a szerkeszteni kívánt témát, majd kattintson a Téma szerkesztése gombra.

  3. Kattintson a Témabeállítások beállítások ikonra.

  4. Kattintson a Közösségi média lehetőségre.

  5. A közösségimédia-fiókjaihoz vezető linkek hozzáadásához adja meg a fiókjai webhelycímét a megfelelő Közösségi fiókok mezőkben. Teljes linkeket kell megadnia, például https://instagram.com/shopify vagy https://tiktok.com/@shopify.

  6. Kattintson a Mentés gombra.

Mobil

  1. A Shopify alkalmazásban koppintson a Menü ikonra.

  2. Az Értékesítési csatornák szakaszban koppintson az Online áruház elemre.

  3. Koppintson a Minden téma kezelése lehetőségre.

  4. Keresse meg a szerkeszteni kívánt témát, majd koppintson a Téma szerkesztése lehetőségre.

  5. Koppintson a … vagy ⋮ ikonra, majd koppintson a Témabeállítások lehetőségre.

  6. Koppintson a Közösségi média lehetőségre.

  7. A közösségimédia-fiókjaihoz vezető linkek hozzáadásához adja meg a fiókjai webhelycímét a megfelelő Közösségi fiókok mezőkben. Teljes linkeket kell megadnia, például https://instagram.com/shopify vagy https://tiktok.com/@shopify.

  8. Koppintson a Mentés vagy a ✓ gombra.

Keresési viselkedés

Az Ön online áruháza prediktív keresést is tartalmaz, amely javaslatokat jelenít meg, amikor a vásárlók elkezdenek gépelni a keresőmezőbe. A keresési javaslatok segíthetnek a vásárlóknak megfogalmazni és finomítani a keresési lekérdezéseiket, és új módokat kínálnak számukra online áruháza felfedezésére. A keresési javaslatok azt is lehetővé teszik a vásárlóknak, hogy gyorsan böngésszenek a találatok között anélkül, hogy el kellene hagyniuk az aktuális oldalt egy külön keresési eredménylista megtekintéséhez.

Ha többet szeretne megtudni a keresési javaslatok működéséről, olvassa el a(z) Prediktív keresés című részt.

Testreszabhatja, hogyan jelenjenek meg a keresési javaslatok a vásárlói számára.

Lépések:

Asztali gép

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

  2. Keresse meg a szerkeszteni kívánt témát, majd kattintson a Téma szerkesztése gombra.

  3. Kattintson a Témabeállítások beállítások ikonra.

  4. Kattintson a Keresési viselkedés lehetőségre.

  5. A keresési javaslatok aktiválásához vagy deaktiválásához jelölje be vagy törölje a jelet a Keresési javaslatok engedélyezése jelölőnégyzetből.

  6. Választható: A termékszállító keresési javaslatokban való megjelenítéséhez vagy elrejtéséhez jelölje be vagy törölje a jelet a Termékszállító megjelenítése jelölőnégyzetből.

  7. Választható: A termékár keresési javaslatokban való megjelenítéséhez vagy elrejtéséhez jelölje be vagy törölje a jelet a Termékár megjelenítése jelölőnégyzetből.

  8. Kattintson a Mentés gombra.

Mobil

  1. A Shopify alkalmazásban koppintson a Menü ikonra.

  2. Az Értékesítési csatornák szakaszban koppintson az Online áruház elemre.

  3. Koppintson a Minden téma kezelése lehetőségre.

  4. Keresse meg a szerkeszteni kívánt témát, majd koppintson a Téma szerkesztése lehetőségre.

  5. Koppintson a … vagy ⋮ ikonra, majd koppintson a Témabeállítások lehetőségre.

  6. Koppintson a Keresési viselkedés lehetőségre.

  7. A keresési javaslatok aktiválásához vagy deaktiválásához jelölje be vagy törölje a jelet a Keresési javaslatok engedélyezése jelölőnégyzetből.

  8. Választható: A termékszállító keresési javaslatokban való megjelenítéséhez vagy elrejtéséhez jelölje be vagy törölje a jelet a Termékszállító megjelenítése jelölőnégyzetből.

  9. Választható: A termékár keresési javaslatokban való megjelenítéséhez vagy elrejtéséhez jelölje be vagy törölje a jelet a Termékár megjelenítése jelölőnégyzetből.

  10. Koppintson a Mentés vagy a ✓ gombra.

Valutaformátum

Kiválaszthatja, hogy a termékei árai mellett megjelenjen-e a valutakód.

Lépések:

Asztali gép

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

  2. Keresse meg a szerkeszteni kívánt témát, majd kattintson a Téma szerkesztése gombra.

  3. Kattintson a Témabeállítások beállítások ikonra.

  4. Kattintson a Valutaformátum lehetőségre.

  5. A valutakódok megjelenítéséhez jelölje be a Valutakódok megjelenítése lehetőséget.

  6. Kattintson a Mentés gombra.

Mobil

  1. A Shopify alkalmazásban koppintson a Menü ikonra.

  2. Az Értékesítési csatornák szakaszban koppintson az Online áruház elemre.

  3. Koppintson a Minden téma kezelése lehetőségre.

  4. Keresse meg a szerkeszteni kívánt témát, majd koppintson a Téma szerkesztése lehetőségre.

  5. Koppintson a … vagy ⋮ ikonra, majd koppintson a Témabeállítások lehetőségre.

  6. Koppintson a Valutaformátum lehetőségre.

  7. A valutakódok megjelenítéséhez jelölje be a Valutakódok megjelenítése lehetőséget.

  8. Koppintson a Mentés vagy a ✓ gombra.

Kosár

Módosíthatja a kosár stílusát az online áruházában. Amikor egy vásárló egy terméket a kosarába helyez az áruházából, a kosár megjelenhet fiókként, oldalként vagy felugró értesítésként. Ahhoz, hogy a vásárló a termékoldalon maradjon, használja a fiók vagy a felugró értesítés opciót. Ahhoz, hogy a vásárlót a kosároldalra irányítsa, használja az oldal opciót. Ha a vásárló kosara üres, megjeleníthet egy kiemelt kollekciót a kosárfiókban.

Lépések:

Asztali gép

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

  2. Keresse meg a szerkeszteni kívánt témát, majd kattintson a Téma szerkesztése gombra.

  3. Kattintson a Témabeállítások beállítások ikonra.

  4. Kattintson a Kosár lehetőségre.

  5. A Kosár típusa legördülő menü segítségével válassza ki a Fiók, az Oldal vagy a Felugró értesítés kosárstílust.

  6. Választható: A vásárló kosarában lévő tételek szállítóinak megjelenítéséhez jelölje be a Szállító megjelenítése lehetőséget.

  7. Választható: Ha szövegdobozt szeretne biztosítani a vásárlóknak, ahol különleges kéréseket írhatnak be vagy további rendelési információkat adhatnak meg, jelölje be a Kosárcímke engedélyezése lehetőséget.

  8. Választható: Ha a Fiók lehetőséget választja a Kosár típusaként, akkor a következőképpen jeleníthet meg egy kollekciót a kosárfiókban, amikor az üres:

    1. A Kosárfiók területen kattintson a Kollekció kiválasztása gombra.
    2. Kattintson a megjeleníteni kívánt kollekció nevére, majd kattintson a Kiválasztás gombra.

  9. Választható: Ha a Fiók lehetőséget választja Kosártípusként, akkor a következő lépésekkel módosíthatja a kosárfiók színösszeállítását:

    1. A Kosárfiók > Színösszeállítás területen kattintson a Módosítás gombra.
    2. Válasszon ki egy színösszeállítást, amelyet a kosárfiókjához szeretne használni.

  10. Kattintson a Mentés gombra.

Mobil

  1. A Shopify alkalmazásban koppintson a Menü ikonra.

  2. Az Értékesítési csatornák szakaszban koppintson az Online áruház elemre.

  3. Koppintson a Minden téma kezelése lehetőségre.

  4. Keresse meg a szerkeszteni kívánt témát, majd koppintson a Téma szerkesztése lehetőségre.

  5. Koppintson a … vagy ⋮ ikonra, majd koppintson a Témabeállítások lehetőségre.

  6. Koppintson a Kosár elemre.

  7. Válassza ki a Kosár típusát a Fiók, az Oldal vagy a Felugró értesítés lehetőségek közül.

  8. Választható: A vásárló kosarában lévő tételek szállítóinak megjelenítéséhez jelölje be a Szállító megjelenítése lehetőséget.

  9. Választható: Ha szövegdobozt szeretne biztosítani a vásárlóknak, ahol különleges kéréseket írhatnak be vagy további rendelési információkat adhatnak meg, jelölje be a Kosárcímke engedélyezése lehetőséget.

  10. Választható: Ha a Fiók lehetőséget választja a Kosár típusaként, akkor a következőképpen jeleníthet meg egy kollekciót a kosárfiókban, amikor az üres:

    1. A Kosárfiók területen koppintson a Kollekció kiválasztása elemre.
    2. Koppintson a megjeleníteni kívánt kollekció nevére, majd a Kész gombra.

  11. Választható: Ha a Fiók lehetőséget választja Kosártípusként, akkor a következő lépésekkel módosíthatja a kosárfiók színösszeállítását:

    1. A Kosárfiók > Színösszeállítás területen koppintson a Módosítás gombra.
    2. Válasszon ki egy színösszeállítást, amelyet a kosárfiókjához szeretne használni, majd koppintson a Kész gombra.

  12. Koppintson a Mentés vagy a ✓ gombra.

Egyéni CSS

Az Egyéni CSS szakaszban saját CSS-kódot adhat meg, amellyel például az online áruháza gombjainak megjelenését az elérhető alapértelmezett beállításokon túl is testre szabhatja, vagy egyedi stílust alkalmazhat bizonyos szövegelemekre.

A témabeállításokban megadott egyéni CSS az online áruház minden oldalára hatással van, a pénztár kivételével.

További információ: Egyéni CSS hozzáadása a témához.

Témastílus

A témastílus egy tématervező által kiválasztott beállítások gyűjteménye. Témastílust alkalmazhat az üzletére, hogy kifinomult kinézetet és benyomást keltsen. Minden témához alapértelmezés szerint tartozik egy témastílus. A rendelkezésére álló további témastílus-lehetőségek attól függnek, hogy melyik témát használja.

Amikor testre szab egy témát, a témastílus beállításait a sajátjára cseréli. Amikor egy témastílust alkalmaz a témájára, megváltoztatja a jelenlegi beállításait, például a színeket és a tipográfiát.

Lépések:

Asztali gép

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

  2. Keresse meg a szerkeszteni kívánt témát, majd kattintson a Téma szerkesztése gombra.

  3. Kattintson a Témabeállítások beállítások ikonra.

  4. Kattintson a Témastílus elemre.

  5. Válassza ki a használni kívánt témastílust, majd kattintson a Stílus módosítása gombra.

  6. Kattintson a Mentés gombra.

Mobil

  1. A Shopify alkalmazásban koppintson a Menü ikonra.

  2. Az Értékesítési csatornák szakaszban koppintson az Online áruház elemre.

  3. Koppintson a Minden téma kezelése lehetőségre.

  4. Keresse meg a szerkeszteni kívánt témát, majd koppintson a Téma szerkesztése lehetőségre.

  5. Koppintson a … vagy ⋮ ikonra, majd koppintson a Témabeállítások lehetőségre.

  6. Koppintson a Témastílus elemre.

  7. Válassza ki a használni kívánt témastílust, majd koppintson a Kész gombra.

  8. Koppintson a Mentés vagy a ✓ gombra.