Termék gyorsnézet készítése

A gyorsnézet felugró ablakban mutatja a termék részleteit, így a látogatónak nem kell elhagynia az aktuális oldalt. A Bricks-ben Felugró ablak sablonnal, egy termékciklussal és egy interakcióval készíted el. A felugró ablakok általános működését a Felugró ablakok fejezet írja le.

1. lépés: a gyorsnézet felugró sablonjának megtervezése

Először tervezd meg a gyorsnézethez használt felugró sablont. Tedd bele a lényeges elemeket: a termékgalériát, a termékértékelést, a termékárat és a kosárba teszem gombot.

Érdemes egy Értesítés (WooCommerce) elemet is betenni a felugró ablakba, hogy a kosárba helyezés után az értesítések és visszaigazolások közvetlenül ott jelenjenek meg a felhasználónak.

Fontos, hogy a megfelelő sablonhorgokat is használd, ugyanúgy, mint a szokásos egyedi termékoldalon.

2. lépés: a felugró ablak beállításai

A Sablonbeállítások → Felugró ablak alatt kapcsold be a WooCommerce Gyorsnézet és a Tartalom lekérése AJAX-on keresztül beállítást. Az AJAX-betöltő bekapcsolása simább felhasználói élményt ad a gyorsnézetnél.

3. lépés: termékciklus létrehozása

Hozz létre egy termék lekérdezési ciklust egy új oldalon vagy a bolt oldal sablonján belül. Tedd bele az igényeid szerint szükséges elemeket.

A ciklusba tedd bele a megfelelő sablonhorgokat is, hogy a harmadik féltől származó WooCommerce-bővítmények érvényesíthessék a logikájukat a termékciklusodban.

4. lépés: a felugró sablon beillesztése és az interakció beállítása

A termékciklusba illessz be egy Sablon elemet, és válaszd ki az 1. lépésben létrehozott felugró sablont. Letisztultabb HTML-szerkezethez bekapcsolhatod a Renderelés burkoló nélkül beállítást.

A ciklusban a Kosárba teszem elem helyett használj egy Gomb elemet. Hogy ez a gomb megnyissa a gyorsnézetet, állíts be rajta interakciót: eseményindító Kattintás, művelet a felugró ablak megjelenítése, cél a beillesztett felugró sablon.

Összegzés

Ezekkel a lépésekkel működő gyorsnézet készül: a látogató az oldal elhagyása nélkül gyorsan eléri a termék részleteit, és a felugró ablak a WooCommerce-szel együttműködik. A kinézet és az interakció finomhangolásával tovább igazíthatod a gyorsnézetet az igényeidhez.