Buna ziua prieteni! În această lecție vom vorbi despre modul de a face un filtru de produse pe proprietatile (atributele) în WooCoomerce magazin online.
Într-o lecție anterioară am vorbit despre modul în care magazinul online WooCommerce pentru a face o comparație a mărfurilor. Astăzi vă vom trece la următoarea etapă, nu mai puțin interesant în magazin uluchsheniiinternet - a crea un filtru pe proprietățile mărfurilor.
Cum de a crea o selecție de bunuri pe proprietățile (atribute) ale mărfurilor
Pentru a crea un widget cu un filtru pentru proprietățile mărfurilor vom utiliza YITH WooCommerce Ajax Navigation plugin. Folosirea acestui plugin se poate face pe orice caracteristici de filtrare (atribute, proprietăți) de produs.
De exemplu. să creeze un produs de filtru de culoare. În magazinele on-line filtru de culoare este foarte popular și widget comun, și sper că acest exemplu ca această lecție va fi interesant. Să începem!
2. Du-te la Aspect -> Widget-uri.
3. După activare conectați două noi widget: YITH WooCommerce Ajax de navigare și YITH WooCommerce Ajax Reset Navigare.
Adăugați-le la bara laterală (bara laterală), care este afișat pe pagina magazinului.
Important! Plug produse filtre la un produs predeterminat atribute (proprietăți). Ei trebuie să adăugați mai întâi fiecare produs. Pentru a afla cum să adăugați atribute la produsul despre care am vorbit în clasa pe dezvoltarea de produse diverse.
4. După ce adăugați widgetul în bara laterală, procedați în felul următor: specificați numele widget-ului, selectați atributul pe care filtrul va fi mărfurilor, iar dacă face un filtru de culoare - selectați Tip: Color.
Puteți alege, de asemenea, alte tipuri de filtre:
- Listă - Versiunea standard, în care proprietățile vor fi afișate într-o listă
- Culoare - selectați atunci când creați un filtru de culoare
- Label - Puteți atribui nume pentru fiecare proprietate
- Dropdown - lista derulantă
Apoi selectați culoarea butonului pentru fiecare culoare, și apoi faceți clic pe „Salvați“.
Pe widget-ul YITH WooCommerce Ajax Reset de navigare trebuie să specificați doar un nume pentru butonul de resetare a filtrului.
Gata! Produse de filtrare în funcție de culoare este creat! Dar există un detaliu care strică întregul aspect al filtrului - pătratele mici pe butonul Properties.
Eliminați cutii inestetice cu filtru
Pentru a elimina aceste inutile și care afectează aspectul elementelor de filtrare, adăugați următorul cod CSS:
După aceea, veți obține un filtru de frumos:
De asemenea, este demn de remarcat faptul că alegerea harakteristikistranitsa nu repornește. Este mult mai convenabil. decât de fiecare dată când selectați proprietățile potrivite pentru a reîncărca pagina așteptați.
Buna ziua prieteni! În această lecție vom vorbi despre modul de a face un filtru de produse pe proprietatile (atributele) în WooCoomerce magazin online. Într-o lecție anterioară am vorbit despre modul în care magazinul online WooCommerce pentru a face o comparație a mărfurilor. Astăzi vă vom trece la următoarea etapă, nu mai puțin interesant în îmbunătățirea magazinului online - a crea un filtru pe proprietățile mărfurilor. Cum de a crea o selecție de bunuri pe proprietățile (atribute) de bunuri pentru a crea widget-uri cu proprietățile de filtrare ale mărfurilor, vom fi folosind YITH WooCommerce Ajax Navigation plugin. Folosirea acestui plugin se poate face pe orice caracteristici de filtrare (atribute, proprietăți) de produs. De exemplu, să creeze un produs de filtru de culoare. În online, culoarea filtru de magazine este foarte ...