magento sablon

OANDER Hodor

Az OANDER Hodor valójában több mint egy Magento 2 sablon. Hazai és régiós igények szerint előkészített modulokkal gazdagított webáruház ökoszisztéma, amely a világ vezető nyílt forráskódú e-kereskedelmi platformjára épül. Kiváló megoldás, ha gyorsan bevezethető és agilis módszertan mellett továbbfejleszthető, ám már induláskor nagyvállalati funkcionalitással rendelkező webáruházzal szeretnél belátható idő alatt piacra lépni.

Hodor design

Mint minden portál esetében, úgy a webáruházak üzleti sikerében kiemelt jelentősséggel bír a felhasználói élmény elsődleges eszköze: a frontend megjelenés. Ezt a Magento esetében template-nek (sablonnak) nevezünk. Ez a portál felhasználói felülete, amellyel a vásárlók érintkeznek, ahol a termékekkel ismerkednek és ahol a vásárlást lebonyolítják. Miután a Magento egy kifejezetten komplex szoftver, projektenként egyedileg elkészíteni a frontend megjelenését nem lenne költséghatékony. Ezért az OANDER többezer munkaórányi ráfordítással kialakított egy saját gyártású Magento 2 alapsablont, amely önmagában is funkcionáló webáruház élményt nyújt és amelyből kiindulva szállítjuk e-kereskedelmi projektjeink frontend megjelenését. Ez a template a „Hodor” fantázianevet viseli és számos webshop projektünket építettük már köré.

Amiért biztosan szeretni fogod

Design & usability

Design & Usability

A Magento 2 webáruházak felhasználói élményének és konverziójának növelése érdekében ez a sablon usability kutatások és gondos ergonómiai tervezés eredménye. A design szakít a Magento 2 alapsablon (Luma) számos korlátjával és kiemelkedő felhasználói élményt nyújt. Így a Hodor template megjelenése elegáns, letisztult és alaposan átgondolt.

Átlátható kategóriaoldalak

Átlátható kategóriaoldalak

Kompakt megjelenésű rácsnézet vagy inkább informatív listás nézet? Döntsük el, hogy az egyes kategória oldalakon melyiket szeretnénk alkalmazni. Vagy használjuk mindkettőt. A terméklistázó felületek letisztultak, a termékeké a főszerep. Az oldalbetöltődés nélküli, azonnali szűrést és rendezést lehetővé tevő Ajax-os szűrő funkciókkal pedig a böngészés villámgyors.

Informatív termékoldalak

Informatív termékoldalak

Itt dől el a konverzió, ezért a Magento natív termékoldalainak ergonómiai kialakítását kellemesebbé és informatívabbá tettük. Gazdagítottuk lightbox galériával és beágyazható kiajánló zónákkal, a fontos konverziós pontok pedig nagyobb hangsúlyt kaptak.

Univerzális widgetek

Univerzális widgetek

Termékajánlataink előtérbe helyezésével tudatosan befolyásolhatjuk a felhasználók viselkedését. A Magento a widgetek és statikus blokkok révén erre remek lehetőségeket nyújt, a frontend megjelenésüket mi pedig továbbfejlesztettük. Legyenek azok terméklistázó gridek vagy látványos vizuális kiajánlók, a szerkesztésük könnyű és univerzálisan használhatók az egész webáruházban.

Mikrointerakciók széles köre

Mikrointerakciók széles köre

Termék kosárba helyezésekor automatikusan lenyíló kosár panel, animált hover állapotok, easying effektekkel finomított kinyíló panelek, accordionos választó felületek, visszaigazoló interakciók. Csak néhány azok közül a mikrointerakciók közül, amelyek a Hodor sablonra épülő webáruházakon kellemesebbé teszik a felhasználói élményt.

Továbbfejlesztett frontend technológia

Továbbfejlesztett frontend technológia

A Hodor az első Magento 2 sablon, amely a világ vezető frontend framework-jére, a Boostrap-re épül. Bevezetésre került a SASS CSS-preprocessor technológia, JS/CSS minifikáció, továbbá frontend optimalizációk széles köre. Ezek segítségével a reszponzív frontend felület szabadabban alakítható és egyedibbé tehető, mint amelyet a Magento 2 gyári template szerkezete alapértelmezetten megenged.

Hasznos modulokkal csomagoltuk egybe

Bármilyen Magento 2 projektet is indítunk el a Hodor template alkalmazásával, a neked készülő webáruház installációba igény esetén telepítünk számos kiegésztő modult, amelyek tovább gazdagítják a Magento egyébként is imponzáns funkciókészletét. Ezek természetesen a Hodor template jóbarátai, így a sablonnal való kompatibilitásukat gyárilag előkészítettük. Íme néhány, a teljesség igénye nélkül:

Oander Multislider

Oander MultiSlider

