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