A mai webáruház piacon az egyik legfontosabb dolog kitűnni a tömegből, melynek egyik legjobb megoldása az egyedi kinézet, arculat. Ebben a menüpontban tudod testre szabni a választott sablont vagy saját CSS-t feltölteni.
Kinézet testreszabása
Modernebb sabloncsaládok esetén lehetőséget biztosítunk, hogy a választott sablonhoz kapcsolódó színeket szabadon szerkeszthesd. Ehhez nincs más dolgod, mint kiválasztani az új színeket (alapszín, másodlagos szín, betű szín stb.) majd a Ment gombra kattintva elmenteni. Ezzel teljesen egyedi lehet az áruházad színvilága. Ha módosítottad a színeket ne felejtsd el a funkciót aktiválni.
Saját CSS
Ebben a menüpontban lehetőséget biztosítunk, hogy saját CSS fájlt kezelj az adminisztrációs felületen, így is egyedivé téve áruházadat. A korábbiakkal ellentétben nincs szükség ehhez teljes egyedi kinézetre, elegendő csak a CSS tartalmat felülírni.
A funkció megfelelő használatához minimális CSS ismeret szükséges.
Nincs más dolgod, mint a kívánt CSS kódot begépelni és utána a Ment gombra kattintani. Amint a kódrészletet elmentetted, aktiváld azt, majd a beírt kódrészlet néhány percen belül érvénybe lép.
Kinézet beállítások
Az itt felsorolt kinézet sablonok esetében további, a kinézethez kapcsolódó beállításokat is eszközölhetsz. Vannak olyan beállítások is, amelyek nem funkcionálisak, csupán a megjelenést lehet szabályozni attól függően, hogy valaki a hagyományosabbat, vagy a formabontóbb megoldásokat szereti.
A funkcionalitás tekintetében csak olyan beállítások szerepelnek itt, amelyekkel a termékpalettához, termékadatokhoz, vásárlói szokásokhoz, üzletpolitikához lehet jobban igazítani az adott kinézetet.
Példa
Ha egy áruházban jellemzően 1-1 darabot vásárolnak egy termékből, felesleges mennyiség beviteli mezőket megjeleníteni. Vagy ha egy áruházban csak „db” fordul elő mint mennyiségi egység, nincs értelme feltüntetni, és így tovább.
Nem minden kinézethez tartoznak ilyen külön beállítások, illetve a beállítási lehetőségek száma is eltérő. Ezt az adott design, illetve az azon belüli lehetőségek indokolják. A beállítások után itt se felejtsd el rögzíteni a módosításokat a Ment gombbal.
Lássuk a beállítási lehetőségeket:
Átlátszó fejléc, mögötte slideshow Pegasus
A Pegasus kinézet sajátos design eleme, hogy a nagy főoldali banner elemre rá lehet engedni az egész fejlécet, kicsit áttetsző háttérrel. Ilyen esetben a bannerek elkészítésénél gondolni kell arra, hogy a fejléc magasságában egy sáv le lesz takarva belőle, ahol csak halványabban látszik át a kép tartalma. Remekül nézhet ki nagy, szinte képernyőnyi banner képek esetén.
Főmenü működése asztali nézetben Antares Polaris
A fejlécben a főmenü nyitását állíthatod be, hogy kattintásra, vagy kurzor fölé mozgatásra nyíljon. UX szempontból a kattintás előnyösebb, mivel így irányított a működés a látogató részéről, míg a másik beállítás nem kívánt aktivitást okozhat a menüben, mikor a látogató csak keresztülmozgatja a területen a kurzort, viszont nem igényel kattintást, kurzor mozgással vezérelhető az elem.
Kinyíló kategóriák elrendezése Sirius Taurus
A fejlécből nyitható kategória menü oldalra nyíló alkategóriáinak elrendezését lehet ezzel szabályozni az alábbiak szerint:
Az egyenlően oszlanak el az oszlopok között olyan elrendezést biztosít, amikor nem engedi tördelni alkategóriákon belül a listázást. Ennek folyományaként alul keletkezhetnek üres helyek.
A fentről lefelé és balról jobbra töltik ki az oszlopokat, az alkategóriák új oszlopba törhetnek olyan elrendezést biztosít, amikor az alkategóriák listázásában is enged törést, tehát ha az oszlop alján véget ér az alkategóriák listázása, akkor a következő oszlop tetején folytatódik. Így nem keletkeznek üres helyet alul, kompaktabb a menü megjelenése.
A beállítást az egyéni igények miatt vezettük be, beállíthatod kategóriád száma vagy ízlésed alapján.
Mobil navigáció pozíciója Sirius Taurus
Mobilkijelzőn a navigációs menü sávjának elhelyezését lehet állítani, hogy a kijelző alsó vagy felső szélén jelenjen meg rögzült állapotban. Ugyan a felső elrendezés konvencionálisabb, az alsó megjelenés UX szempontból preferált, mivel az egy ujjal történő böngészést (egy kézben tartott készülék, hüvelykujj használata) nagyban megkönnyíti a mai nagy készülékméretek mellett.
Mennyiség beviteli mezőhöz tartozó mennyiségi egység pozíciója Pollux Sirius Taurus
Ha az admin felületen be van kapcsolva a mennyiségi egységek (db, csomag, folyóméter) megjelenítése, az minden mennyiség beviteli mezőnél megjelenik, például kategória-, termék- és kosár oldalakon. Itt azt tudod beállítani, hogy a mennyiségi egységek miként jelenjenek meg a beviteli mezőnél.
Mennyiségi beviteli mező megjelenítése a #1 termék lista elemeken Pollux Sirius Taurus
A kinézetben kiválasztható listanézetek közül az #1 típusú az, amelyiken egy sorban több termékkártya látható. Itt lehet beállítani azt, hogy ezeken a termékkártyákon is megjelenjen-e mennyiség beviteli mező a vásárló számára.
Részletek oldal beállítások
Részletek oldalon az alul fixált kosár sáv Taurus
A mindig megjelenik, ha a fő kosárba tevés gomb nem látható beállítás esetén bárhol tartózkodik a látogató a termékoldalon belül, ha a fő kosár gomb nem látható, a sáv megjelenik.
A csak a fő kosárba tevés gomb túlgörgetése esetén látható beállítás esetén csak a fő kosár gomb alatti területre vonatkozóan jelenik meg a sáv, ha a kosár gomb már nem látható a képernyőn.
A nincs beállítás esetén kikapcsolható az egész fix kosár sáv.
Részletek oldalon a rövid leírás pozíciója Taurus
Az ár blokkban beállítás esetén a termékoldal tetején található hármas osztású blokk középső elemében jelenik meg, amelyben a termék ára is megjelenik.
Az ár és a kosár blokkok alatt esetén a termékoldal tetején található hármas osztású blokk középső és jobb eleme alatt jelenik meg, az egész blokk 2/3 szélességében.
A beállítás lényege, hogy az adott áruházban a termékek adatmennyiségének megfelelően kompaktabbá lehet tenni a termékoldalt.
Összecsukható tartalmak beállításai
Összecsukható tartalmak kategória és lista oldalakon Orion Castor Polaris Antares Pollux Sirius Taurus
Kategória és lista oldalakra beállítható, hogy hosszabb tartalmak megadása esetén a teljes szöveg látható legyen, vagy összecsukható tartalomként jelenjen meg a felvitt szöveges tartalom.
Összecsukható rövid leírás lista oldali kártyákon Orion Castor Polaris Antares Pollux Sirius Taurus
Lista oldalakra a rövid leírás mezőre beállítható, hogy hosszabb tartalom megadása esetén a teljes szöveg legyen látható, vagy összecsukható tartalomként jelenjen meg a felvitt szöveges tartalom. Csak olyan lista oldali kártyákon működik a funkció, melyeken található rövid leírás.
Összecsukható rövid leírás termék részletek oldalon Callisto Sirius Taurus
Termék részletek oldalon a rövid leírás mezőre beállítható, hogy hosszabb tartalom megadása esetén a teljes szöveg legyen látható, vagy összecsukható tartalomként jelenjen meg a felvitt szöveges tartalom.
Összecsukható rövid leírás felugró részletek ablakban Taurus
Felugró részletek ablakban a rövid leírás mezőre beállítható, hogy hosszabb tartalom megadása esetén a teljes szöveg legyen látható, vagy összecsukható tartalomként jelenjen meg a felvitt szöveges tartalom.
Szűrés beállítások
Szűrés gomb pozíciója asztali nézeten Taurus
A bal oldalt rögzülő beállítás esetén egy gomb jelenik meg a kijelző bal szélén, fix pozícióban, tehát görgetéskor is mindig látható. Erre kattintva nyithatók meg a szűrések. Mobilos nézet esetén ennél a beállításnál a navigációs menüben jelenik meg a szűrés ikon.
A kategória neve után beállítás esetén a gomb a kategória neve után szerepel, a tartalommal elgördül. Rákattintásra ugyanúgy oldalról nyitható a szűrés. Mobilos nézet esetén ennél a beállításnál a navigációs menüben jelenik meg a szűrés ikon.
A termék lista felett egy szűrés sávban beállítás a terméklista felett hoz létre egy sávot, ebben jelenik meg a szűrés gomb, az aktív szűrések, illetve a szűrés törlése, mentése gombok. Kattintásra ugyanúgy oldalról nyitja a szűréseket. Mobilos nézet esetén ennél a beállításnál szintén a terméklista felett jelenik meg ez a sáv, tehát megegyezik az asztali megjelenéssel.
Szűrés box oldalsávban jelenjen meg asztali nézetben Taurus
A benyitható szűrés box helyett, hagyományos oldalsávban megjelenő szűrést lehet vele bekapcsolni. Mobilkijelzőn ez értelemszerűen nem értelmezhető, mobilkijelzőn mindig benyitható a szűrés box, a szűrés gomb megjelenését pedig az előző, a szűrés gomb pozíciója asztali nézeten beállítás határozza meg.
Szűrés boxban a paraméter értékek nyitott állapotban láthatók Taurus
A szűrés boxban ezzel beállítható, hogy a benne szereplő paraméterek értékei alaphelyzetben becsukva vagy kinyitva legyenek. Beállítását a paraméterek mennyiségének megfelelően és a vásárlói szokásokhoz igazodva ajánljuk.
Főoldali animációk beállításai
Animáció gördítéskor Sirius Taurus
Ezzel lehet a teljes animációs működést ki-, illetve bekapcsolni.
Animáció hossza Sirius Taurus
Az animációk lefutási idejét tudod állítani. A gyors opciót javasoljuk, hogy hosszú távon se legyen terhelő a visszatérő látogatók számára, illetve ne késleltesse számottevően a tartalmak megjelenítését.