A Magento 2-höz készített modulszintű továbbfejlesztésünk segítségével interaktív és reszponzív sliderek, kiajánlók helyezhetők el a webáruházunkban úgy, hogy szerkesztésük és frissítésük egy könnyen kezelhető adminisztrációs felületen történik. A reszponzív felhasználói élmény támogatása céljából a Multislider modulban lehetőség van külön desktop és mobil nézetre szánt slider kép feltöltésére. A slide-ok időzíthetők és egy installáció alá tartozó webshoponként, boltnézetenként kezelhetők.

Oander Wonder Widget

Oander Wonder Widget

A Magento webáruházban megjelenő kiajánló zónák kezelése még sosem volt ilyen egyszerű. A modul egy képes, szöveges kiajánlók univerzális kezelésére használható widget típust hoz létre a Magento webáruházban, amellyel oldalakba vagy blokkokba és egyéb WYSIWYG editorokba illeszthető tartalmi kiajánló boxokat és videós tartalmi zónákat hozhatunk létre.

Oander category dropdown

Oander Category Dropdown

A fejlécből lenyíló vizuális kiajánlók bizonyítottan hatékonyabban terelik a felhasználókat. Ennek a modulnak a segítségével a fejléc főmenüiből lenyíló kategória panelek gazdagíthatók különböző kiajánlókkal. A modul révén a főkategória dropdown panelekbe widget-tel kezelt tartalmak, kiajánlók vagy promóciós zónák helyezhetők el.

Oander category discount badge

Oander Category & Discount Badge

A webáruházak jellemzője, hogy a terméklistázások és termékkártyák különböző információkat hordozó plecsniket tartalmaznak. Category és Discount Badge moduljaink termékkártyákra helyezhető plecsnik és kiegészítő információk kiszolgálására épülnek és kategóriák, illetve a webáruházban rögzített kedvezmények, árszabályok alapján azonosítják be az egyes termékekre helyezendő plecsni típusokat.

Oander news modul

Oander News

Publikáljon híreket vagy indítson blogot, magazin szekciót webáruházán belül! A tartalommarketing az e-kereskedelem egyik legfontosabb konverziós ütőkártyája, a lead generálás és a márkaépítés fontos eszközei. Ennek támogatására fejlesztettük ki az Oander News modult, amelyben híreket lehet szerkeszteni, kategorizáltan publikálni és termékkategóriákhoz kapcsolni, a cikkekbe pedig termékajánlatok integrálhatók.

Oander product icons

Oander Product Icons

Számos esetben előfordul, hogy webáruházunkban bizonyos termékjellemzőket, USP-ket célszerűbb és látványosabb kiemelt ikonok vagy képes magyarázó ábrák formájában megjelenítenünk, mint azokat csak a termékleírásokban elhelyeznünk. Az Oander Product Icons modul ebben van segítségünkre. Az ikonok megjelenését jellemzőkkel tudjuk szabályozni, így az illusztrációs USP képek tömeges szerkesztéssel, importálással vagy adminban beállított szabályok révén automatikusan is megjeleníthetők.

Oander News modul

Oander POS Locations

Számos webáruház az e-kereskedelem mellett rendelkezik fizikai boltokkal is, amelyeket célszerű megjeleníteni a webshopban. A POS Locations egy olyan modul, ami webáruházhoz kapcsolódó fizikai üzleteket vagy áruházakat térképes gyűjtőoldalon és a boltok számára önálló bemutató adatlapon jeleníti meg. A boltok adatlapjai többek között képgalériával, részletes leírássa, nyitvatartási információkkal és térképes útvonaltervezéssel gazdagíthatók.

Oander Free shipping

Oander Free Shipping Display

Ösztönözd a vásárlókat a kosárérték növelésére az ingyenes szállítási határ jól látható kommunikálásával. Ez a modul figyeli a kosárban lévő termékek aktuális bruttó végösszegét, és ez alapján tájékoztatást ad a felhasználónak arról, hogy még milyen értékben kell vásárolnia az ingyenes szállítás eléréséhez.

Oander Fancy Filter

Oander Fancy Filter

Rövidítsd le az időt, ami alatt a vásárlói megtalálják a nekik tetsző termékeket! Ez a modul a Magento kategória oldalain megjelenő a szűrőket a hagyományos, új oldalbetöltődés elvén működő szűrésről átalakítja bepipálható checkboxokká. Így a találati lista új oldalbetöltődés nélkül frissül, a szűrők használata kényelmesebb és sokkal gyorsabb.

Oander Algolia

Beépített Algolia kereső

Az Algolia a világ vezető „find-as-you-type” típusú prediktív kereső alkalmazása, amelyben a felhasználó a keresési kulcsszavak gépelése közben, valós időben kapja vissza a keresési találatokat. A template szinten előkészített forráskód és az Algolia gyári integrációja révén ez a remek keresőmotor könnyedén beépíthető a webáruházba.

Oander File downloader

Oander File Downloader

Számos webáruházban van szükség különböző letölthető dokumentumok, állományok kezelésére – a File Downloader egy olyan modul, amely ezt valósítja meg. Segítségével termékekhez kapcsolt, kategorizált letölthető dokumentumok tölthetők fel, amelyek nyelvi és kategória beállításai boltnézetenként szabadon paraméterezhetők. A feltöltött állományok nemcsak a termékoldalakon jelennek meg, de elérhetőek egy központi gyűjtőoldalon is, ahol szűrési lehetőség kínálkozik a fájlok közötti böngészésre.

