Evidențierea pluginului Divi: Woo Essential

Publicat: 2023-02-20

Woo Essential este un plugin terță parte care adaugă 8 noi module Woo Commerce la Divi Builder. De asemenea, adaugă mai multe funcții pentru a simplifica procesul de cumpărături, permițându-vă să afișați produse și categorii în mai multe aspecte și o mulțime de opțiuni de caracteristici. În această postare, vom analiza modulele și caracteristicile Woo Essential pentru a vă ajuta să decideți dacă este produsul potrivit pentru nevoile dvs.

Cuprins
  • 1 module Woo Essential Divi
    • 1.1 Acordeonul categoria Woo
    • 1.2 Carusel din categoria Woo
    • 1.3 Grila de categorii Woo
    • 1.4 Zidărie categoria Woo
    • 1.5 Acordeonul Woo Product
    • 1.6 Woo Product Carusel
    • 1.7 Filtru de produs Woo
    • 1.8 Woo Product Grid
  • Alte 2 caracteristici esențiale Woo
    • 2.1 Woo Essential Woo Mini cărucior
    • 2.2 Popup de vizualizare rapidă Woo Essential
    • 2.3 Compară produsele Woo Essential
  • 3 Setări esențiale Woo
  • 4 Șabloane esențiale Woo
  • 5 Achiziționați Woo Essential
  • 6 Gânduri de sfârșit

Woo Module Divi esențiale

Woo Essential adaugă 8 module la Divi Builder. Unele dintre funcții necesită pluginuri YITH WooCommerce Compare și YITH WooCommerce Wishlist. Versiunile gratuite sunt bune pentru asta. Veți vedea o notificare dacă nu le aveți instalate. Pur și simplu faceți clic pe notificare pentru a le instala și activați-le după activarea pluginului Woo Essential.

Nu veți vedea toate modulele din Divi Builder la început. În schimb, veți vedea un modul numit Woo Essential. Faceți clic pe acest modul.

WooEssential

Toate modulele Woo Essential se vor afișa apoi în modal. Acum puteți adăuga modulele la orice aspect Divi pentru a afișa produsele WooCommerce.

Module WooEssential

Să aruncăm o privire mai atentă la fiecare dintre modulele esențiale Woo. Voi afișa setările implicite și apoi voi arăta un exemplu de unele dintre caracteristicile de design.

Acordeon categoria Woo

Modulul Acordeon Categoria Woo afișează imaginile pentru categoriile de produse. Imaginile se extind la trecerea cursorului pentru a afișa o descriere a categoriei și numărul de articole din acea categorie. Va afișa imaginea categoriei dacă aveți una configurată.

Module WooEssential: Categoria Acordeon

Aveți control deplin asupra designului pentru fiecare element. În acest exemplu, am adăugat o umbră de casetă, am rotunjit colțurile și am schimbat culorile și dimensiunile fontului pentru numele categoriei, numărul și descrierea. Am adăugat, de asemenea, căptușeală și înălțimea liniei la descriere.

Woo Categoria Carusel

Caruselul categoriei Woo creează un glisor complet cu navigare și glisare automată. Are o mulțime de setări pentru a regla caruselul.

Module WooEssential: Categorie Carusel

Grilă de categorii Woo

Grila de categorii Woo afișează categoriile sub formă de cărți într-o grilă. Grila este reglabilă, astfel încât să puteți modifica numărul de coloane.

Module WooEssential: Grilă de categorii

Pentru aceasta, am adăugat un chenar, am rotunjit colțurile, am ajustat fonturile și am schimbat setările pentru numărul de grile și intervalul.

Module WooEssential: Grilă de categorii

Woo Categoria Zidărie

Modulul de zidărie Woo Category plasează categoriile într-o grilă de zidărie.

Module WooEssential: Categoria Grilă de zidărie

În acest exemplu, am ajustat numărul și decalajul grilei și am schimbat fonturile.

Module WooEssential: Categoria Grilă de zidărie

