Divi Menu Cart

A Divi Menu Cart egy ingyenes Divi-modul WooCommerce webáruházakhoz. Arra szolgál, hogy a fejlécben vagy bármely Divi-elrendezésben megjelenítse a kosár ikont, a kosárban lévő tételek számát és – opcionálisan – a kosár végösszegét. A leggyakoribb problémát oldja meg: hogyan tudsz kosárállapotot mutatni a fejlécben kódolás nélkül, teljes mértékben a Divi Visual Builderen belül.

WooCommerce-integráció

A modul kizárólag akkor működik, ha a WooCommerce aktív. Valós időben a WooCommerce kosáradataiból dolgozik, így mindig az aktuális tételszám és összeg jelenik meg, nem statikus szöveg. Beépített ellenőrzés gondoskodik róla, hogy WooCommerce hiányában ne okozzon hibát, egyszerűen nem renderelődik.

Tartalomvezérlés (ikon, darabszám, ár)

Külön kapcsolható az ikon, a kosárban lévő tételek száma és az ár megjelenítése. Így készíthetsz minimalista megoldást csak ikonnal és darabszámmal, vagy részletesebb kijelzést árral együtt. A modul lehetőséget ad eltérő szöveg használatára egy és több termék esetén, például „1 termék” és „3 termék”, így a feliratozás könnyen igazítható a nyelvhez és a márkahanghoz.

Stílus és tipográfia

Az ikon mérete és színe, valamint a szöveg és az ár tipográfiája külön-külön állítható. A Divi Design beállításain keresztül minden elem formázható, így a kosárjelző teljesen illeszthető a meglévő dizájnhoz. Haladóbb finomhangoláshoz egyedi CSS mezők is rendelkezésre állnak.

Visual Builder támogatás

A Divi Visual Builderben azonnal láthatod a módosításokat. Amit szerkesztés közben látsz – ikon, feliratok, méretek, színek – pontosan úgy jelenik meg a látogatóknak is. Ez gyors iterációt és kiszámítható eredményt biztosít.

Admin beállítások és stabilitás

A bővítmény külön admin oldalt biztosít az alapbeállításokhoz, míg a részletes megjelenést magában a Divi modulban szabályozod. Elérhető egy opcionális oldalbetöltéskori kosárfrissítés funkció is, amely segít elkerülni az elavult kosáradatok megjelenését bizonyos gyorsítótárazási helyzetekben.

Telepítés és első lépések

A használathoz szükséges a Divi Theme vagy Divi Builder, valamint az aktív WooCommerce. Telepítés és aktiválás után megjelenik a Divi Menu Cart admin felülete. A Divi Builderben egyetlen lépéssel hozzáadhatod a Menu Cart modult bármely szekcióhoz, jellemzően a fejlécben vagy egyedi fejlécelrendezésben. A Content és Design füleken állíthatod be, hogy mi jelenjen meg és milyen stílusban.

Gyakorlati felhasználás

Tipikus megoldás, hogy a fejlécben a navigáció mellé kerül a kosár ikon. Asztali nézetben látható az ikon, a darabszám és az ár, míg mobilon elrejthető az ár a letisztultabb megjelenés érdekében. Többnyelvű webshopnál a többes és egyes számú feliratokkal könnyen igazítható a nyelvi környezethez. Minimalista boltoknál csak ikon és darabszám használata is elegendő lehet, kontrasztos stílussal.

Használati tippek

Érdemes a modult jól látható helyre, a menü közelébe helyezni, hogy a vásárló folyamatos visszajelzést kapjon a kosár állapotáról. A Divi reszponzív beállításaival külön optimalizálhatod mobilra. Ha módosítás után nem frissül azonnal a megjelenés, az oldalbetöltéskori frissítés bekapcsolása és a gyorsítótár ürítése megoldást jelenthet.

Előnyök és értékajánlat

A Divi Menu Cart időt takarít meg, mert nincs szükség egyedi kódra vagy shortcode-okra. Javítja a felhasználói élményt, hiszen a vásárló folyamatosan látja a kosár tartalmát és értékét. Teljes mértékben illeszkedik a Divi ökoszisztémába, rugalmasan testreszabható, és stabilan működik a WooCommerce-szel együtt.

Rövid összegzés

A Divi Menu Cart egy egyszerű, célzott kiegészítő Divi-alapú WooCommerce boltokhoz. Kosár ikont, tételszámot és végösszeget biztosít a Visual Builderen belül, így percek alatt, kódolás nélkül hozhatsz létre professzionális kosárjelzőt a fejlécben vagy bármely elrendezésben.