Átirányítás előszűrt WooCommerce-oldalra

Ez a fejezet három módszert mutat arra, hogyan juthat el a látogató egy másik oldalon már kiszűrt termékekhez: egy legördülő listával a JetSmartFilters szűrőjéből, egy űrlap Kiválasztás mezőjével, és a kezdőlapon megjelenő kategórialistával.

Átirányítás a Kiválasztás szűrővel

Szükséges: WooCommerce termékekkel és kategóriákkal, Elementor, JetSmartFilters, és a JetFormBuilder (a következő módszerhez).

1. A Smart Filters → Új hozzáadása oldalon hozz létre egy Kiválasztás szűrőt. Az Adatforrás legyen Taxonómiák, a taxonómia pedig a termékkategóriák. Kattints a Frissítés gombra.
2. Szükséged van két oldalra. Az elsőn jelenik meg a szűrt találati lista: tedd rá a Kiválasztás szűrőt és a Listing Gridet. Mentsd az oldalt.
3. A második oldal a keresőoldal, ahonnan a látogató átirányítódik. Tedd rá ugyanazt a Kiválasztás szűrőt és egy Alkalmaz gomb widgetet.
4. Az Alkalmaz gombnál kapcsold be az Átirányítás alkalmazása beállítást, és az átirányítási útvonalnál add meg a találati oldal címét.
5. Próbáld ki az oldalon: válassz egy kategóriát, és kattints az alkalmazásra. A látogató a találati oldalra kerül, ahol a rács már a választott kategória szerint szűrt.

Fontos: azon az oldalon, ahonnan átirányítasz, ugyanazt a szűrőt kell használnod, ugyanazokkal a beállításokkal, mint azon, ahová átirányítasz. A beállítások részleteit az Átirányítás a találati oldalra fejezetben találod.

Átirányítás űrlap Kiválasztás mezőjével

Hasonló működés érhető el a JetFormBuilder űrlapjával is.

1. A JetFormBuilder → Új űrlap hozzáadása oldalon add meg az űrlap címét. Az üdvözlő blokknál kattints az üres űrlap indítására, és törölheted az alapból felvett mezőket.

2. Vegyél fel egy Kiválasztás mezőt a termékkategóriáknak. A mező neve legyen például categories_field. A Lehetőségek forrása legyen Kifejezések (Terms), a taxonómia a termékkategória, az érték mezője pedig a slug.

3. A JetForm fülön, a beküldés utáni műveleteknél adj hozzá egy új műveletet: Átirányítás oldalra. Az átirányítás típusa legyen egyedi URL, az URL pedig a kategóriaarchívum címe, a mező nevével kiegészítve:

   https://domain/taxonomia-slug/%mezo-neve%/

   Például: http://woocommerce.local/product-category/%categories_field%/.

4. Frissítsd a műveletet, majd tedd közzé az űrlapot.

5. Tedd az űrlapot az oldalra a JetForm widgettel, és válaszd ki az űrlapot.

6. Az oldalon válassz egy kategóriát, és küldd be az űrlapot: a látogató a választott kategória oldalára érkezik.

Átirányítás a kezdőlapról a szűrt boltoldalra

Ezzel a módszerrel a kezdőlapon megjelenő kategóriakártyákra kattintva a látogató a bolt oldalára jut, ahol a kategória már ki van választva a szűrőben. Szükséges: Elementor, WooCommerce termékekkel és kategóriákkal, JetEngine és JetSmartFilters.

1. A Smart Filters oldalán hozz létre egy Jelölőnégyzetek listája szűrőt. Az adatforrás Taxonómiák, a taxonómia legyen az, amelyik szerint a kezdőlapról szűrni akarsz (a példában a termék tulajdonságai). Frissítsd a szűrőt.

2. Szerkeszd a bolt oldalát az Elementorban, és tedd rá a Jelölőnégyzetek szűrő widgetet. Add meg a szűrőt, válaszd ki a szolgáltatót (a példában a JetWooBuilder Products Grid), és az alkalmazás típusa legyen Kevert. Tedd közzé.

3. Nyisd meg a boltoldalt, jelölj ki egy opciót a szűrőben, és másold ki az oldal címét egy biztonságos helyre. A címből csak a jsf=...&tax=...: részre lesz szükséged: a kettőspont után a kategória azonosítóját már ne másold.

4. Hozz létre egy listing elemet a kifejezésekhez (terms), és szerkeszd az Elementorral. Vedd fel a Dinamikus link widgetet. A Forrás mező maradjon üres, az egyedi mező kulcsához pedig írj be egy nem létező mezőnevet.

5. A Címke mező melletti dinamikus címke ikonnal válaszd a JetEngine csoport Kifejezés mező (Term Field) opcióját. Állítsd be a taxonómiát, a mező pedig legyen a Kifejezés neve.

6. Kapcsold be a Lekérdezési argumentumok hozzáadása beállítást, és az új mezőbe írd be:

   jsf=jet-woo-products-grid
   tax=product_cat:%queried_term%

   A %queried_term% makró helyére kerül a kategória, amely a találatokat szűri.

7. Az URL előtag mezőbe írd be a bolt oldalának egyszerű címét, például http://woocommerce.local/shop/. Tedd közzé.

8. Szerkeszd a kezdőlapot, és tegyél rá egy Listing Grid widgetet az új listinggel.

A kezdőlapon a kategóriakártyák látszanak. Egy kártyára kattintva a látogató a boltoldalra kerül, ahol a kategória már alkalmazva van a szűrőben. A szűrt előzetes eredményekről további példát az Előre megadott eredmények dinamikus címkével fejezetben találsz.