Oander Magyar nyelvi csomag

Magyar nyelvi csomag

Az OANDER tartalmi csapata sokat dolgozik a Magento 2 hazai lokalizációján, így mára egy igen gazdag és teljeskörű fordítási csomaggal rendelkezünk a webáruház motorhoz. A Hodor sablonnal együtt bevezetjük a magyar nyelvi csomagunkat is, amely mind hivatalosabb hangvételű, mind közvetlenebb, tegeződő verzióban is elérhető. Az átadott fordítási csomagot természetesen bármikor módosíthatod vagy kiegészítheted.

Miért Hodor?

Aki ismeri vagy már foglalkozott behatóan a Magento-val, az tudja, hogy funkciókészlete és rugalmas fejleszthetősége miatt nem véletlenül a világ vezető webshop motorja. Ugyanakkor közismert, hogy a Magento gyári alapsablonja (Luma) kissé elnagyolt és képességeiben korlátos. Az OANDER-ben a Magento 2 bevezetésekor ezért kezdettől fogva egy saját frontend template keretrendszer kialakításában gondolkoztunk, amely méltó a webshop motor képességeihez. Eleinte technológiai eszközként tekintettünk rá, és a projekt belső munkaneve “Hodor” lett. (Igen, a Trónok Harca nagy termetű szereplője után, aki a hátán hordozza az egyik főhőst). Végül a keretrendszerből template lett, a template-ből pedig termék. Az újabb release-ek egyre jobbá váltak, keresett frontend megoldássá vált, az ügyfeleink pedig megismerték a nevét. Sokszor nekifutottunk, hogy átkereszteljük, de nem állt rá a nyelvünk. Így a kiinduló kísérleti projekt iránti tiszteletből a sablon és a platform neve is Hodor lett. És most már az is marad.

Tetszik, de testreszabnám

A Hodor önmagában is egy remek és működő webáruház sablon, ám természetesen lehetőség van a saját egyedi arculati elvárások szerinti átalakítására. Lehet szó akár kis testreszabásról, komolyabb “arculatosításról” vagy akár teljesen egyedi felhasználói élmény kialakításáról is a sablon technológiai alapjain. Ismerd meg a sablon grafikai és frontend átalakításaira javasolt csomagjainkat:

Magento 2 webáruház design és frontend fejlesztési csomagok

Gyakori kérdések

Hogyan juthatok hozzá?

A Hodor sablont és a vele érkező modulokat nem értékesítjük semmilyen marketplace-en, sem disztribútoron keresztül. Kizárólag az OANDER által fejlesztett Magento projektekben kerül alkalmazásra. Amennyiben úgy döntesz, hogy velünk valósítanád meg Magento 2 projektjét, úgy a szerződésünk részét fogja képezni a sablon licenszelése. A licensz 1 Magento példányon (installáción), azon belül tetszőleges számú website-on és boltnézeten alkalmazható felhasználói jogot biztosít. A sablon design átalakítására – vagy a sablonra épülő teljesen egyed webshop UI kialakítására – pedig az igényeid szerint variálható csomagajánlatokat állítottunk össze.

Én is továbbfejleszthetem, szabadon módosíthatom?

Noha a Magento webshop motor nyílt forráskódú termék, a Hodor sablon és eszközkészlete nem az. Több ezer munkaórányi kutatás-fejlesztés eredménye. Ezért alapesetben a sablont mindig az OANDER fejlesztő csapata szabja testre, ellenkező esetben nem tudunk rá jótállást vállalni. Természetesen lehetőség van külső fejlesztői közreműködésre, de ez egyedi megállapodás kérdése.

Milyen Magento verziókkal kompatibilis?

A Hodor sablon a Magento 2.0, 2.1, 2.2, és 2.3-as verzióival kompatibilis, a később érkező Magento főverziókhoz való illesztését pedig az OANDER folyamatosan végzi el.

Milyen segítséget kapok a bevezetésében?

A bevezetés keretében részletes admin használati oktatást tartunk a Magento 2 üzleti funkcióiról, azok használatáról és a frontend oldaltípusok sajátosságairól. Egyben felkészítjük ügyfeleinket a megrendelő-oldali tartalomszerkesztési időszakra, a résztvevők admin használati házifeladatokat is kapnak.

Igény esetén tartalmi támogatást is kapok?

Igény esetén közreműködünk a Magento konfigurációs beállításaiban, úgymint webshop local beállítások, fizetési és szállítási módok beállítása, pénznemek és adóosztályok beállítása, készletkezelés paraméterezése, modulbeállítások elvégzése, ügyfélszolgálati elérhetőségek beállítása, termékértékelés moderálás beállítás, default webshop meta adatok beszerkesztése, admin felhasználók és jogosultságok beállítása.