Už ste niekedy chceli vytvoriť rezervu a filtrovateľnú mriežku, ktorá obsahuje všetky vaše produkty WooCommerce alebo ich časť?

Ak prevádzkujete obchod WooCommerce, viete, že WooCommerce už má samostatnú archívnu stránku, ktorá vám pomôže predviesť jednotlivé produkty.Ako vytvoriť mriežku produktov wordpress woocommerce 1

V závislosti od toho, čo predávate, to však nie je vždy najefektívnejší spôsob prezentácie vašich výrobkov.

V niektorých prípadoch je efektívnejšie zobrazovanie produktov WooCommerce v mriežke.

A ak to znie ako situácia, v ktorej ste, ste v poriadku, pretože vám ukážem, ako vytvoriť mriežku vašich produktov WooCommerce.

Ale ak ste nikdy nenainštalovali WordPress, objavte to Ako nainštalovať 7 krokov WordPress blogu et Ako nájsť, nainštalovať a aktivovať WordPress tému na svojom blogu 

Potom späť k tomu, prečo sme tu.

Čo môžete urobiť so sieťou produktov WooCommerce?

Aj keď nejde o úplný zoznam, tu je niekoľko situácií, keď produktová mriežka môže poskytnúť návštevníkom lepší zážitok ako vaša bežná stránka archívu:

Discover Ako nainštalovať online obchod v aplikácii WordPress pomocou doplnku WooCommerce

  • Veľkoobchodné predajne - ak predávate veľké množstvo výrobkov, uľahčenie triedenia alebo filtrovania mriežky pre vašich zákazníkov môže byť pre používateľov pohodlnejšie ako ich prehliadanie jednotlivých stránok s produktmi.
  • Katalógy produktov - podobne, ak si chcete zobraziť iba prehľadný katalóg výrobkov, mriežka na triedenie a filtrovanie AJAX zákazníkom ušetrí čas (a opätovné načítanie stránok).
  • Objednávkové formuláre - ak chcete vytvoriť objednávkový formulár založený na produktoch WooCommerce, mriežka poskytuje veľmi jednoduchý spôsob, ako to urobiť. Je to tiež dobrý prístup k zobrazeniu ponuky reštaurácie a prijímaniu objednávok online.

Ako vytvoriť sieť produktov WooCommerce

Budeme používať plugin Tabuľka produktov WooCommercePlugin sa osobitne zameriava na vytvorenie produktovej mriežky. A vďaka svojim parametrom rozhrania a shortcode, môžete prispôsobiť takmer všetky aspekty toho, ako vaša mriežka funguje.

Prečítajte si tiež nášho sprievodcu: Ako zvýšiť čas strávený na vašom blogu WordPress

Podľa môjho názoru uvádzam niektoré z najužitočnejších funkcií:

  • Ľahko pridať alebo odstrániť stĺpce Môžete dokonca pridať stĺpce obsahujúce vlastné polia alebo vlastné taxonómie a tabuľka produktov WooCommerce sa plne integruje do rozšírených vlastných polí.
  • Vrátane miniaplikácií filtrov 4. Tieto vám umožňujú poskytnúť čitateľom bezproblémový zážitok tým, že na bočnom paneli ponúknu možnosti filtrovania.
  • Podpora variácií produktu / atribútov. Vyberte si z 3 rôznych spôsobov, ako zobraziť variácie produktu v mriežke.
  • Viacnásobné výberové políčka. Uľahčuje vytváranie objednávkových formulárov tým, že umožňuje zákazníkom vybrať viac produktov pred ich pridaním do nákupného košíka.
  • Okamžité vyhľadávanie, triedenie a filtrovanie , Zákazníci môžu manipulovať s dátami vašej mriežky bez opätovného načítania stránky.
  • Pridať do košíka , Podobne môžu zákazníci do svojich košov pridávať výrobky bez opätovného načítania stránky.
  • Podpora Lazy Load, Užitočné pre zlepšenie výkonu veľkých sietí ( to však ovplyvňuje schopnosť ponúkať okamžité triedenie alebo filtrovanie )

Týmto spôsobom sa používa tento doplnok ...

Krok 1: Konfigurácia predvolenej funkcie mriežky

