Evidențierea pluginului Divi: filtrul Divi Ajax

Divi Ajax Filter este un plugin terță parte care adaugă mai multe module noi la Divi Builder. Aceste module lucrează împreună pentru a crea filtre simple sau complexe. Filtrul Divi Ajax funcționează cu pagini, postări, proiecte și tipuri de postări personalizate, cum ar fi produsele WooCommerce și câmpurile personalizate avansate. În această postare, ne vom uita la Divi Ajax Filter și vom vedea cum funcționează pentru a vă ajuta să decideți dacă acesta este produsul potrivit pentru nevoile dvs. Vom folosi pachetul Divi Whisky Layout pentru a arăta cum puteți folosi acest plugin în sălbăticie.

Module de filtrare Divi Ajax

Filtrul Divi Ajax adaugă un bloc la Divi Builder. Făcând clic pe acesta, se deschide un submeniu cu modulele de filtrare Ajax. Modulele lucrează împreună la o listă de postări cu un filtru. Le puteți folosi pentru a crea machete sau pentru a afișa machete pe care le-ați creat.

Bucla de arhivare – Filtru Divi Ajax

Modulul de buclă arhivă afișează orice aspect al buclei pe care îl alegeți să afișați produse sau postări. Cu alte cuvinte, afișează o listă cu tipul de postare personalizat pe care îl alegeți. Dacă alegeți tipul de postare a produsului, acesta va afișa o listă cu produsele dvs. Nu poate fi folosit în aspectul buclei personalizate. Este conceput pentru a fi utilizat cu arhive, pagini de categorii și pagini generale.

Până când nu creați și specificați un aspect în buclă, veți vedea un mesaj pentru a crea unul. Aspectul buclei ar trebui creat cu modulele Divi Ajax, cum ar fi Titlul postării și Miniatura. De asemenea, puteți alege bucla WooCommerce implicită.

Opțiuni de modul

De asemenea, puteți alege tipul de postare, cum ar fi postări, pagini, media, proiecte și produse. Pune-l să-ți detecteze automat tipul de postare sau să seteze produse variabile ca produse unice.

Pentru stilul buclei, alegeți între un aspect WooCommerce sau un aspect personalizat. Dacă alegeți Aspect personalizat, veți vedea o altă casetă drop-down unde puteți alege un aspect din Biblioteca Divi.

Alegeți numărul de postări de afișat. Acest lucru vă oferă control asupra numărului care este afișat în zona modulului, dar puteți afișa mai multe postări cu paginarea unui buton Încărcați mai multe. Setând-o ca buclă principală, acesta este lista de postări controlate de filtru. De asemenea, puteți adăuga o comandă prin opțiune de sortare și puteți afișa numărul de rezultate.

Numărul de rezultate arată încă 1-9 rezultate în Divi Builder, dar va afișa numărul corect de rezultate pe front end, așa cum se arată în exemplul de mai jos.

Există mai multe opțiuni pentru modul în care este afișată paginarea. Alegeți dintre Încărcați mai multe, paginare standard, un defilare infinit sau niciunul.

Puneți-l să deruleze în partea de sus după actualizarea ajax sau dezactivați funcția. De asemenea, puteți regla fin poziția paginației.

Dezactivați, excludeți sau includeți o mulțime de elemente, cum ar fi produse, atunci când categoria are categorii secundare, categorii specifice și produse. De asemenea, puteți seta anumite articole să fie incluse numai la încărcare. Introduceți-le în câmpuri cu virgule.

Alegeți animația pentru filtru și opțiunea de defilare infinită. Are șase animații din care puteți alege, inclusiv trei linii verticale, trei linii orizontale, trei puncte care sări, gogoașă, gogoși multiplu și ondulare. Animațiile sunt netede și îi conferă un plus de strălucire.

Opțiuni de aspect personalizate

Opțiunile de aspect personalizat vă permit să alegeți un aspect pe care l-ați creat pentru a-l utiliza ca taxonomie personalizată. De asemenea, puteți specifica taxonomiile personalizate de inclus.

Opțiuni de aspect implicite

Opțiunile de aspect implicite vă permit să alegeți între o grilă sau un aspect clasic de blog. Pentru grilă, alegeți numărul de coloane de afișat. De asemenea, puteți afișa evaluarea, extrasul, prețul și butonul de adăugare în coș.

Iată cum arată pe partea din față. L-am setat să afișeze o grilă cu 4 coloane. Am dezactivat și opțiunea extras.

Acesta include, de asemenea, opțiuni de culoare și umplutură. Schimbați culoarea insigna de vânzare, evaluările cu stele și fundalul produsului. Folosiți glisorul pentru a adăuga căptușeală pe toate cele patru părți ale produsului. Am adăugat niște căptușeală, am colorat stelele și am schimbat culoarea culorii Insigna de vânzare.

Iată cum arată pe partea din față.

Setări de design

Setările de design includ opțiuni detaliate pentru fiecare element, inclusiv fonturi, culori, spațiere și restul setărilor standard Divi.

Postări de filtrare – Filtru Divi Ajax

Modulul de filtrare a postărilor funcționează cu modulul de buclă arhivă pentru a filtra postările pe care le afișează. Nu ar trebui să fie utilizat în aspectul buclei personalizate. Elementele de filtrare sunt submodule. Puteți adăuga câte doriți pentru a crea filtrul.

Element de filtru nou

Adăugarea unui nou element de filtru deschide submodulul acestuia. Aceasta include o mulțime de setări. Setările principale vă permit să alegeți ce să filtrați între categorii, etichete, prețuri, evaluări, atribute și taxonomii personalizate. De asemenea, puteți crea o casetă de căutare. Alegeți tipurile de postări, valorile, opțiunile de excludere etc.

