A Shoprenter webáruház rendszer több, előre elkészített megjelenítési sablont, azaz témát 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 sablonokat már a Téma Fájl szerkesztő funkcióval is szerkeszthetjük, ezzel egyenesen a téma forráskódját tudjuk 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 témát, 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ázmotorban szerkeszthető minden téma. Amennyiben értünk a CSS szerkesztéshez, a kiválasztott témát szabadon alakíthatjuk, míg el nem nyeri a számunkra legmegfelelőbb állapotot.
Téma kiválasztás
Fontos! Ha éles/működő webáruházunk van, témavá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. A Sandboxnak köszönhetően lemásolhatóvá a webáruház aktuális adatbázisa.
Ennek menete, hogy miután rákattintunk 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, amelyben megtaláljuk a bolt Sandbox URL-jét. Az URL a következő formát fogja felvenni: boltneve.sandbox.myshoprenter.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 az API fejlesztéseket, design változtatásokat (egyedi CSS-ben és Téma fájl szerkesztőben) és akár a témaváltást is.
Fontos! Mivel ez az oldal tesztelés céljából jött létre, szem előtt kell tartanunk, 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 témaváltás során az utólag beállított modulok visszaállnak az eredeti állapotukba. A korábbi témára 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őink és rendeléseink elvesznének.
A téma kiválasztás opció a Megjelenés > Téma kiválasztás menüpontban érhető el. Maga a menüpont két fülből áll, a Saját témákból és a Választható témákból. Az előbbiben csak a korábban kiválasztott témák kártyái jelennek meg egy kis képpel, amelyen látható lesz maga a megjelenés. Ez alatt a Műveletek gomb lenyomásával lehetőségünk van az alábbiak közül választani:
- Aktiválás: a menüpontra történő kattintást követően a bolt aktuális kinézete a kiválasztott témára változik.
- Téma testreszabása: a menüpontra történő kattintást követően az adott téma egyedi beállításait (pl. sablon képei, színei, sablon css) tudjuk a saját preferenciáink szerint módosítani.
- Téma másolása: a menüpontra történő kattintást követően az adott témát és egyedi beállításait (pl. sablon képei, színei, sablon css) tudjuk lemásolni.
-
Téma fájl szerkesztő: amennyiben a Beállítások > Labor menüpontban a Téma Fájl Szerkesztő bekapcsolásra került, úgy ez a menüpont elérhető. Kiválasztva a szerkesztő felület elérhetővé válik.
Fontos! A téma fájl szerkesztő funkció fejlesztőknek szól. Menjünk biztosra és bízzuk a "kódos munkát" szakértőinkre, ha egyedi megjelenést szeretnénk webáruházunknak. A nem Shoprenter által kialakított egyedi téma technikai támogatásában nem vállalunk felelősséget és nem tudunk támogatást nyújtani! - Szövegek szerkesztése: a Tartalom > Szövegek szerkesztése menüpontra navigál, ahol a webáruházban megjelenő általános szövegek és kifejezések módosíthatóak.
-
Törlés: a menüpontra kattintva az adott téma és annak beállításai törölhetőek.
Fontos! A művelet nem visszavonható, melyben egy felugró ablak is figyelmeztet.
A Választható témák fülön a többi választható témát listáztuk 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ő témákat. Magán a fülön csupán a témák kártyái, illetve mindegyikhez egy gomb található, amellyel áthelyezhető a saját témák közé.
Amennyiben a témaváltással vagy testreszabással kapcsolatban további segítségre van szükség, keressük bizalommal a Shoprenter csapatát! Ha nem szeretjük a sablonos megoldásokat és inkább teljesen egyedi megjelenést szeretnénk.
Téma aktiválás
A választható sablonoknál - amennyiben megtetszett nekünk egy sablon - elég rákattintani a Kiválaszt gombra és sablonunk máris megjelenik a Saját Témák között. Itt pedig már nincs több dolgunk, csak rákattintani a Műveletek > Aktivál rádiógombra és elmenteni a beállításokat, ezután ha befrissítjük webáruházunkat, már az új sablonnal fog megjelenni.
Fontos! Önmagában a téma kiválasztása még nem eredményezi azt, hogy a webáruház kinézete megváltozzon. Ehhez mindenképpen szükséges a téma aktiválása is, csak utána fog érvényesülni a változtatás a webáruházunkban.
A téma aktiválása után az erről készült útmutató alapján haladj a beállítások ellenőrzésében és szabd az új designhoz az elemeket.
Téma törlése
Amennyiben úgy ítéljük meg, hogy túl sok sablont helyeztünk át a saját témák közé, rákattinthatunk a Műveletek > Törlés gombra, így visszakerül a téma a választhatók közé.
A választható témák körét folyamatosan bővítjük, így egyre több lehetőségük van webáruház tulajdonosainknak a megfelelő sablon kiválasztására.
Téma testreszabás
Ez a Megjelenés > Téma testreszabás menüpontban érhető el. Itt az aktuális téma beállításait tudjuk kicsit személyre szabni. Témánként lehetnek eltérések, de az alapok megegyeznek.
Általános sablon adatok
Az első fül az adott sablonról tartalmaz információkat, mint a téma neve, aktív-e és a sablon előnézeti képe található itt.
Sablon képei (Starter 2 előtti témák esetén)
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 helyet kapnak, mint a méret, fájlformátum, név. Ezek a képek cserélhetőek a kép alatt található gomb 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 kis ké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.
Képek feltöltése, illetve kicserélése után érdemes a Beállítások > Labor menüpontban egy Kép cache törlést végezni, amennyiben nem tölti be az oldalunk azonnal a frissen feltöltött képeket.
Fontos: A Starter 2 és az azt követő újabb témákban a Sablon képei oldal már nem érhető el.
A sablonban megjelenő banner és kicker image modulok ideális méretéről ide kattintva olvashatunk.
Sablon színek
A harmadik fülön a téma 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 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ésre kattintva a változás azonnal látszik az áruházban. Amennyiben valakinek kényelmesebb, a színválasztó alkalmazásban 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.
Sablon beállítások
A témák eltérő Sablon beállításokkal rendelkeznek, így a Sablon beállítások fülön is menjünk végig, győződjünk meg róla, hogy a számunkra megfelelő opciók legyenek kiválasztva.
Sablon CSS
A Sablon CSS rész már magasabb fokú informatikai ismereteket követel meg, de a tapasztaltabbak itt tudják jobban személyre szabni sablonjukat.
Fontos! 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 Ön változtatásai" beviteli mezőben tudjuk beírni a változtatásokat, amennyiben vissza szeretnénk állítani ezeket, akkor elegendő törölnünk 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ünkön.
Egyedi scriptek
Az Egyedi scriptek fülön lehetőség van egyedi JavaScript 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,hogy milyen feltételt szab a külső szoftver. Mindkét esetben az elem végére kerül a kódrészlet.
Fontos! 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 JavaScript kódrészletek némelyike cookie-kat 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.
Amennyiben a szakértő kezekre bíznád Shoprenteres témád testreszabását vagy átváltanád meglévő témádat egy újabbra, keresd bizalommal szakértő csapatunkat.