Megjelenés

Design témák
Megjelenés testreszabása
Egyedi design
Katalógusszerű megjelenés
Termékoldal szerkesztő
Banner, kicker image, képek megjelenése
Főoldali SEO leírás 
Mobil megjelenés
Fontos információk kiemelése

Design témák

Nagyon fontos az első benyomás, amelyet a látogatókban hagyunk, így érdemes a webshop kialakítását is a hozzáillő design kiválasztásával kezdeni. ShopRenteres webáruházunkban több modern, a legújabb trendeknek megfelelő design téma közül tudunk választani, amelyeket itt tekinthetünk meg mintabolttal együtt: https://www.shoprenter.hu/bemutato/design-sablonok

A témák minden csomagunkban elérhetők és mindegyik reszponzív, azaz minden eszközön jól jelennek meg.

Az egyszerű kezeléshez biztosítottunk szerkesztő ikonokat (ceruza ikon), amelyek elérhetőek domain átirányítás előtt a valami.shoprenter.hu/admin belépésnél, míg domain átirányítás után a valami.hu/admin belépést követően. A domain átirányítás elvégzése után a rendszer fel is ajánlja, hogy a fődomainen keresztül szeretnénk-e belépni, ahol célszerű az igen opciót választani.

Megjelenés testreszabása

A kiválasztott témát bizonyos mértékig személyre is tudjuk szabni, például tudunk változtatni a színeken a Beállítások > Megjelenés > Sablon testreszabás menüpont Sablon beállítások fülén. Fontos tudni, hogy amikor sablont váltunk, akkor a feltöltött adatok (pl. termékek, kategóriák, tartalmak, képek) megmaradnak, ugyanakkor a használt modulok pozíciója megváltozhat. Ezeket a modulokat a Beállítások > Megjelenés > Modulok beállítása menüpontban szerkeszthetjük. A sablon váltás legfőbb tudnivalóiról ide kattintva találunk részletes leírást.

Amennyiben a megjelenésen nagyobb mértékben szeretnénk változtatni (pl. betűtípust akarunk váltani) és erre nem találunk beállítást az admin felületen, ezt a módosítást css kódok segítségével tehetjük meg. Ilyen css kódokat a Beállítások > Megjelenés > Sablon testreszabás menüpont Sablon css fülén helyezhetünk el, vagy ha nagyobb tudással rendelkezünk ezen a területen, akkor a Sablon fájl szerkesztő segítségével magukat a sablon fájlokat tudjuk kódok által még személyre szabottabbá tenni. Fontos, hogy ezeket a fájlokat kizárólag akkor módosítsuk, ha rendelkezünk a megfelelő szakértelemmel, egyéb esetben ugyanis a fájlok módosítása akár a vásárlást megakadályozó hibákat is eredményezhet a webáruházunkban.

Egyedi design

Ha konkrét elképzelésünk van a webáruház kinézetét illetően, és ennek egyik rendelkezésre álló téma sem felel meg, a ShopRenteres webáruházakban arra is van lehetőség, hogy a sablonok helyett teljesen egyedi kinézetet kaphasson a webshop. Ennek az elkészítésében szakértő partnereink segítségét lehet kérni: https://szakertok.shoprenter.hu/szakterulet/egyedi-design/

Közöttük az apróbb módosításoktól kezdve a teljes arculat megtervezéséig és elkészítéséig találhatunk szakértőt.

Termékek megjelenítése

A webáruház kialakításakor általánosan elmondható, hogy a termékek csoportosítására alapvetően a kategóriák szolgálnak, így az adatok feltöltésekor érdemes jól átgondolni, hogy milyen szempontok alapján szeretnénk a termékeket különválasztani. Később ez a kategorizálás lesz majd a menürendszerünk alapja (létrehozni ezeket a Bolt > Kategóriák menüpontban lehet). További információkat itt találunk a kategóriákról.

A kategóriákon kívül a különböző termék ajánló modulok szolgálnak még arra, hogy ezekben akár már rögtön a főoldalon termékeket jelenítsünk meg a látogató számára (pl. akciós termékek, top termékek modul). Ezeket engedélyezni és szerkeszteni a Beállítások > Megjelenés > Modulok beállítása menüpontban lehet, elhelyezni az adott modult pedig abba a pozícióba tudjuk, amelyre lehetőségünk van a modul szerkesztésekor. Az elérhető pozíciók listája sablononként eltérő lehet. További információkat itt találunk a modulokról.

Termékoldal szerkesztő

A termékoldal felépítését megtaláljuk a Beállítások > Megjelenés > Termékoldal szerkesztőben. Fontos, hogy az 1. típusú pozícióban felhasználható paramétereket csak az 1. típusúhoz húzhatjuk, a 2. típusra ugyanez vonatkozik. Vannak fix elemek, ezeket csak css kódokkal lehet módosítani.

Banner, kicker image, képek megjelenése

Banner képek esetén minden sablonnak megvan a saját mérete. A banner képek méretéről további információt itt találunk.

Kicker image modul általában a banner kép alatti képeket jelenti. A kicker image modul ajánlott mérete sablonfüggő, ugyanakkor itt találunk bővebb információt erről.