Po inštalácii a aktivácii doplnku je potrebné najprv nakonfigurovať predvolené funkcie vašich sietí. Pozrite si nášho podrobného sprievodcu o tom, ako nainštalovať doplnok WordPress.

Toto v podstate definuje predvolené správanie skráteného kódu. Toto správanie však môžete zmeniť aj pre jednotlivé siete pridaním parametrov do skráteného kódu.

Ak chcete získať prístup k nastaveniam doplnku, prejdite na WooCommerce → Nastavenia. Potom kliknite na kartu Produkty a vyberte možnosť Tabuľky produktov :

pridať stĺpky produktu woocommerce wordpress.png

Konfigurácia vzhľadu mriežok

Najskôr si môžete v sekcii zvoliť štýl mriežky Tabuľka návrhu, Môžete to urobiť:

  • štandardné - ako si viete predstaviť, táto možnosť použije predvolené nastavenia doplnku bez ďalších zásahov z vašej strany. Pokúsi sa čo najviac využiť aktuálnu tému vášho blogu.
  • Personnalisé : ak je vybraté, rozširuje zoznam možností štýlov, ktoré vám umožňujú prispôsobiť farby a veľkosti písma bez potreby Vlastné CSS.

prispôsobiť tabuľku produktov css.png

Po nastavení štýlu musíte nakonfigurovať predvolené hodnoty skráteného kódu. Opäť ich môžete upravovať pre jednotlivé krátke kódy pomocou ich parametrov. Ale nastavenie vám ušetrí čas a neskôr to trochu uľahčí.

konfigurácia tabuľky nastavení produktu.png

Väčšina nastavení je samovysvetľujúca a môžete vidieť, že tabuľka produktov spoločnosti WooCommerce odvádza dobrú prácu pri poskytovaní popisov nástrojov alebo odkazov na dokumentáciu, ktoré vám pomôžu dozvedieť sa viac o každom nastavení.

Discover Ako pridať obchod WooCommerce na Facebooku

Po nastavení predvolených predvolieb kódu sa môžete posúvať ďalej a nakonfigurovať pokročilejšie nastavenia rozloženia a funkcií.

pokročilá konfigurácia tabuliek produktu.png

Plugin opäť odvádza skvelú prácu; ten, ktorý poskytuje ďalšie informácie o parametroch, ktoré môžu byť trochu ťažko pochopiteľné. 

Ako ovládať zásoby vášho internetového obchodu WooCommerce ? Objavte to kliknutím na tento odkaz.

Jedna vec, ktorú treba venovať, je obmedzenie progresívneho nabitia. Ak sa rozhodnete pre zrýchlenie online obchodu pomocou progresívneho načítania, obmedzíte funkčnosť vyhľadávania a triedenia doplnku.

Pozri tiež náš výber Najlepšie pluginy WooCommerce 12 pre vylepšenie vášho online obchodu

Po dokončení konfigurácie nezabudnite zmeny uložiť.

Krok 2: Pridanie miniaplikácií mriežky WooCommerce (voliteľné)

Ako som už spomenul, tabuľka produktov WooCommerce ponúka aj štyri widgety, ktoré vám pomôžu pridať možnosti filtrovania na bočný panel ( ako je to možné pre klasické obchody WooCommerce ).

Prístup k nemu získate na stránke Vzhľad → Widgety ako obvykle a potiahnite prstom po požadovaných widgetoch:

widget tabuľka woocommerce.png

Krok 3: Pridajte krátky kód na miesto, kde chcete zobraziť mriežku produktu

Ste v cieli! Všetko, čo musíte urobiť, je pridať krátky kód [product_table] kdekoľvek chcete, aby sa vaša mriežka objavila.

Objavte tiež Ako nájsť odkaz na WordPress prihlasovaciu stránku

Predvolene bude krátky kód fungovať podľa nastavení, ktoré ste vybrali v kroku 1. Ak si však chcete prispôsobiť funkcie pre konkrétne krátke kódy, môžete tak urobiť pomocou veľa parametrov krátkeho kódu k dispozícii.

Napríklad ak chcete použiť mriežku iba na produkty konkrétnej kategórie, môžete pridať parameter, ako je tento:

[product_table kategórie="klobúky"]

Môžete tu byť dokonca kreatívni a používať podmienky A / ALEBO.