Woo Product Acordeon

Acordeonul Woo Product funcționează ca și Acordeonul din categoria Woo, cu excepția faptului că arată produsele în sine. Se extinde la trecerea cursorului pentru a afișa informațiile despre produs. Alegeți ce elemente să afișați din butonul Adăugați în coș, preț, evaluare cu stele, descriere, Insigna produs recomandat, Tipul de insigna de vânzare și textul Insigna de vânzare. De asemenea, puteți controla modul în care funcționează acordeonul. Toate modulele de produs afișează imaginea prezentată în mod implicit.

Module WooEssential: Produs Acordeon

În acest exemplu, am ajustat fundalul conținutului, am schimbat culorile fontului, am schimbat culoarea insignei, am mărit dimensiunea fontului numelui produsului și am schimbat culoarea butonului de adăugare în coș.

Module WooEssential: Produs Acordeon

Woo Product Carusel

Caruselul de produse Woo afișează produsele într-una dintre cele șase opțiuni de aspect. Fiecare include un efect de hover diferit pentru butoane. De asemenea, puteți alege ce elemente să afișați, puteți ajusta setările caruselului etc.

Module WooEssential: Carusel de produse

Puteți regla fiecare element independent. Am ajustat multe culori, chenare și fonturi în acest exemplu. Am adăugat și navigarea cu săgeți. Acesta este aspectul 3, care plasează căruciorul și alte link-uri în partea de jos a imaginii la hover.

Module WooEssential: Carusel de produse

Filtru de produs Woo

Filtrul de produse Woo adaugă o grilă de produse WooCommerce cu un filtru personalizabil. Puteți alege care dintre elemente să afișați.

Module WooEssential: Filtru de produs

Aveți control deplin asupra fiecărui element, inclusiv filtrul, grila, fonturile, culorile etc. Am schimbat câteva dintre culori, dimensiunile fonturilor și am ajustat numărul grilei în acest exemplu. De asemenea, am adăugat o umbră de casetă atât la filtru, cât și la grila de produse.

Module WooEssential: Filtru de produs

Woo Product Grid

Modulul Woo Product Grid afișează produsele într-o grilă cu un banner care arată numărul de produse. Are 8 opțiuni de aspect pentru grilă care modifică dimensiunea imaginii și plasează butoanele în diferite locații la hover. Puteți selecta elementele care se afișează. Aceasta arată aspectul 8, care plasează pictogramele în partea dreaptă a imaginii și butonul Adăugați în coș în partea de jos a imaginii la hover.

Module WooEssential: Grila de produse

Puteți adăuga paginare cu butoane la fiecare pagină sau un buton Încărcați mai multe. Am adăugat butonul Încărcare mai mult în acest exemplu și l-am stilizat. Acesta este aspectul 3, care plasează titlul și prețul sub imagine și adaugă pictogramele aproape de partea de jos a imaginii la hover.

Module WooEssential: Grila de produse

Mai multe caracteristici esențiale Woo

Există o mulțime de caracteristici, cele mai multe incluse în module, care adaugă funcționalitate listelor WooCommerce. Iată o privire rapidă la câteva dintre aceste caracteristici.

Woo Essential Woo Mini Carucior

Caracteristica Mini Cart adaugă un meniu pop-up la coșul de cumpărături. Este adăugat automat la antetul implicit WordPress. Funcționează doar cu antetul implicit, așa că nu îl veți putea adăuga la anteturile create cu Divi Builder. Aceasta înseamnă că nu este la fel de versatil ca celelalte caracteristici ale acestui plugin. Puteți personaliza toate cele trei elemente ale acestuia în mod independent cu Personalizarea temei.

Module WooEssential: mini cărucior

Include patru secțiuni de setări pentru setările principale ale coșului, designul coșului, butonul de vizualizare a coșului și butonul de finalizare a achiziției.

Module WooEssential: Divi Mini Cart

