Sablonok testreszabása

A Shoprenter webáruház rendszer több, előre elkészített megjelenítési sablont is tartalmaz. Ezek határozzák meg az oldal külső megjelenését, a szín- és látványvilágot.

A Shoprenter egyik legnagyobb előnye, hogy a modulok illetve CSS segítségével abszolút testre szabható, és gyakorlatilag bármilyen design kialakítható! A Róma 2.0, Tokyo, Korfu és Los Angeles sablonunkat már a Sablon Fájl szerkesztő funkciónkkal is szerkeszthetik. Ezzel egyenesen a sablon forráskódját tudják szerkeszteni. 

Amennyiben a Megjelenés > Téma kiválasztás menüpont egyre bővülő kínálatában sikerül megtalálnunk a számunkra legmegfelelőbb sablont, azonban úgy véljük, hogy  egy-két apróbb módosítás lenne szükséges a tökéletes dizájn eléréséhez, ne keseredjünk el, ugyanis a Shoprenter webáruház megoldásban szerkeszthető minden sablon! Amennyiben ért a CSS szerkesztéshez a kiválasztott sablont szabadon alakíthatja, míg el nem nyeri az Önnek legmegfelelőbb állapotot!

Sablon kiválasztás

Figyelem! Ha éles/ működő webáruháza van, sablon váltás előtt a sablont érdemes először a Sandbox rendszerben átváltani, mert széteshet az oldal a sablonok különbözősége miatt. Sandbox-nak köszönhetően lemásolhatóvá vált a webáruháza aktuális adatbázisa.

Ennek menete, hogy miután rákattint a Sandbox létrehozása gombra a Beállítások > Labor menüpontban, akkor a rendszer az adatbázis méretétől függően, rövid időn belül küld egy e-mailt a Sandbox URL-ével. Az URL a következő formát fogja felvenni: boltneve.sandbox.shoprenter.hu

A másolat minden egyes funkciója az éles webáruház alapján működik, így bármilyen módosítás biztonságosan tesztelhető, ide értve API fejlesztéseket, design változtatásokat (egyedi CSS-ben és Sablon Fájl Szerkesztőben) és akár új sablon váltást is.


FONTOS!
Mivel ez az oldal tesztelés céljából jött létre, kérem tartsa szem előtt, hogy a változtatások nem másolhatók vissza az eredeti áruházba. Érdemes ezeket a módosításokat feljegyezni, így az eredeti oldalon pontosan lehet majd követni, hogy mi lett megváltoztatva, és mi van még hátra.

A sablon váltás során az utólag beállított modulok vissza állnak az eredeti állapotukba. A korábbi sablonra való visszatérés után sem állítódnak vissza. Ezért szükséges az előzetes tesztelés!

Érdemes feljegyezni minden módosítást, mert a visszafelé másolást nem ajánljuk, mivel csak teljes adatbázist tudunk másolni, így az időközben regisztrált vevői és rendelései elvesznének.

A sablon kiválasztás opció a Megjelenés > Téma kiválasztás menüpontban menüpontban érhető el. Maga a menüpont három fülből áll, a Saját sablonokból, Választható sablonokból, illetve Egyedi sablonok. Az előbbiben csak a kiválasztott sablonok jelennek meg egy kis képpel, amelyen látható lesz maga a megjelenés. Ez alatt egy kis aktiváló jelölőkör látható, ha erre kattintunk az adott sablon lesz a Mentés gombra történő kattintást követően a bolt aktuális kinézete, valamint adott még egy Szerkesztés gomb, amely segítségével a sablont alkotó kis képek, és a CSS is szerkeszthetőek.

A Választható sablonok fülben a többi, választható sablon listázódik ki. Ennek a fülnek a célja, hogy bemutassa a további lehetőségeket, illetve innen a saját sablonok közzé lehessen tenni az itt megjelenő sablonokat. Magán a fülön csupán a sablonok kisképe, illetve mindegyikhez egy gomb található, amellyel áthelyezhető a saját sablonok közé.

Amennyiben egyik sablon se felel meg az elképzeléseinek, akkor az Egyedi sablonok fülön keresztül kapcsolatba léphet velünk és elkészítünk önnek egy teljesen saját dizájnt.

