Tovább a tartalomhoz

WP-szűrők: értékelés szerinti szűrő, szűrő-visszaállítás és oszlopváltó

WooCommerce-termékek szűrése csillagos értékelés szerint, az összes szűrő törlése egy gombbal, és az oszlopszám-váltó a terméklista fölött.

A WP-szűrők widget a Szűrőterület szakaszban tételekből áll. Egy tétel lehet szűrő (például értékelés), vagy segédelem (például visszaállító gomb). Ez a fejezet három ilyen tételt mutat be: az értékelés szerinti szűrőt, a Szűrő alaphelyzetbe állítása gombot és a Szűrőoszlop váltót.

A widget a Pro változat része. Kapcsold be a The Plus Addons → Widgets oldalon (WP-szűrők), és a használatához kell a WooCommerce is, néhány közzétett termékkel.

A szűrő és a terméklista összekapcsolása

Szekció neve “A szűrő és a terméklista összekapcsolása”

A szűrőnek egy terméklista kell, amelyet szűkíteni tud. Tedd az oldalra a Woo terméklista widgetet, és a Terméklista-típusok értéke legyen Keresési lista (lásd a Woo terméklista áttekintését). A szűrő ehhez a listához kapcsolódik, és az oldal újratöltése nélkül szűkíti.

https://minta-bolt.hu/wp-admin/post.php?post=309&action=elementor
A WP-szűrők panelje a Szűrőterület szakasszal és három tétellel

A képen az első tétel nyitva van: Szűrő típusa Woo-szűrő, Forrás kiválasztása Értékelés. A másik két tétel lent zárva látszik.

A WooCommerce a termékek átlagos véleményértékelését csillagokban tárolja. Az értékelés szerinti szűrő a termékeket csillagszám szerint csoportosítja, így a látogató például a legalább négycsillagos termékekre szűkíthet.

Követelmény: legyenek közzétett termékeid, néhány vásárlói véleménnyel.

  1. Add hozzá a WP-szűrők widgetet az oldalhoz.
  2. A Szűrőterület szakaszban nyisd ki a tételt.
  3. A Szűrő típusa legyen Woo-szűrő.
  4. A Forrás kiválasztása legyen Értékelés.
  5. A Típus kiválasztása mezőben válaszd az Osztályozás (taxonomy) értéket. Üresen hagyva a szűrő nem jelenik meg, a helyén a „Select Type” hibaüzenet áll.
  6. Szükség esetén a Címsor beállítása gombbal add meg a szűrő címét.
https://minta-bolt.hu/tp-ks1-szurok/
Az értékelés szerinti szűrő: öt csillag a terméklista fölött

A képen az öt csillag a terméklista fölött látszik; a „Kategória” cím a szűrő alapértelmezett címe, a Címsor beállítása alatt módosítható.

A látogató egy csillagra kattint, és a lista leszűkül a megfelelő termékekre.

https://minta-bolt.hu/tp-ks1-szurok/
A negyedik csillag kiválasztva: a lista a négycsillagos termékekre szűkült

A képen a négy kiválasztott csillag sárga, a lista pedig a kiválasztott értékelésnek megfelelő termékre szűkült.

Ha a látogató több szűrőt is bekapcsolt, egyetlen gombbal törölheti mindet.

  1. Add hozzá egy újabb tételt a Szűrőterület szakaszhoz az Elem hozzáadása gombbal.
  2. A Szűrő típusa legyen Metaadatok szűrése.
  3. A Forrás kiválasztása legyen Szűrő alaphelyzetbe állítása.
  4. Az Alaphelyzetbe állítás gomb szövege mezőben add meg a gomb feliratát. Az alapérték angol (Reset all), ezért írd át magyarra, például „Összes szűrő törlése”.
  5. Szükség esetén a Címke pozíciója legyen Indítás vagy Vége, az Alaphelyzetbe állító gomb rögzítése pedig a gomb rögzítését kapcsolja be.
  6. Vegyél fel egy Szűrőcímke forrású tételt is: a visszaállító gomb a kiválasztott szűrők címkesorában jelenik meg.
https://minta-bolt.hu/wp-admin/post.php?post=309&action=elementor
A Szűrő alaphelyzetbe állítása tétel beállításai

A képen a Forrás kiválasztása értéke Szűrő alaphelyzetbe állítása, alatta a gomb szövege és a pozíció.

Amíg nincs bekapcsolt szűrő, a gomb nem látszik. Szűrő kiválasztása után a számláló (itt 4, mert négy csillag van kiválasztva) és a gomb megjelenik.

https://minta-bolt.hu/tp-ks1-szurok-reset/
A gomb a kiválasztott szűrő után: a számláló és az „Összes szűrő törlése” gomb

A képen az „Összes szűrő törlése” gomb látszik a számláló mellett, alatta a szűkített terméklista.

A gombra kattintva a szűrők törlődnek, és a teljes terméklista visszatér.

https://minta-bolt.hu/tp-ks1-szurok-reset/
A lista a gombra kattintás után: a csillagok üresek, minden termék látszik

A képen a csillagok üresek, a lista újra a teljes termékkínálatot mutatja.

A Szűrőoszlop tétel oszlopszám-váltót ad a terméklista fölé. Aki sűrűbb rácsot szeretne, több oszlopot választ, aki nagyobb képeket, kevesebbet.

  1. Vegyél fel egy új tételt a Szűrőterület szakaszban.
  2. A Szűrő típusa legyen Metaadatok szűrése.
  3. A Forrás kiválasztása legyen Szűrőoszlop.
  4. Az Oszlopváltás mezőben válaszd ki, mennyi oszlopot kínáljon a váltó: 4 oszlop, Oszlop 3, Oszlop 2 vagy 1. oszlop.
https://minta-bolt.hu/wp-admin/post.php?post=309&action=elementor
A Szűrőoszlop tétel beállításai: az Oszlopváltás lista

A képen a Forrás kiválasztása Szűrőoszlop, alatta az Oszlopváltás lista.

Beállítás Mit csinál Alapérték
Szűrő típusa WP-szűrő, Woo-szűrő vagy Metaadatok szűrése. WP-szűrő
Forrás kiválasztása (Woo-szűrő) Gomb, Szín, Kép vagy Értékelés. üres
Forrás kiválasztása (Metaadatok szűrése) Szűrőcímke, Szűrő alaphelyzetbe állítása, Keresési eredmények vagy Szűrőoszlop. Szűrőcímke
Típus kiválasztása A szűrő adatforrása; az értékelésnél Osztályozás (taxonomy). üres
Alaphelyzetbe állítás gomb szövege A visszaállító gomb felirata. Reset all
Címke pozíciója A visszaállító gomb helye: Indítás vagy Vége. Vége
Oszlopváltás A váltó kínálta oszlopszámok.

A szűrő helyén „Select Type” hibaüzenet áll. A Típus kiválasztása mező üres; válaszd az Osztályozás (taxonomy) értéket.

A visszaállító gomb nem látszik. Csak akkor jelenik meg, ha van bekapcsolt szűrő, és ha a szűrősorban van Szűrőcímke tétel.

A szűrő nem változtatja a listát. A terméklista típusa legyen Keresési lista, és legyenek értékelt termékeid.

Készült:

Tiszteletben tartjuk a magánszférádat

Sütiket használunk a böngészési élmény javítására és a forgalom elemzésére. Az analitika csak akkor indul, ha engeded. Adatvédelmi irányelvek, Sütitájékoztató.

Sütibeállítások