Korfu téma beállítási útmutató

Az útmutató segítségével végigvezetünk a Korfu téma beállításain, ezzel optimalizálva a sablon megjelenésén.

Miért fontos az útmutató?

A téma átváltása egyszerű, hiszen csupán egy gombra kell kattintanunk, a kattintást követően viszont komplex folyamatok indulnak el a háttérben. Az összetett feladat során rendszerint az alapértelmezett értékek kerülnek helyreállításra, ezzel felülírva az egyedileg fejlesztett beállításokat.

Amennyiben a Korfu sablonra szeretnénk váltani, akkor feltétlenül olvassuk el az alábbiakat, mielőtt belekezdünk a folyamatokba.

1. Kategória menü/Szöveges menüpontok a fejlécben

Érdemes maximum 6 fő kategóriát és 2 szöveges menüpontot beállítani annak érdekében, hogy minden nézeten elférjenek egymás mellett a menüpontok.

1.kepjo.PNG

A felső szöveges menüpontok beállítása: Tartalom > Szöveges menüpontok > [Adott szöveges menüpont] szerkesztése > Fejlécben megjelenik opció

2. Egyedi lenyíló kategória beállítása

A Korfu sablon bemutató oldalán a “Gluténmentes” menüpontban egy egyedi lenyíló kategória elrendezést használtunk, amely nemcsak látványos, de átlátható formába is ölti az alkategóriákat.

image7.png

A beállításához navigáljunk a kategóriánkhoz, majd a lenyíló tartalom menüpontban állítsuk be a képen látható módon a beállításokat.

2.kep.PNG

Ezt követően már csupán a szöveges tartalomban kell átváltanunk a forráskód nézetre és beilleszteni ezt a kódot. 

Miután személyre szabtuk manuálisan a kódot, mentsük el a beállításokat, amelyet követően már büszkélkedhetünk is az egyedi lenyíló kategóriánkkal.

3. Kicker Image modul

A témának ez a része teljes szélességű, ezért érdemes akkora képeket használni, amelyek biztosan kitöltik a képernyőt.

Amennyiben Full HD-ra tervezzük a dizájnt, az alábbi számokkal kalkulálhatunk:

  • 2 darab esetén 960 px széles,
  • 3 darab esetén 640 px széles,
  • 4 darab esetén 480 px széles,
  • 5 darab esetén 384 px széles.

Fontos! A fenti példában az 1920 pixel szélességű designt (Full HD) osztottuk el a darabszámmal. Nagyobb felbontás esetén is el kell osztanunk a szélességet a darabszámmal.

Tipp: Érdemes sötétebb képekkel dolgozni, hogy a megjelenés egyezzen a bemutató boltban látottakkal.

A Kicker image PSD letöltéséhez kattintsunk ide.

4. Hírek modul a kezdőlap pozícióban

A hírek modul a Kicker Image beállításhoz hasonlóan működik. Itt is érdemes beállítani az adminon, hogy hányat szeretnénk egy sorban megjeleníteni.

Amennyiben Full HD-ra tervezzük a dizájnt, az alábbi számokkal kalkulálhatunk:

  • 2 darab esetén 960 px széles,
  • 3 darab esetén 640 px széles,
  • 4 darab esetén 480 px széles,
  • 5 darab esetén 384 px széles.

Annak érdekében, hogy a képek minősége ne romoljon, a Beállítások > Webshop beállítások > Általános beállítások > Képek fül > Szöveges tartalom > Bevezető kép mérete résznél érdemes lesz a képek száma alapján átírni az értékeket.

A hírek modulban megjelenő tartalmak számát a  Megjelenés > Modulok  > Hírek szerkesztése > Maximálisan megjelenítendő tartalmak száma opciónál tudjuk szabályozni.

3.kep.PNG

6. Egy vagy két oszlopos kezdőlap lent pozíció beállítása

A Korfu témában a lábléc felé haladva is látványos megoldásokkal találkozhatunk. Ilyen tipikusan a kezdőlap lent pozícióban látható egy vagy két oszlopos elrendezésű tartalmi és feliratkozó modulok.

image1.png

A példán látható elrendezés két oszlopos, egy oszlopos esetén értelemszerűen középre lesz igazítva a választott modul.

Az alábbi képen látható módon állítsunk be mindent, hogy optimálisan jelenjenek meg a modulok.

4.kepjo.PNG

Ahhoz, hogy a bemutató bolt megjelenését reprodukáljuk, érdemes először a Hírek 2 modult 1-es, majd a Hírlevél feliratkozás modult 2-es sorrenddel beállítani.