Controlați modul în care funcționează și modificați dimensiunea, forma, culorile, fonturile, pictogramele etc. Deschideți-l la trecerea cu mouse-ul, la clic sau glisând din dreapta sau stânga.

Module WooEssential: Divi Mini Cart

Mini Cart deschide un mic modal care arată conținutul coșului dvs. De asemenea, poate deschide o fereastră la dreapta sau la stânga, în funcție de setările dvs. Acest exemplu arată deschiderea modală la hover. Opțiunea Fly-In, care glisează din dreapta sau din stânga, oferă modalului înălțimea completă a ecranului.

Module WooEssential: Divi Mini Cart

Popup de vizualizare rapidă Woo Essential

Puteți vizualiza detaliile articolului fără a părăsi pagina curentă. Pictograma de vizualizare rapidă este adăugată la mai multe module. Făcând clic pe această pictogramă, se deschide detaliile într-un mod. Fereastra pop-up este rapidă și facilitează vizualizarea detaliilor produsului fără a încărca o altă pagină.

Module WooEssential: Vizualizare rapidă

Detaliile includ toate informațiile despre produs precum descrierea, galeria, butonul Adaugă în coș, categoria etc.

Module WooEssential: Popup de vizualizare rapidă

Woo Essential Compara produse

Puteți compara mai multe produse selectând pictograma de comparare. Acest proces poate fi puțin complicat la început, așa că mulți utilizatori ar putea să nu fie conștienți că pot compara produsele.

Module WooEssential: comparați produse

Pentru a face comparația, vizualizați individual produsele pe care doriți să le comparați. Apoi, faceți clic pe pictograma de comparare de pe unul dintre produse. Comparația modală cu deschidere cu produsele comparate într-un tabel. Funcționează, dar nu este atât de intuitiv pe cât îmi place. A fost nevoie de puțină muncă ca să-ți dai seama. Informațiile de care aveam nevoie erau în documentație. Puteți parcurge comparația și puteți închide modulul când sunteți gata.

Mai multe caracteristici esențiale Woo. Mai multe caracteristici esențiale Woo

Woo Setări esențiale

Woo Essential adaugă un link către tabloul de bord WordPress. Selectați acest link pentru a deschide setările. Prima pagină, Acasă, include link-uri către baza de cunoștințe, asistență și feedback, solicitare de funcții și canalul YouTube DiviNext.

Woo Setări esențiale

Selectați Module pentru a vedea a doua pagină. Aici, puteți dezactiva sau activa oricare dintre modulele Woo Essential. Acest lucru este bun dacă doriți să restricționați designul la doar câteva module. Toate sunt activate implicit.

Woo Setări esențiale

Woo Șabloane esențiale

Site-ul web al editorului conține 8 machete de pornire gratuite pentru a vă ajuta să începeți cu design-urile dvs. De asemenea, au nevoie de un alt plugin Divi pentru a funcționa, astfel încât utilizarea lor este limitată la cei cu ambele pluginuri. Arată grozav și oferă o mulțime de secțiuni de utilizat.

Woo Șabloane esențiale

Achiziționați Woo Essential

Wii Essential este disponibil pe Divi Marketplace pentru 79 USD. Include utilizare nelimitată, o garanție de rambursare a banilor de 30 de zile și un an de asistență și actualizări.

Achiziționați Woo Essential

Gânduri de sfârșit

Acesta este aspectul nostru la Woo Essentials pentru Divi. Aceste 8 module Divi oferă o mulțime de opțiuni pentru grile de produse și acordeoane. Afișați cu ușurință produse și categorii individuale și stilați-le cu Divi Builder. Vedeți cu ușurință conținutul din coș, detaliile produsului și comparați produsele. Aș dori să văd Mini Cart ca un modul Divi, astfel încât să poată fi adăugat la anteturile create cu Divi Builder. Totuși, funcționează bine dacă utilizați antetul implicit WordPress. Dacă sunteți interesat să vă extindeți paginile de produse WooCommerce cu o mulțime de grile interesante, Woo Essentials merită o privire.

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