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

> Kategóriaválasztás után átirányítás a szűrt termékoldalra Kiválasztás szűrővel, űrlappal, illetve a kezdőlapról.

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](https://hub.hellowp.io/hu/plugins/jet-smart-filters/megjelenites-atiranyitas/) 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](https://hub.hellowp.io/hu/plugins/jet-smart-filters/megjelenites-elore-megadott-eredmenyek/) fejezetben találsz.