Sablon testreszabás

Ez a Megjelenés > Téma testreszabás menüpontban érhető el, és az aktuális, vagy a sablon kiválasztásánál megadott sablon módosítását tudjuk itt elvégezni.

Általános sablon adatok

Az első fül az adott sablonról tartalmaz információkat.

 

Sablon képei

A második fül az oldal kinézetét adó kis képi elemeket jeleníti meg. A képek mellett az alapvető információk is – mint a méret, fájlformátum –, illetve a módosíthatósági linkek is helyet kaptak. Ezek egyenként módosíthatóak, vagy törölhetőek a kép alatt található linkek segítségével. Amennyiben az eredmény nem megfelelő, a [Visszaállítás] link segítségével az eredeti állapotra cserélhető a jelenlegi kiskép.

Lehetőségünk van új képek feltöltésére is, a jobb felső részben található „Új kép feltöltése” gomb segítségével. Ekkor egy tallózó ablak jelenik meg, melyben kiválaszthatjuk az új képet.

 

Sablon Színek

A harmadik fülön a sablon színei módosíthatóak. Azon elemek, amelyek nem képpel vannak meghatározva, szín, vagy más típusú információként vannak megadva a böngészőnek. A színeket tudjuk ezen a "Sablon színek" nevű fülön módosítani. A használata nagyon egyszerű: a megadott nevű elem mellett látható színkockára kattintva egy színválasztó alkalmazás jelenik meg. Itt a megfelelő színt kiválasztva, és a "Mentés"-re kattintva a változás azonnal látszik az áruházban. Amennyiben valakinek kényelmesebb, a színkocka mellett található szövegmezőben a szín hex-kódja is megjelenik. A rendszer szempontjából mindegy, hogy a két adat közül melyiket adjuk meg.

A Sablon színek fülön lévő menüpontok magyarázatához a következő oldalon  található segítség. Sablononként lehetnek eltérések, de az alapok megegyeznek (kivéve a Boston, Kaméleon és London sablon esetében).

 

Sablon CSS

A sablon CSS oldalon a megjelenítési adatokat tudjuk módosítani. FIGYELEM! Ezek módosítása az áruház kinézetét módosíthatja. Amennyiben hibás adatok kerülnek be, az áruház nem jelenik meg megfelelően! 
Az alsó ablakban tudja beírni a változtatásokat, amennyiben vissza szeretné állítani ezeket, akkor elegendő törölnie a bevitt kódokat. 
Célszerű minden esetben biztonsági másolatot készíteni a CSS kódokról egy külső fájlban a saját gépén!

 

Egyedi scriptek

A ShopRenter rendszerében lehetőség van egyedi JavaScriptes kódrészletek elhelyezésére is. Ezek többségében a webáruház külső szoftverekkel történő összekötésére szolgálnak.

A kapott kódrészlet dokumentációjától függően kell elhelyezni a kódrészletet az adminisztrációs felület megfelelő szöveges mezőjében. Ez történhet az oldal HEAD részén, vagy a BODY részén belül is, attól függően milyen feltételt szab a külső szoftver. Mindkét esetben az elem végére kerül a kódrészlet.

Fontos azonban, hogy fokozott óvatossággal helyezzük el az ilyen kódokat. Egy rosszul beillesztett kód ugyanis megakadályozhatja, hogy az oldal teljesen betöltődjön, s ezáltal a webáruház nem megfelelően jelenik meg, vagy nem működik tökéletesen.

 

Egyedi marketing scriptek

A cookie-k használatához a felhasználónak kifejezetten és egyértelműen hozzá kell járulnia, sőt arra is lehetőséget kell adni, hogy megváltoztassa döntését, azaz visszavonhassa hozzájárulását a cookie-k használatához. A ShopRenter rendszerében elhelyezett JavaScriptes kódrészletek némelyike cookiekat használ. Amennyiben ezeket a scripteket az Egyedi marketing scriptek között helyezzük el, és nem az Egyedi scriptek menüpontban, úgy a Marketing típusú cookie-k letiltásakor ezek a scriptek is letiltásra kerülnek. 

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