Témabeállítások

A cikk tartalma:

TÉMABEÁLLÍTÁS

Stílus

A kinézetben a boxok címeinek és a weboldalon lévő gomboknak a stílusát határozza meg. Ezekből 4 félét lehet választani.

  • Alapértelmezett: A kiválasztott színt tölti be a címek és gombok alá a rendszer. A példaoldal esetében barna színt kaptak a címkiemelések és a gombkiemelések.
  • Flat: A fenti képen látható flat design esetén a címkiemelések és a gombok vastagok és egyszínűek.

  • Minimalista: A minimalista stílus esetén a címek alá nem tesz a rendszer színt, csak egy vékony csíkkal aláhúzza.

  • Modern: A modern stílus esetén is szín kerül a modulok címei alá, viszont grafikailag úgy néz ki, mintha becsúszna a weblap széle alá, ez látható a lenti képen is a weboldal bal szélén nyíllal jelölt részen.

Kártyák közötti távolság

A különböző listákban megjelenő boxok (pl. blog, hír stb.) közötti hézagot lehet beállítani. Az alábbi képeken szemléltetjük a választható megoldásokat.

  • Nincs

  • Vékony

  • Vastag

Betűtípus

A rendszerben előre felvitt betűtípusok vannak, ezekből tudunk választani. A betűtípusválasztó melletti információs ikonra kattintva láthatjuk a betűtípusok kinézetét.

TERMÉKKÁRTYA BEÁLLÍTÁSAI

Termékkártya típusa

Kinézete nagyban függ attól, hogy ki milyen színbeállításokkal dolgozik. Esetünkben egy szépségszalon és webáruház a demóoldal, ezen bemutatva láthatjuk a különböző termékkártyatípusokat. Ez a listanézetes termékkártya kinézetére nincs befolyással.

  • Alapértelmezett
    Az alapértelmezett termékkártya egy halvány kerettel rendelkezik a háttér a Színbeállításokban beállított termékkártya-háttérszín, a szöveg színe az általunk választott “Termékkártya-betűszín”, míg az ár színe a kiválasztott “Árszín”. A szöveg középre igazított, a terméknév félkövérrel szedve, alatta a termékcikkszám jelenik meg, végül nagyobb betűmérettel szintén félkövérrel az ár. A kedvezményt a jobb felső sarokban láthatjuk, a háttérszínét a “Kiemelés-háttérszín” beállításánál tudjuk megadni vagy módosítani, a szöveg színét pedig a “Kiemelés-szövegszín” mező értékének váltaoztatásával. A terméknév az összes kártyán egy vonalban jelenik meg, azonban a cikkszám és az ár kinézete a terméknév hosszúságától függően változhat.

  • Termékkártya 2
    Ennek a termékkártyának szintén van egy halvány kerete. Az ár a termékképen a jobb felső sarokban egy címkén helyezkedik el. A címke egy kicsit áttetsző, a színe a Színbeállításokban beállított elsődleges színnel egyezik meg. A kép alatt szövegként a termék neve és cikkszáma van feltüntetve. A termék neve nagyobb betűmérettel látható. A terméknév és termékcikkszám egy vonalban jelenik meg az összes termékkártyán. A kedvezmény a bal felső sarokba kerül.

  • Termékkártya 3
    Hogy jobban lássuk, erre a rövid időre egy halvány rózsaszín termékkártya-háttérszín beállítás van érvényben. A termékkártya 3 beállítás választása esetén is van egy halvány kerete a termékkártyánknak. A termékkártya-háttérszín csak a terméknévre érvényes, a többi a tartalom háttérszínét fogja megkapni. A terméknév a termékcikkszám és az ár is egy vonalban jelenik meg az összes termékkártyán. Minden másban úgy viselkedik, mint az Alapértelmezett.

  • Termékkártya 4
    Ennek a termékkártyatípusnak is van egy halvány kerete, a háttér a Színbeállításokban beállított termékkártya-háttérszín, a szöveg színe az általunk választott “Termékkártya-betűszín”, míg az ár színe a kiválasztott “Árszín”. A szöveg balra igazított, a terméknév félkövérrel szedve, alatta a termékcikkszám jelenik meg, majd nagyobb betűmérettel szintén félkövérrel az ár. Ezen kívül egy “Részletek” gomb is helyet kapott a kártyán. A gombra kattintva – ugyanúgy, mintha a termékképre vagy a termék nevére kattintanánk – a termék adatlapjára navigáljuk a vásárlót. A gomb és rajta a felirat színe megegyezik az azokhoz választott elsődleges színekkel.
    A kedvezményt a jobb felső sarokban láthatjuk, háttérszínét a “Kiemelés-háttérszín” beállításánál módosíthatjuk, a szöveg színét pedig a “Kiemelés-szövegszín” beállításánál. A terméknév és a “Részletek” gomb az összes kártyán egy vonalban jelenik meg, azonban a cikkszám és az ár kinézete a terméknév hosszúságától függően változhat.

  • Termékkártya 5
    Ennek a termékkártyatípusnak nincs kerete, a háttér a Színbeállításokban beállított termékkártya-háttérszín, a szöveg színe az általunk választott “Termékkártya-betűszín”, míg az ár színe a kiválasztott “Árszín”. Ugyanúgy megjelenik rajta egy “Részletek” gomb is. A gombra kattintva – ugyanúgy, mintha a termékképre vagy a termék nevére kattintanánk – a termék adatlapjára navigáljuk a vásárlót. A terméknév és az ár balra, a cikkszám középre, míg a Részletek gomb jobbra igazított. A terméknév nagyobb betűmérettel rendelkezik, az ár megjelenítése ezen a kártyán a legkisebb. A gomb színe az elsődlegesnek választott színnel egyezik meg, míg a felirat rajta a termékkártya betűszínével.
    A kedvezményt a jobb felső sarokban láthatjuk, háttérszínét a “Kiemelés-háttérszín” beállításánál módosíthatjuk, a szöveg színét pedig a “Kiemelés szövegszín” beállításánál. A terméknév és a “Részletek” gomb az összes kártyán egy vonalban jelenik meg, azonban a cikkszám és az ár kinézete a terméknév hosszúságától függően változhat.

