Frissült a Logishop webshop: itt a 2024.2 verzió

A Logishop legfrissebb verziója a terméklisták bővítése terén hozott újdonságokat: sor került a terméket megjelenítő termékkártya bevezetésére, mellyel nagyobb szabadságot kap a webáruház tulajdonos, hogy befolyásolhassa, mi jelenjen meg ilyen listák esetén a felületen. Emellett az oldal sebességének növelése érdekében is számos optimalizálási lépés történt, mellyel a webáruház növelheti a felhasználói élményt és javíthatja a SEO-t (keresőoptimalizálást) is.

Új funkciók, újdonságok a 2024.2-es Logishop webshop verzióban

1. Terméklista bővítése: terméket megjelenítő termékkártya bevezetése

Ugyan a rendszerben korábban is volt már lehetőség terméklista - és nem variáns lista - megjelenítésére, ezen fejlesztéssel nagyobb szabadságot kap a webáruház tulajdonos, hogy befolyásolhassa, mi jelenik meg ilyen listák esetén a felületen. A terméklisták bővítése a termékkártyák megjelenítésével két fázisban zajlott: az első a termékeket megjelenítő kártyák bevezetése, majd a variánsokat felsoroló termékkártyák bevezetése. Mindkét fejlesztés során bővült az adminisztrációs felület is, hogy az admin saját maga dönthessen erről.

A Termékeket megjelenítő termékkártya gyakorlatilag nem az alapértelmezett variáns adatait jeleníti meg a terméklistán található termékkártyán, hanem az adott termékhez tartozó adatokat. Ez azért hatalmas újdonság a webáruházban, mert a termékek általában csak “esernyő” fogalomként működtek idáig a webshopodban, amelyek összefogták az alájuk tartozó variánsokat (pl. Termék = Logishop cipő, Variáns = Logishop cipő 39-es, Variáns = Logishop cipő 40-es stb.). Azonban mostantól megjelennek a termékekhez tartozó adatok is a terméklistában.

Hogyan valósul meg a Logishopban?

A termékkártyák a listákon a következő adatokat tartalmazzák: termék neve, termék képe (alapértelmezett variáns képe, ha nincs feltöltve termékkép), variánsok intervallumos ára, termékek értékelése, "További változatok" gomb (az alapértelmezett variánsra vezet), kedvencek ikon.

Fontos, hogy a termékkártyáknak csak kártyás nézetük van, és nincs sávos nézetük, amelyet a B2B-ben eddig megszokhattunk.

A kedvencekhez adás modal működése B2C esetén az alábbiak szerint történik: a jobb felső sarokban látható egy szívecske, amely jelzi, hogy a kiválasztott variáns már kedvencként lett-e megjelölve. A szívecskére kattintva megjelenik egy modal. A modal jobb alsó sarkában látható a kedvencekhez adott variánsok száma, illetve a szívecskék be- és kikapcsolásával adhatóak hozzá új variánsok vagy vehetőek el azok. A változások kizárólag a "Kész vagyok" gombra kattintva lépnek érvénybe.

A B2B kedvencekhez/saját listához adás esetén a modalban a szívecske a felhasználó által létrehozott listák mellett jelenik meg. A variánsok közötti váltás során a listák melletti szívecskék dinamikusan változnak. A változások itt is a "Kész vagyok" gombra kattintva lépnek érvénybe. Új kedvencek lista létrehozására is van lehetőség.

A szűrő jelenlegi működése nem változik, a szűrés variánsra vonatkozó adatok segítségével történik. Az aktív szűrők a termékkártya megjelenítését nem befolyásolják. Abban az esetben, ha több variáns is megfelel a szűrési feltételnek és a variánsok eltérő árral rendelkeznek, akkor egy “tól-ig” ár jelenik meg. Ha a termékhez egy vagy több variáns tartozik, de egyező árral, akkor egy darab ár jelenik meg.