Képek feltöltésénél ügyeljünk a képek nagyságára. A rendszer optimalizálja ezeket, ugyanakkor a túl nagy képek feltöltése lassíthatja az oldal betöltődését is, ami SEO és felhasználói szempontból nem ideális. A képek homályosságán javíthatunk a Beállítások > Bolt beállítások > Általános beállítások > Képek fülnél.

Reszponzív képek

Ahhoz, hogy mobilon is megfelelően jelenjen meg a feltöltött kép, legyen ez pl. fizetési módhoz tartozó logó, egy egyedi kép, be kell állítanunk, hogy reszponzív legyen. 

Amikor beillesztünk egy képet valamelyik tartalmunkba, ha duplán rákattintunk a beillesztett képre vagy a jobb egérgombbal a Kép tulajdonságokat választjuk, akkor megjelenik a kép tulajdonságai ablak. A méretet ne pixelben adjuk meg, hanem százalékban. Elég a szélességét kitöltenünk (pl. x %-át foglalja el a kép az adott helynek az oldalon), a magasság maradhat üresen. A másik megoldás, ha a szerkesztőikonok között a forráskód gombra kattintunk, megkeressük a HTML kódok között a képre vonatkozó részt, és ott a width értéknek egy százalékos értéket adunk, a height értéke pedig lehet auto.

Képek feltöltése

Minden képet, amit szeretnénk megjeleníteni, fel kell töltenünk első körben a Bolt > Fájl menedzserbe. Ez történhet manuálisan és FTP kapcsolaton keresztül is. A képeknek minden esetben van egy elérési útvonala, például product/kep, ettől nem célszerű eltérni. Ha mégis almappa rendszert építünk ki, figyeljünk arra, hogy kerüljük az ékezetes mappa és képneveket, illetve, ha változtatunk később ezen a szerkezeten (pl. product/valami/akarmi mappa), akkor megváltozik az elérési útvonal. Ez azt jelenti, hogy ilyen esetben újra fel kell tölteni az érintett képet manuálisan a Bolt > Termékek > Adatoknál vagy export/import segítségével.

Főoldali SEO leírás

Az oldal alján megjelenő latin mintaszöveget nevezzük Főoldali SEO leírásnak, ami szabadon átírható vagy törölhető a Beállítások > SEO és analitika beállítások > Főoldali SEO leírásnál. Kitöltése előtt érdemes feliratkoznunk az ingyenes SEO tanfolyamra vagy a SEO elemzésünket igénybe venni, hogy megfelelően ki tudjuk tölteni (ha korábban még nem foglalkoztunk SEO-val), mivel fontos eleme a webáruháznak a Google szempontjából. 

Mobil megjelenés

Manapság a mobilon történő kezelhetőség elengedhetetlen egy webáruház esetén. Emiatt minden sablonunkat úgy alakítottuk ki, hogy az megfeleljen ennek a kritériumnak is. Ugyanakkor minimálisan testre tudjuk szabni a beállításokat a Beállítások > Megjelenés > Modulok beállítása > Mobil menüben. Ha ettől eltérőt szeretnénk, annak testreszabásához css kódokra lesz szükségünk.

Fontos információk kiemelése

Előfordulhat, hogy webáruházunkban szükséges valamilyen fontos információ kiemelése (pl. csak bizonyos területekre történő szállítás). Ezeknek a kiemelésére több lehetőségünk is van a webáruház felületén. A beépített beállítások közül használhatjuk például a Beállítások > Bolt beállítások > Általános beállítások menüpont Beléptetés és hirdetés fülén található Hirdetés opciót, amellyel egy felugró ablakot jeleníthetünk meg a vásárlóinknak. Azt, hogy ebben a felugró ablakban mi jelenjen meg, ugyanitt tudjuk megadni és formázni.

A felugró ablakok és más interaktív elemek azért előnyösek ilyen információk közlésére, mert könnyen észrevehetők és elég figyelemfelkeltők a látogatóinknak. Ugyanakkor a ShopRenterben található hirdetés funkció beállítási és személyre szabási lehetőségei korlátozottak, így ha a webáruházunk megjelenéséhez teljes mértékben illeszkedő, esztétikus és intelligens popupot szeretnénk a látogatóink elé tárni, érdemes egy erre kialakított rendszert használnunk. Ilyen eszköztár lehet az alkalmazások között megtalálható Optimonk alkalmazás, amelyben rengeteg különböző design és egyedi megoldás közül választhatunk.

Ha webáruházunkban 18 éven felülieknek szánt termékeket is értékesítünk, általában egy erre vonatkoztató figyelmeztetést is meg kell jelenítenünk a látogatóknak. Az oldal látogatásakor az egész képernyőt kitakaró figyelmeztetésre a Beállítások > Bolt beállítások > Általános beállítások menüpont Beléptetés és hirdetés fülén található Beléptető oldal funkciót használhatjuk.

Amennyiben a webáruház más részén szeretnénk fontos információkat megjeleníteni, erre a Beállítások > Megjelenés > Modulok beállítása menüpontban található Egyedi HTML modulokat tudjuk alkalmazni, amelyekbe tulajdonképpen bármilyen szöveget, képet vagy egyéb elemet feltölthetünk, és a modul szerkesztésekor rendelkezésre álló pozíciókban helyezhetjük el a modult (akár a kezdőoldalon is).

Tovább a Készletek kezeléséhez

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