Kártyák száma

A termékkártyák mérete a kártyák számával fordított arányban változik. Minél kevesebbet szeretnénk egy sorba tenni, annál nagyobb a kártya.

  • Soronként 3

  • Soronként 4

  • Soronként 5

KATEGÓRIAKÁRTYA BEÁLLÍTÁSAI

A kategóriakártyák kinézetét négyféleképpen alakíthatjuk. Méretben, elrendezésben és színben különböző lehetőségek vannak. A kategóriakártyáinkat a nyitóoldalra tehetjük ki a Beállítások / Kinézet beállításai / Nyitóoldal beállításai alatt a Főkategóriák widget használatával.

BLOGKÁRTYA BEÁLLÍTÁSAI

Ha cikklistákat hozunk létre az oldalon (pl. hírek, blog stb.), akkor ki tudjuk választani azoknak a kinézetét. Képekkel illusztráljuk a választható blogkártyákat.

Blogkártyatípus

Az alábbi segítséget a blogkártyatípusok beállításához a “Blogkártyatípus” kiválasztásánál az információs ikonra kattintva is láthatjuk.

  • Alapértelmezett

  • Blogkártya 2

  • Blogkártya 3

KINÉZET BEÁLLÍTÁSAI

Fejléc típusa: A listából kiválaszthatjuk, milyen elrendezésű fejlécet szeretnénk használni.

  • Fejléc 1

  • Fejléc 2

  • Fejléc 3

  • Fejléc 4

  • Fejléc 5
    Az 5. fejlécnél azt láthatjuk, hogy a logó rálóg a menüsávra, ez akkor lesz esztétikus, ha áttetsző (háttér nélküli) logót választunk. Abban az esetben, ha oldalunk nem egyszínű, hanem háttérképet használunk, a fejléc átlátszósága révén, látható lesz a választott kép is.

  • Fejléc 6
    Letisztult, egyszerű, egysoros fejléc, a logó balról.

  • Fejléc 7
    Egysoros, teljes szélességű fejléc, ami csak a menüt tartalmazza.

Lábléc típusa: A rendszerbe 3 db láblécelrendezés közül lehet választani.

  • Alapértelmezett
    A lábléc szélessége a tartalommal megegyező.

  • Teljes szélességű
    Az elrendezése ugyanaz, mint az alapértelmezett látblécnek, csak a háttérszín teljes szélességű.

  • Egyszerű lábléc
    Ebben az esetben egy keskeny csíkban jelenik meg a lábléc, balra a cég neve és a copyright szöveg, jobbra a ShopnGo-logó.

Egyedi CSS beállítása

Itt tudunk a rendszerbe egyedi CSS kódokat beépíteni, ezek a kódok a <head></head> részbe kerülnek.

SLIDESHOW BEÁLLÍTÁSAI

Slideshow-pozíció

  • Nem jelenik meg: ha nem szeretnénk, hogy megjelenjen a slideshow

  • Alapértelmezett: hasonló a teljes tartalmat kitöltő beállításhoz, azonban, ha van oldalsáv, akkor az oldalsáv mellett jelenik meg kisebb méretben

  • Teljes tartalmat kitöltő: az oldalunk tartalmi részével megegyező méretű

  • Teljes oldalt kitöltő: a teljes oldalszélességgel megegyező méretű

Képváltási effekt
Itt a két kép közötti áttűnést állíthatjuk be.

Képváltási idő (másodpercben)
Csak akkor van jelentősége, ha az “Automata lejátszás” be van kapcsolva. Annyi másodpercet adjunk meg, amennyit szeretnénk, hogy adott képen időzzön a slideshow, azaz, hogy hány másodpercenként váltson. Ha 10 másodpercet adunk meg, akkor 10 másodpercenként fog váltani egyik képről a másikra.

Egyéb lehetőségek

  • Automata lejátszás
  • Folyamatjelző sáv (automata lejátszás esetén)
  • Navigációs pontok
  • Navigációs nyilak