Napríklad:

  • [product_table kategórie= "klobúky + v hviezda« ] zobrazuje iba produkty, ktoré patria do skupiny fois do kategórií klobúkov et v hviezdach.
  • Product_table kategórie= "klobúky hviezda "] zobrazuje produkty, ktoré sú či klobúky ou kategória hviezd.

Táto pozornosť venovaná malým detailom je dôvodom, prečo je sieť produktov WooCommerce taká veľká. 

Pozri tiež naše 6 doplnkov WordPress, ktoré vdýchnu vašim článkom nový život

A to je všetko, čo k tomu patrí, s produktovou mriežkou na WooCommerce!

Ceny doplnkov tabuľky produktov WooCommerce

Tabuľka produktov WooCommerce je výhradne prémiový doplnok. Aj keď je v adresári WordPress.org uvedených niekoľko bezplatných možností, nenašiel som žiadne, ktoré by boli také flexibilné alebo dobre zdokumentované, takže si myslím, že tabuľka produktov WooCommerce stojí za to, čo je ...

Pre web 1 - 75 dolárov

Pre weby 5 web - 135 dolárov

Pre webové stránky 20 - 275 dolárov

Objavte aj niektoré prémiové doplnky WordPress  

Môžete použiť iné WordPress pluginy poskytnúť moderný vzhľad a optimalizovať prácu s vaším blogom alebo webovou stránkou.

Ponúkame vám tu niekoľko prémiových doplnkov WordPress, ktoré vám to pomôžu.

1. HBook

HBook je a Rozšírenie WordPress ktorý vám umožní jednoducho vytvoriť online rezervačné riešenie na vašom webe.

Hbook

Je perfektne vhodný pre každého, kto podniká v hotelovom sektore (hotely, dovolenkové byty, kemping atď.).

Objavte aj naše 5 WordPress pluginy na zdieľanie obsahu vášho blogu

Vďaka WordPress Plugin HBook, budete môcť na svoju webovú stránku pridať kalendáre dostupnosti, cenníky a rezervačné formuláre v priebehu niekoľkých sekúnd.

Stiahnuť | demo | web hosting 

2. Karty WooCommerce Pro: Extra karty pre stránku produktu

Ce WordPress Plugin vám poskytuje neobmedzené množstvo ďalších kariet na stránke produktu.Nadbytočné karty-product-page-WordPress-plugin-to-page-staviteľ

Jeho hlavné vlastnosti sú: možnosť zmeniť názov kariet, a editor na úpravu vlastného obsahu, strmožnosť pripnutia kariet alebo nie, výber ikony pre karty, ľahké odstránenie karty, strprispôsobenie polohy kariet na verejnom rozhraní, naprt viac ...

Stiahnuť | demo | web hosting

Tento doplnok WooCommerce umožňuje vašim pridruženým spoločnostiam získavať kreditné body, ak ich predplatitelia kupujú vaše produkty z vášho existujúceho internetového obchodu.

Viacúrovňový odporúčací doplnok Woocommerce

Medzi jeho vlastnosti patrí: konfigurácia prispôsobeného limitu kreditu a uplatnenia, kompletné správy o správe pre registrovaných používateľov, správa globálnych parametrov alebo parametrov špecifických pre produkt, podpora krátkych kódov, a mnoho ďalších.

Objavte tiež Ako pridať rozbaľovací kontaktný formulár do svojej globálnej hlavičky

Je to viacúrovňový pridružený systém WooCommerce, niečo, čo je mimo typického pridruženého transakčného systému.

Stiahnuť | demo | web hosting

Ďalšie odporúčané zdroje

Tiež vás pozývame, aby ste si prečítali zdroje uvedené nižšie, aby ste sa presadili a ovládali svoje webové stránky a blog.

záver

To je všetko! To je pre tento tutoriál. Dúfam, že na WordPress budete môcť vytvoriť produktové siete WooCommerce. kľudne zdieľajte tip so svojimi priateľmi na svojich sociálnych sieťach.

Môžete sa však poradiť aj s našimi zdroje, ak potrebujete viac prvkov na realizáciu svojich projektov tvorby internetových stránok, konzultujte nášho sprievodcu na internete Tvorba blogu WordPress.

Medzitým nám ale povedz niečo o svojom Komentáre a návrhy vo vyhradenej sekcii.

...