Február 27-én, a jubileumi Ecommerce Expo-n mutattuk be elsőként a Shoprenter újabb design témáját, amely a London nevet kapta.
A hazai piac után a nemzetközi terjeszkedés sok webshop számára komoly kihívás. Nem elég lefordítani a szöveget – a teljes megjelenésnek is globális szinten kell működnie.
A London téma kifejezetten olyan webáruházak számára készült, ahol a vizualitás, a részletek és a nemzetközi megjelenés kulcsszerepet játszanak.
Retina-kép támogatásával a termékeid tűélesen jelennek meg minden eszközön. Nemzetközi használatra optimalizált tipográfiával és akadálymentesített nyelvváltó modullal készült, így külföldi vásárlóid számára is professzionális élményt nyújt.
Mindemellett számos új funkció is megérkezett a London témával. Ebben a cikkben végigvezetünk a legfontosabb újdonságokon, hogy a lehető legtöbbet hozhasd ki a témából.
Retina kijelzők és intelligens képkezelés
A modern eszközök, például az újabb iPhone-ok, MacBookok vagy prémium laptopok nagy felbontású, úgynevezett retina kijelzőkkel rendelkeznek. A London téma natívan támogatja ezeket a kijelzőket, így a webshopod minden eszközön részletgazdag és éles marad.
Ehhez mindössze annyit kell tenned, hogy jó minőségű, nagy felbontású forrásképeket töltesz fel. A háttérben a rendszer több optimalizációt is automatikusan elvégez.
A képkezelés teljesen automatikus, így nem kell külön beállításokkal foglalkoznod. A téma intelligensen felismeri a látogató eszközét, és mindig az optimális képméretet tölti be. Ha egy eszköz nem igényel extra felbontást, akkor a rendszer nem tölt le feleslegesen a nagy képfájlokat, ami segít megőrizni a webshop gyorsaságát.
Amennyiben a látogató eszköz retina kijelzővel rendelkezik, a rendszer automatikusan a nagyobb felbontású képet jeleníti meg, hogy a vizuális élmény tűéles maradjon.
Fontos azonban, hogy a megjelenített kép minősége mindig a feltöltött forrásfájltól függ! Ha alacsony felbontású képet töltesz fel, azt a rendszer sem tudja élesebbé tenni.
A jó minőségű, optimalizált képek alapvető szerepet játszanak abban, hogy a webshopod professzionális benyomást keltsen és támogassa a konverziót.
💡 Jó tudni: A retina képek jelenleg csak a London témában érhetőek el alapértelmezett beállításként, ugyanakkor a fejlesztői napok keretében a csapatunk tud abban segíteni, hogy a korábbi témákban (amelyekben van Téma fájl szerkesztő) és az egyedi designnal rendelkező webáruházakban is elérhető legyen ez a funkció.
Mérettáblázat
A mérettáblázat funkció nagy segítséget jelenthet a divatwebshopok számára, hiszen a visszaküldések jelentős része a nem megfelelő méretválasztásból adódik. Egy jól látható, könnyen értelmezhető mérettáblázat csökkenti a vásárlói bizonytalanságot, és a kosárelhagyás mérséklésében is szerepet játszhat.
A funkció egyik előnye, hogy a mérettáblázatok megjelenítése automatizálható. Nem kell minden termékhez külön beállítani őket: szabályok alapján kategóriákhoz vagy gyártókhoz is rendelhetők, így akár az újonnan feltöltött termékeknél is automatikusan megjelenhetnek. A megoldás akkor is használható, ha egy méretes termékeket árulsz, vagy a termékeknél nincsenek klasszikus méretvariációk rögzítve.
A mérettáblázatok tartalma több nyelven is megadható, így nemzetközi értékesítés esetén is jól használható. A szerkesztőben nemcsak szöveg, hanem kép vagy akár videó is elhelyezhető, ami még érthetőbbé teheti a vásárlók számára a méretvételt.
A funkció Silver csomagtól érhető el, és igény esetén más témákba is beépíthető.
A beállításait a Termékek > Mérettáblázat menüpont alatt találod az admin felületen. Részletesebb útmutatót itt találsz.
5+1 új dinamikus modul
A London témával még egyszerűbb lesz a boltod testreszabása, 5 új dinamikus modult hoztunk el vele. Ismerd meg ezeket:
1. Főoldali értékajánlat
A főoldali értékajánlat egy gördüléssel folyamatosan mozgó sáv, amelyben rövid, ütős üzenetek jelenhetnek meg.
Ez a modul kiválóan alkalmas olyan információk kiemelésére, mint például az ingyenes szállítás, a gyors kiszállítás vagy a raktárkészlet megléte. A finom mozgás megragadja a figyelmet, miközben nem zavarja a böngészést.
2. Sajtómegjelenés
Ez a modul lehetővé teszi, hogy különböző partner- vagy média logókat jeleníts meg.
Az egyik legérdekesebb funkciója a szürkeárnyalatos mód, amely egységes megjelenést ad a különböző logóknak. Ez segít megőrizni a letisztult design-t, miközben továbbra is látható marad a társadalmi bizonyíték.
3. Akció visszaszámláló
Az akció visszaszámláló vizuálisan kelt sürgető hatást az időhöz kötött ajánlatoknál.A modul segítségével megadhatsz egy címet, leírást és gombot is, miközben a visszaszámláló jelzi, mennyi idő van hátra az ajánlat végéig. Ez különösen hatékony lehet kampányok vagy szezonális akciók esetén.
4. Görgethető kollázs
A görgethető kollázs egy vizuális történetmesélő modul, amely vízszintesen görgethető képsorozatot jelenít meg. Ez a modul ideális olyan tartalmakhoz, ahol a képek egymást követve mesélnek el egy történetet, például egy kollekció hangulatát vagy egy termék használatának különböző fázisait.
5. Lépcsőzetes kártyák
A lépcsőzetes kártyák modul egy aszimmetrikus, magazinszerű elrendezést kínál. A kártyák váltakozó pozícióban jelennek meg, ami dinamikusabb vizuális élményt ad, mint a hagyományos rácsos elrendezés.
+1 Új lehetőségek a bannerkezelőben
A főoldali bannerkezelő modul funkcionalitását is bővítettük, így még széleskörűbben ki tudod használni.
- YouTube videó: A klasszikus képek mellett már YouTube videót is beállíthatsz háttérként. Csak a linket kell megadnod, és a videó némítva, végtelenítve fog futni.
Ajánlás: Olyan videót válassz, amely 10-15 másodpercnél nem hosszabb és érhető hang nélkül is. Ha YouTube videót használsz, győződj meg róla, hogy a videón nincs reklám engedélyezve. - Sötét overlay: Aktiválható egy sötétítő réteg a képek felett, hogy a fehér feliratok minden esetben jól olvashatók maradjanak (WCAG kompatibilitás).
- Retina támogatás itt is érvényesül – éles, részletgazdag képeket láthatnak a felhasználók.
- Rugalmas tartalom elhelyezés: Minden banner blokknál egyedileg döntheted el a szöveg pozícióját. Lehet balra vagy jobbra zárt, lehet középre rendezett, és a képen belül is eltolhatod a szöveg pozícióját is (pl. bal felül legyen a képen vagy a kép közepén).
Újdonságok a kategória oldalon
A kategóriaoldal az egyik legfontosabb felület a webshopban, hiszen itt találkoznak a látogatók a termékkínálattal, itt történik a válogatás. Egy jól felépített kategóriaoldal segít abban, hogy a vásárlók gyorsan átlássák a választékot, könnyen összehasonlítsák a termékeket, és gyorsan megtalálják azt, amit keresnek.
A London téma több olyan funkciót is kínál, amelyekkel rugalmasabbá és felhasználóbarátabbá teheted a termékböngészést.
Rugalmas termékrács
Az egyik újítás a kategória oldalon, hogy a látogatók maguk is szabályozhatják, hány termék jelenjen meg egy sorban. Ez különösen hasznos nagyobb képernyők esetén, ahol a felhasználók több terméket szeretnének egyszerre áttekinteni.
Széles kijelzőkön akár hat termékkártya is megjelenhet egy sorban, így a böngészés gyorsabbá és áttekinthetőbbé válik.
Interaktív termékkártyák
A kategóriaoldal még interaktívabbá tehető az úgynevezett lapozható termékkártyákkal. Ez jelentősen felgyorsíthatja a böngészést, különösen olyan webshopokban, ahol a vizuális megjelenés fontos szerepet játszik.
Ez a funkció igény szerint kapcsolható a beállításokban. Amennyiben a „másodlagos termékképek mutatása” opciót Nem értékre állítjuk, akkor a látogatók közvetlenül a kategóriaoldalon lapozhatják végig a termékhez tartozó képeket. Így anélkül is betekintést kapnak a termék különböző nézeteibe, hogy meg kellene nyitniuk a termékoldalt.
Újdonság a termék oldalakon
A termékképek elrendezése jelentősen befolyásolja a termékoldal vizuális hatását. A London témában két különböző megjelenési mód közül választhatsz.
Az egyik lehetőség a “képek listában” elrendezés, ahol a termékfotók teljes szélességben, egymás alatt jelennek meg. Ez a megoldás különösen jól működik olyan webshopoknál, ahol a vizuális részletek kulcsszerepet játszanak, például divat, ékszer vagy lakberendezési termékek esetén.
A másik opció a “bélyegképes galéria”, amely a klasszikus webshop elrendezést követi. Ebben az esetben egy nagy fő kép jelenik meg, alatta pedig kisebb bélyegképek sorakoznak. Ez a megoldás akkor praktikus, ha sok képet szeretnél megjeleníteni egy termékről, miközben kompaktabb termékoldalt szeretnél fenntartani.
Megújult blog és tartalomkezelés
A webáruházak életében is egyre nagyobb fókuszt kap a blog, így ezen a téren is készült pár fejlesztés.
Tartalom címkék
A címkék segítenek rendszerezni a blogbejegyzéseket és gyorsabb tájékozódást biztosítanak az olvasók számára. A London témában a megadott címkék nemcsak a blog listanézetben jelennek meg, hanem a kezdőlapi hírek modulban is láthatóvá válnak.
Ez megkönnyíti a látogatók számára, hogy gyorsan felismerjék a cikk témáját, és könnyebben találjanak kapcsolódó tartalmakat.
Olvasási idő
A rendszer automatikusan kiszámolja, hogy egy adott cikk elolvasása körülbelül mennyi időt vesz igénybe, és ezt az információt a tartalom elején meg is jeleníti.
Ez elsőre apró részletnek tűnhet, de jelentősen javítja a felhasználói élményt. Az olvasók így azonnal látják, hogy egy rövid, gyorsan átfutható tartalomról van szó, vagy egy hosszabb, részletesebb cikkről. Ennek köszönhetően könnyebben döntenek arról, hogy az adott pillanatban belekezdenek-e az olvasásba.
Megújult vásárlói fiók
A London témával nemcsak a webshop nyilvános felületét újítottuk meg, hanem a vásárlói fiók megjelenését is. A korábbi témák egyszerű, táblázatos struktúráját egy modern, vizuálisan rendezett felület váltja fel, amely ikonokkal, jól elkülönített szekciókkal és átláthatóbb navigációval segíti a felhasználót.
Az új kialakítás célja, hogy a vásárlók könnyebben eligazodjanak a saját profiljukban, gyorsabban megtalálják a fontos információkat, és egyszerűbben kezelhessék a beállításaikat.
Új áttekintő oldal
A bejelentkezés után a vásárló egy áttekintő felületre érkezik, ahol a legfontosabb adatok egy helyen jelennek meg. Ez az oldal gyors rálátást ad a profil fő elemeire, így a felhasználóknak nem kell külön menüpontok között keresgélniük.
Itt látható például a vásárló személyes adatainak összefoglalója, beleértve a nevét, e-mail címét és telefonszámát. Ugyanezen a felületen jelennek meg a hűségpontok is, ahol a pontok aktuális mennyisége mellett a lejárati dátum is látható.
A rendszer megjeleníti az alapértelmezett szállítási címet, így a vásárló egy pillantással ellenőrizheti, hogy a rendelései milyen címre kerülnek kiszállításra.
Emellett az áttekintő oldalon elérhető a rendeléstörténet rövid kivonata is, ahol a legutóbbi öt rendelés gyorsan megtekinthető.
Navigáció és beállítások
Az új felület egyik fontos eleme a fix bal oldali menü, amely minden profiloldalon látható marad. Ez megkönnyíti a navigációt, hiszen a vásárlók bármikor gyorsan válthatnak a különböző funkciók között.
A beállítások kezelése is egyszerűbbé vált. A korábban különböző helyeken található opciók most egy közös beállítások oldalon érhetők el. Itt kezelhető a hírlevél-feliratkozás, a regisztráció során adott hozzájárulások, valamint az adatvédelmi beállítások is.
Ide tartoznak például a GDPR-hoz kapcsolódó műveletek, mint a személyes adatok letöltése vagy törlése.
💡 Jó tudni: A megújult vásárlói fiók a London témában alapértelmezett funkcióként érhető el, így külön beállítást nem igényel. Ha azonban más Shoprenter témát használsz, és szeretnéd ezt a modern profilfelületet is elérhetővé tenni, akkor erre egyedi fejlesztés keretében is lehetőség van. Ilyen esetben vedd fel a kapcsolatot a csapatunkkal!
Akadálymentes téma
A London témát úgy terveztük meg, hogy megfeleljen a modern webes akadálymentesítési irányelveknek. A jól olvasható tipográfia, a megfelelő kontrasztok és az átgondolt felület mind hozzájárulnak ahhoz, hogy a webshopod minél több felhasználó számára legyen kényelmesen használható.
Mindez azért is fontos, mert Európában 2025-től egyre szigorúbb akadálymentesítési elvárások vonatkoznak az e-kereskedelmi felületekre. A Shoprenternél ezért kiemelt figyelmet fordítunk arra, hogy design témáink és fejlesztéseink megfeleljenek az elvárásoknak. Ebben a munkában a Precognox szakmai támogatása segített bennünket, akikkel együttműködve mélyebb betekintést szereztünk a web-akadálymentesítés gyakorlati megvalósításába.
Fontos kiemelni, hogy az akadálymentesítés nem csupán a különböző hátrányos helyzetű felhasználók számára jelent segítséget. A jól kialakított, átlátható felületek minden látogató számára könnyebb navigációt, jobb használhatóságot és összességében magasabb szintű felhasználói élményt biztosítanak.
Próbáld ki a London témát!
A London téma nem egyszerűen egy új design a Shoprenterben. Olyan funkciókat hoz el, amelyek ma már alapelvárásnak számítanak egy modern webáruházban. Mindez egyetlen célt szolgál: hogy a webshopod gyorsabb, átláthatóbb és meggyőzőbb legyen a vásárlók számára.
Ismerd meg bővebben a London témát!
Ha jelenleg egy régebbi témát használsz, jól láthatod, hogy ezekkel az új funkciókkal hatékonyabbá teheted a webshopod működését.
A jó hír pedig az, hogy a Sandbox-nak köszönhetően biztonsággal és kockázatmentesen próbálhatod ki a London témát. Az általános útmutatót a design váltáshoz ide kattintva olvashatod el.
Amennyiben szakértőkre bíznád a témaváltást, kérd design csapatunk segítségét, és tudd le az átállást zökkenőmentesen, akár 1 napon belül.
Javítsd webáruházad eredményességét a London téma nyújtotta értékes előnyökkel!