A Hírek 2 modul a következő beállításokkal lesz optimális:

5.kep.PNG

Nem ajánljuk több modul megjelenítését, mivel az lassítani fogja a betöltődést és a megjelenés szempontjából sem lesz optimális.

Beállítási lehetőség: Beállítás > Megjelenés > Téma testreszabás > Sablon beállítások

7. Lábléc Kicker Image

A láblécben megjelenő Kicker Image modul alapbeállításként nem jelenik meg a téma kiválasztását követően.

A Kicker Image modulhoz hasonlóan működik, ahogy a beállítása is azonos.

image6.png

Érdemes beállítani az adminon, hogy hányat szeretnénk egy sorban megjeleníteni.

Amennyiben Full HD-ra tervezzük a dizájnt, az alábbi számokkal kalkulálhatunk:

  • 2 darab esetén 960 px széles,
  • 3 darab esetén 640 px széles,
  • 4 darab esetén 480 px széles,
  • 5 darab esetén 384 px széles.

Ide kattintva tölthetjük le a Kicker Image-et .psd formátumban, amelyet már csak személyre kell szabnunk.

Beállítási lehetőség: Megjelenés > Modulok > Lábléc Kicker Image

8. Közösségi linkek láblécben

Modernizáltuk a közösségi ikonok elrendezését a láblécben. Javasolt ikont és URL-t feltölteni ebbe a részbe.

Beállítási lehetőség: Megjelenés > Modulok > Közösségi linkek a láblécben

9. Egyszerűsített mobil termékkártya

A beállítás a mobilos felhasználói élményt növeli.

Amennyiben Igen-re van állítva, mobilon a termékkártyákon csak a termékkép, a terméknevek első két sora, az ár és akció gombok jelennek meg, attól függetlenül, hogy a modul termékkártya szerkesztőben mit állítottunk be.

Beállítási lehetőség: Megjelenés > Téma testreszabása > Sablon beállítások

10. Alkategória képek megjelenítése

A további kategóriák a középső pozícióból átkerülnek a bal hasábba a kategória oldalon. Így hamarabb láthat a felhasználó terméket már az adott kategóriában.

Amennyiben Igen-re állítjuk ezt a lehetőséget, meg fog jelenni a kategóriához feltöltött kép is. Érdemes ikon feltöltésében gondolkodni, mivel a javasolt képméret ebben az esetben 30x30 pixel méretű.

Beállítási lehetőség:  Megjelenés > Téma testreszabása > Sablon beállítások

11. Akció visszaszámláló

Annak érdekében, hogy a mintaboltban látható módon jelenjen meg a visszaszámláló modul, két helyen át kell írni a nyelvi értékeket az adminban.

Tartalom > Szövegek szerkesztése menüpontban keressünk rá a következőre:

“%D:%H:%M:%S”

majd cseréljük a következőre:

<span class="custom-countdown-style"><span class="value">%D</span><span class="value">%H</span><span class="value">%M</span><span class="value">%S</span><span class="label">Nap</span><span class="label">Óra</span><span class="label">Perc</span><span class="label">MP</span></span>

 

További adatok szerkesztéséhez:

[boltnev.hu]/admin/index.php?route=language/language/editLanguage&lang=hungarian&read=product/productsaletime.php

Általános szavak szerkesztéséhez:

[boltnev.hu]/admin/index.php?route=language/language/editLanguage&lang=hungarian&read=product/productsaletime.php

 

További dokumentációkat itt találunk a témaváltáshoz.

Amennyiben a témaváltással vagy testreszabással kapcsolatban további segítségre lenne szükséged, keresd bizalommal a Shoprenter csapatát! Ha nem szereted a sablonos megoldásokat és inkább teljesen egyedi megjelenést szeretnél, abban is számíthatsz ránk!

egyedidesign-sr.jpg

Van még kérdésed? Kérdés beküldése

Kérdésed van?

  • Böngéssz a Témák között!
  • Keress rá a konkrét kérdésedre!
  • Ha nem találtál megoldást a problémádra, vedd fel a kapcsolatot kollégáinkkal:
  • Írd meg kérdésed a Kérdés beküldése menüpontban!
  • Írj e-mailt az info@shoprenter.hu címre!
  • Írj chat-en webáruházad adminisztrációs felületén!
  • Hívj bennünket a 06-1/234-5011-es számon munkanapokon 9:00-17:00 között!
  • Hétvégén is elérhetők vagyunk e-mailben és chat-en 10:00-14:00 között.

Hibabejelentés