Ați dorit vreodată să creați o grilă sortabilă și filtrabilă care să conțină toate sau o parte din produsele dvs. WooCommerce?

Dacă gestionați un magazin WooCommerce, știți că WooCommerce vine deja cu o pagină de arhivă dedicată care vă ajută să prezentați produse individuale.

Dar, în funcție de ceea ce vindeți, acesta nu este întotdeauna cel mai eficient mod de a vă prezenta produsele.

În unele cazuri, afișarea produselor WooCommerce într-o grilă este mai eficientă.

Și dacă asta sună ca situația în care vă aflați, sunteți bine, deoarece vă voi arăta cum să creați o grilă a produselor dvs. WooCommerce.

Dar dacă nu ați instalat niciodată WordPress, descoperiți Cum se instalează un blog WordPress pași 7 et Cum de a găsi, a instala și a activa o temă WordPress pe blog-ul dvs. 

Apoi înapoi la motivul pentru care suntem aici.

Ce poți face cu o grilă de produse WooCommerce?

Deși nu este o listă completă, iată câteva situații în care o grilă de produse poate oferi vizitatorilor o experiență mai bună decât pagina dvs. obișnuită de arhivă:

Descopera Cum se instalează un magazin online pe WordPress cu pluginul WooCommerce

• Magazine cu ridicata - dacă comercializați cu ridicata o mulțime de produse, oferirea clienților dvs. de o modalitate ușoară de a sorta sau filtra o rețea poate fi mai ușor de utilizat decât să le răsfoiți pe paginile de produse individuale.
• Catalog de produse - în mod similar, dacă doriți doar să afișați un catalog de produse ușor de parcurs, o grilă de sortare / filtrare AJAX va economisi timp clienților (și reîncărcarea paginilor).
• Formulare de comandă - dacă doriți să creați un formular de comandă bazat pe produsele WooCommerce, o grilă oferă o modalitate foarte ușoară de a o face. Este, de asemenea, o abordare bună pentru a afișa un meniu de restaurant și a accepta comenzi online.

Cum se creează o grilă de produse WooCommerce

Vom folosi pluginul WooCommerce Product Table. Pluginul se concentrează în mod special pe crearea grilei de produse. Și datorită parametrilor de interfață și SHORTCODE, puteți personaliza aproape fiecare aspect al modului în care funcționează grila dvs.

Citiți și ghidul nostru despre: Cum de a crește timpul petrecut pe blogul dvs. WordPress

Iată câteva dintre cele mai utile caracteristici, după părerea mea:

• Adăugați sau ștergeți cu ușurință coloane Puteți adăuga chiar și coloane care conțin câmpuri personalizate sau taxonomii personalizate, iar Tabelul de produse WooCommerce se integrează complet cu câmpurile personalizate avansate.
• 4 filtre widget-uri incluse. Acestea vă permit să oferiți cititorilor o experiență perfectă oferind opțiuni de filtrare în bara laterală.
• Suport pentru variații de produse / atribute. Alegeți dintre 3 moduri diferite de a afișa variațiile produselor în grila dvs.
• Cutiile cu mai multe selecții. Acesta facilitează crearea formularelor de comandă, permițând clienților să selecteze mai multe produse înainte de a le adăuga în coșul de cumpărături.
• Căutare, sortare și filtrare instantanee . Clienții vă pot manipula datele grilei fără a reîncărca pagina.
• Adaugă în coș . În mod similar, clienții pot adăuga produse la coșurile lor fără a reîncărca pagina.
• Suport pentru încărcare Lazy. Util pentru îmbunătățirea performanței rețelelor mari ( deși acest lucru afectează capacitatea de a oferi sortare sau filtrare instantanee )

Iată cum să utilizați acest plugin ...

Pasul 1: Configurați caracteristica Grilă implicită