Aspectul vă permite să alegeți să afișați parametrii filtrului, să afișați eticheta și să selectați lățimea filtrului.

Opțiunile Select vă permit să activați Select2 și să modificați textul opțiunii.

Categorie, Etichete și Taxonomie vă permit să alegeți modul în care sunt ordonați termenii în listă, modul de afișare, prefixul și opțiunile de restrângere.

Gama vă oferă control deplin asupra setărilor intervalului filtrului. Ascundeți etichetele, alegeți tipul de valoare, setați intervalul, alegeți nivelurile de pași, ajustați aspectul, alegeți înainte și după text și multe altele.

Logica condiționată vă permite să creați reguli logice pentru filtru. Aceasta înseamnă că puteți regla fin filtrul pentru a controla filtrul și a-l face cât mai inteligent posibil.

Adăugați mai multe elemente de filtrare pentru a crea exact filtrul dorit. Am creat un filtru cu o opțiune de căutare, categorii, etichete și prețuri. Utilizatorii pot selecta unul dintre instrumentele de filtrare sau le pot folosi împreună.

Setări de postare a filtrului principal

Opțiunile principale includ tipul de actualizare a filtrului (alegeți dintr-un clic pe buton sau o modificare a câmpului), alegerea unde derulează, adăugarea de text pentru butoanele de căutare și resetare și activarea Select2.

Opțiunile de aspect determină aspectul elementelor de filtru. Alegeți o coloană laterală sau o coloană cu lățime completă, setați dimensiunile, stilul de filtru între comutare și slide și ascundeți sau afișați butoanele.

Opțiunile mobile adaugă comutări, vă permit să alegeți stilul de comutare, să schimbați textul butonului și să comutați filtrele individual.

Titlul postării – Pagini de arhivă

Modulul Post Title afișează titlul și vă permite să alegeți nivelul de titlu, să faceți un link către o singură pagină, să deschideți o filă nouă și să introduceți adresa URL.

Fila Design include setări separate pentru titlurile postărilor și titlurile produselor. Toate setările standard sunt incluse.

Miniatură – Filtru Divi Ajax

Modulul de miniaturi vă permite să alegeți dimensiunea imaginii, să legați imaginea la o singură pagină, să utilizați imaginile substituent cu câmpuri personalizate avansate, să deschideți într-o filă nouă, să activați o etichetă de titlu și să alegeți stilul imaginii.

Dimensiunile imaginii miniaturi includ o mulțime de opțiuni.

Construirea unui filtru de produs

În primul rând, voi construi un filtru de produs folosind modulul Archive Loop și modulul Filter Posts.

Apoi, pentru modulul Bucle de arhivă, l-am setat la Produse și am selectat aspectul WooCommerce implicit. Acest lucru ne oferă imaginea, titlul și prețul în mod implicit. L-am setat ca buclă principală și am activat meniul Order By și Results Count. Am selectat Încărcare mai mult pentru opțiunea de încărcare. Aspectul este setat pe o grilă cu 3 coloane. De asemenea, am selectat să afișez evaluarea, prețul, extrasul și butonul Adaugă în coș. Insigna de reducere și Evaluările cu stele au culori personalizate și am adăugat câteva căptușeală produsului.

Urmează setările de design. Am ajustat culorile și stilurile elementelor de text individuale, precum și butonul Adaugă în coș.

În cele din urmă, pentru filtru, am adăugat căutare, categorii, preț și evaluare. Pentru filtrul de categorii, am selectat Butoane radio. Prețul este stabilit între 5 și 100 USD.

Pentru setările de design ale filtrului, am ajustat culorile fontului, culorile butoanelor etc.

Rezultatele filtrului produsului

Iată cum arată pe partea din față cu stilurile pachetului Divi Whisky Layout Pack.

Iată caracteristica de sortare. Utilizatorii pot selecta sortarea implicită, sortarea după popularitate, evaluare medie, cea mai recentă, preț de mic la mare sau preț de mare la mic.

Iată rezultatele pentru opțiunea de căutare. Folosesc produsele demonstrative WooCommerce. Am căutat „roz” și am găsit două rezultate.

Pentru categorii, am selectat butonul radio al categoriei „Bucătărie” și am găsit cele patru rezultate.

În acest exemplu, am filtrat produsele după intervalul de preț. Am selectat 5-30 și am sortat după preț de la mic la mare.

De asemenea, puteți utiliza filtrele împreună. Pentru acest exemplu, am selectat categoria „Bucătărie” și am stabilit intervalul de preț de la 30 USD la 50 USD. Afișează produsele din inventarul meu din categoria respectivă și intervalul de preț.

De unde să achiziționați filtrul Divi Ajax

Filtrul Divi Ajax este disponibil pe Divi Marketplace pentru 97 USD. Include un an de asistență și actualizări și o garanție de rambursare a banilor de 30 de zile.

Gânduri de sfârșit

Acesta este aspectul nostru asupra Filtrului Divi Ajax. Acesta este un set puternic de module pentru Divi Builder care creează filtre uimitoare pentru multe tipuri de postări WordPress. Filtrul Divi Ajax este complex. Este nevoie de ceva timp pentru a învăța, dar nu este prea greu de înțeles și de utilizat odată ce ai început. Urmărirea demo-urilor vă va economisi ceva timp și va reduce considerabil curba de învățare. Dacă sunteți interesat de un filtru avansat pentru tipurile dvs. de postări, Filtrul Divi Ajax este o alegere excelentă.

Vrem sa auzim de la tine. Ați încercat Divi Ajax Filter? Spune-ne în comentarii ce părere ai despre asta.