Az árak megjelenítése mellett fontos, hogy milyen típusú ár (bruttó/nettó vagy mindkettő) jelenik meg a termékkártyán. Ez a funkció továbbra is testreszabható marad az adminisztrátori felületen.

A termékvégoldal tekintetében B2B és B2C szegmensekben eltérően jelennek meg az akciós termékek. B2B esetén az akciós badge a termékkártyán jelenik meg, az akciós variánsok és áraik csak a variáns végoldalon elérhetők. B2C esetén szintén az akciós badge jelenik meg a termékkártyán, és az "Akciós termék változatok" jelzés a végoldalon a Különleges ajánlatok között kerül elhelyezésre.

Az adminisztrációs felületen az adminisztrátor ezentúl beállíthatja, hogyan jelenjenek meg az árak a kártyán: ne jelenítsünk meg árat a kártyán; csak egy "-tól" árat jelenítsünk meg, tehát a legalacsonyabb árú variáns árát (például 3900 Ft-tól); a variánsok ársávjait jelenítsük meg (például 3900 Ft - 9900 Ft).

Továbbá beállítható, hogy látszódjanak-e az értékelések a termékkártyán.

Mikor lehet hasznos a funkció?

Sok webáruház esetében nehezen értelmezhető a variánsokat felsoroló terméklista, hiszen egy termék akár tíz vagy több variánst is magába foglal. Ilyenkor egyszerűbb, ha nem variánsokat, hanem termékeket jelenít meg a rendszer. Ezen termékek esetén is akkor a legcélszerűbb ilyen lista használata, ha nem kifejezetten számít, hogy a termék vagy az ahhoz tartozó egyes variánsok képe jelenik meg a termékkártyán. (Pl. ha csavarokat árulunk, és minden csavar ugyanúgy néz ki, akkor célszerű ilyen kártyát választani, hiszen nem nyer értelmet a termék további változatai közt lapozgatás magán a termékkártyán.)

2. Általános PSI (PageSpeed Insight) optimalizálások

Az oldal sebességének növelése érdekében számos optimalizálási lépést hajtottunk végre. Ezek közé tartozik a főoldal, a termék végoldal és a listaoldal teljesítményének javítása. Ezen túlmenően bevezettük a lazy load funkciót, amely segít a képek és más médiatartalmak késleltetett betöltésében, így gyorsabban jelennek meg az oldalak és kevesebb erőforrást használnak.

Hogyan valósul meg a Logishopban?

A főoldal, a termék végoldal és a listaoldal optimalizálása során számos technikai javítást alkalmaztunk. A lazy load bevezetésével biztosítjuk, hogy a nem azonnal látható tartalmak csak akkor töltődjenek be, amikor a felhasználó görgetés közben elér hozzájuk. Ezzel csökkentjük az oldal betöltési idejét és növeljük a felhasználói élményt.

Mikor lehet hasznos a funkció?

Ez a funkció minden olyan webáruház számára előnyös, amely szeretné növelni az oldal betöltési sebességét és javítani a felhasználói élményt. Különösen hasznos lehet azoknak az áruházaknak, amelyek sok képet és médiatartalmat használnak, mivel a lazy load jelentősen csökkenti a betöltési időket. Az optimalizálás révén a vásárlók gyorsabban és zökkenőmentesebben böngészhetik a termékeket, ami növelheti az elégedettséget és az eladásokat.

Az oldal sebességének növelése pozitív hatással van az SEO-ra (keresőoptimalizálásra) is. A gyorsabb betöltési idők javítják a felhasználói élményt, ami csökkenti a visszafordulási arányt és növeli az oldalon töltött időt. A keresőmotorok, mint a Google, előnyben részesítik a gyorsan betöltődő oldalakat, így ezek az optimalizálási lépések javítják a webhely keresőmotoros rangsorolását is. Ezen kívül a lazy load segítségével a webhely tartalma hatékonyabban kerül indexelésre, ami további előnyöket biztosít az organikus keresési eredményekben.