După instalarea și activarea pluginului, primul lucru de făcut este să configurați funcționalitatea implicită pentru rețelele dvs. Vezi ghidul nostru pas cu pas despre cum să instalezi un plugin WordPress.

Aceasta definește în esență comportamentul implicit al codului scurt. Dar, de asemenea, puteți schimba acest comportament pentru rețele individuale adăugând parametri la codul scurt.

Pentru a accesa setările pluginului, accesați WooCommerce → Setări. Apoi faceți clic pe fila Produse și alegeți opțiunea Tabele de produse :

Configurarea aspectului grilelor dvs.

În primul rând, puteți alege stilul grilei dvs. în secțiune Tabel de proiectare. Puteți face acest lucru cu:

• Mod implicit - după cum vă puteți imagina, această opțiune utilizează setările implicite ale pluginului, fără nicio intervenție ulterioară din partea dvs. El va încerca să utilizeze tema actuală a blogului dvs. cât mai mult posibil.
• Personnalisé : atunci când este selectat, extinde o listă de opțiuni de stil care vă permite să personalizați culorile și dimensiunile fontului fără a fi nevoie CSS personalizate.

După ce ați configurat stilul dvs., trebuie să configurați valorile implicite ale codului scurt. Din nou, le puteți edita pentru coduri scurte individuale prin parametrii acestora din urmă. Dar configurarea vă va economisi timp și va ușura lucrurile un pic mai târziu.

Majoritatea setărilor sunt explicative și puteți vedea că tabelul de produse WooCommerce face o treabă bună în furnizarea de scule sau link-uri de documentare pentru a vă ajuta să aflați mai multe despre fiecare setare.

Descoperiți, de asemenea Cum de a adăuga un magazin de WooCommerce pe Facebook

După ce ați setat valorile implicite pentru shortcodes, puteți derula în continuare pentru a configura setări și funcții mai avansate.

Din nou, pluginul face o treabă excelentă; cel care oferă informații suplimentare pentru oricare dintre parametrii care ar putea fi puțin dificil de înțeles. 

Cum să controlați stocul magazinului online WooCommerce ? Descoperiți-l făcând clic pe acest link.

Un lucru la care trebuie să acorde atenție este limitarea taxei progresive. Dacă decideți să utilizați încărcarea progresivă pentru a vă accelera magazinul online, veți limita funcția de căutare și sortare a pluginului.

Vezi și selecția noastră de 12 cele mai bune pluginuri WooCommerce pentru a vă îmbunătăți magazinul online

După ce configurația este completă, asigurați-vă că vă salvați modificările.

Pasul 2: Adăugați widgeturi WooCommerce Grid (opțional)

După cum am menționat, Tabelul de produse WooCommerce oferă, de asemenea, patru widget-uri pentru a vă ajuta să adăugați opțiuni de filtrare în bara laterală ( după cum puteți pentru magazinele clasice WooCommerce ).

Pentru a-l accesa, accesați Aspect → Widgets ca de obicei și glisați pe widgeturile dorite:

Pasul 3: Adăugați un shortcode unde doriți să afișați grila produsului

Sunteți la linia de sosire! Acum tot ce trebuie să faceți este să adăugați codul scurt [product_table] oriunde doriți să apară grila dvs.

Descoperă și tu Cum de a găsi link-ul la pagina de conectare WordPress

În mod implicit, shortcode-ul va funcționa în funcție de setările pe care le-ați ales la pasul 1. Dar dacă doriți să personalizați funcționalitatea pentru anumite shortcodes, puteți face acest lucru folosind mulți parametri shortcode disponibilă.

De exemplu, pentru a utiliza grila numai pentru produsele dintr-o anumită categorie, puteți adăuga un parametru de genul acesta:

[product_table categorie="pălării"]

Puteți fi chiar creativ și utilizați condițiile AND / OR aici.

De exemplu:

• [product_table categorie= "pălării + în stea« ] afișează numai produsele care aparțin fișierului fois la categoriile de pălării et în stele.
• [ Product_table categorie= "pălării în stea "] afișează produse care sunt dacă pălării ou categoria de stele.

Această atenție la detaliile mici este ceea ce face grila de produse WooCommerce atât de mare. 

Vezi și nostru 6 plugin-uri WordPress pentru a da o viață nouă articolelor tale

Și cam atât este vorba despre aceasta cu o grilă de produse pe WooCommerce!

Prețuri pentru pluginul pentru tabelul de produse WooCommerce

WooCommerce Product Table este exclusiv un plugin premium. În timp ce există câteva opțiuni gratuite listate în directorul WordPress.org, nu am găsit niciunul care să fie la fel de flexibil sau bine documentat, așa că cred că Tabelul de produse WooCommerce merită prețul, care este ...

Descoperiți și câteva plugin-uri premium WordPress  

Puteți folosi altele WordPress plugin-uri pentru a oferi un aspect modern și pentru a optimiza gestionarea blogului sau site-ului dvs.

Vă oferim aici câteva plugin-uri WordPress premium care vă vor ajuta să faceți asta.

1. HBook

HBook este un Extensia WordPress ceea ce vă va permite să creați cu ușurință o soluție de rezervări online pe site-ul dvs.

Este perfect potrivit pentru oricine are o afacere în sectorul hotelier (hoteluri, apartamente de vacanță, camping etc.).

Descoperiți și noi Pluginurile 5 WordPress pentru a partaja conținutul blogului dvs.

Mulțumesc WordPress plug-in HBook, veți putea adăuga calendare de disponibilitate, liste de prețuri și formulare de rezervare pe site-ul dvs., în doar câteva secunde.

Descarca | Demo | web hosting 

2. WooCommerce Tabs Pro: file suplimentare pentru pagina de produse

Ce WordPress plug-in vă oferă file suplimentare nelimitate pe pagina produsului.

Principalele sale caracteristici sunt: ​​posibilitatea de schimbați titlul filelor, a editor pentru a edita conținut personalizat, pagposibilitatea de a fixa filele sau nu, alegerea pictograme pentru file, îndepărtarea ușoară file, ppersonalizarea poziției filelor pe interfața publică, emai mult ...

Descarca | Demo | web hosting

3. WooCommerce Multilevel Referral Plugin

Acest plugin WooCommerce permite afiliaților dvs. să obțină puncte de credit dacă abonații lor cumpără produsele dvs. din magazinul online existent.

Caracteristicile sale sunt, printre altele: configurarea unei limite personalizate de credit și de răscumpărare, rapoarte complete de administrare pentru utilizatorii înregistrați, gestionarea parametrilor globali sau specifici produsului, suportul codurilor scurte, și multe altele.

Descoperă și tu Cum să adăugați un formular de contact derulant în antetul dvs. global

Este un sistem de afiliere multi-nivel WooCommerce, ceva care se află în afara sistemului tranzacțional tipic de afiliere.

Descarca | Demo | web hosting

Alte resurse recomandate

De asemenea, vă invităm să consultați resursele de mai jos pentru a merge mai departe în controlul și controlul site-ului și blogului dvs.

• teme 9 WordPress pentru a crea un bio site-ul de vânzări de produse
• Servicii 6 CDN pentru a îmbunătăți viteza blogului dvs. WordPress 
• Cum să vă creați programul de afiliere cu WF Affiliate PlatForm
• Cum să vă actualizați manual pluginurile WordPress

Concluzie

Asta e! Asta e pentru acest tutorial. Sper că veți putea crea grile de produse WooCommerce pe WordPress. simte-te liber sa împărtășiți sfatul prietenilor dvs. de pe rețelele de socializare.

Cu toate acestea, veți putea, de asemenea, să ne consultați Resurse, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress.

Dar, între timp, spuneți-ne despre dvs. comentarii și sugestii în secțiunea dedicată.

...