Už jste někdy chtěli vytvořit mřížku a filtrovatelnou mřížku, která bude obsahovat všechny vaše produkty WooCommerce nebo jejich část?

Pokud provozujete obchod WooCommerce, víte, že WooCommerce již přichází s vyhrazenou archivní stránkou, která vám pomůže předvést jednotlivé produkty.Jak vytvořit mřížku produktů wordpress woocommerce 1

V závislosti na tom, co prodáváte, to však není vždy nejúčinnější způsob prezentace produktů.

V některých případech je zobrazování produktů WooCommerce v mřížce efektivnější.

A pokud to zní jako situace, ve které se nacházíte, jste v pořádku, protože vám ukážu, jak vytvořit mřížku vašich produktů WooCommerce.

Ale pokud jste nikdy nenainstalovali WordPress, objevte to Jak nainstalovat 7 kroků WordPress blogu et Jak najít, nainstalovat a aktivovat WordPress téma na svém blogu 

Pak zpět k tomu, proč jsme tady.

Co můžete udělat se sítí produktů WooCommerce?

I když nejde o úplný seznam, zde je několik situací, kdy produktová mřížka může návštěvníkům poskytnout lepší zážitek než vaše běžná stránka archivu:

Discover Jak nainstalovat internetový obchod v aplikaci WordPress pomocí pluginu WooCommerce

  • Velkoobchodní prodejny - pokud velkoobchodně prodáváte velké množství produktů, může být snadný způsob třídění nebo filtrování mřížky pro vaše zákazníky více uživatelsky přívětivý než jejich procházení jednotlivých stránek produktů.
  • Katalogové katalogy - podobně, pokud chcete zobrazit pouze snadno procházitelný katalog produktů, mřížka řazení / filtrování AJAX ušetří zákazníkům čas (a opětovné načtení stránky).
  • Objednávkové formuláře - pokud chcete vytvořit objednávkový formulář založený na produktech WooCommerce, mřížka poskytuje velmi snadný způsob, jak to udělat. Je to také dobrý přístup k zobrazení nabídky restaurace a přijímání online objednávek.

Jak vytvořit síť produktů WooCommerce

Budeme používat plugin Tabulka produktů WooCommercePlugin je zvlášť zaměřen na vytvoření produktové mřížky. A díky jeho parametrům rozhraní a zkrácený, můžete přizpůsobit téměř všechny aspekty fungování vaší mřížky.

Přečtěte si také našeho průvodce: Jak zvýšit čas strávený na vašem blogu WordPress

Zde jsou některé z nejužitečnějších funkcí, podle mého názoru:

  • Slouží k přidání nebo odstranění sloupců Můžete dokonce přidat sloupce obsahující vlastní pole nebo vlastní taxonomie a tabulka produktů WooCommerce se plně integruje s pokročilými vlastními poli.
  • Včetně widgetů filtru 4. Ty vám umožní poskytnout čtenářům bezproblémový zážitek tím, že na bočním panelu nabídnete možnosti filtrování.
  • Podpora variant produktu / atributu. Vyberte si ze 3 různých způsobů, jak zobrazit varianty produktu v mřížce.
  • Krabice s výběrem. Usnadňuje vytváření objednávkových formulářů tím, že umožňuje zákazníkům vybrat více produktů před jejich přidáním do nákupního košíku.
  • Okamžité vyhledávání, třídění a filtrování , Zákazníci mohou manipulovat s mřížkovými daty bez opětovného načtení stránky.
  • Přidat do košíku , Podobně mohou zákazníci do svých košů přidat produkty, aniž by museli stránku znovu načíst.
  • Podpora Lazy Load, Užitečné pro zlepšení výkonu velkých sítí ( i když to ovlivňuje možnost nabídnout okamžité třídění nebo filtrování )

Zde je návod, jak použít tento plugin ...

Krok 1: Konfigurace výchozí funkce mřížky

Po instalaci a aktivaci pluginu je první věcí, kterou musíte udělat, nakonfigurovat výchozí funkce vašich sítí. Podívejte se na našeho průvodce krok za krokem, jak nainstalovat plugin WordPress.

To v podstatě definuje výchozí chování krátkého kódu. Toto chování však můžete také změnit u jednotlivých sítí přidáním parametrů do krátkého kódu.

Chcete-li získat přístup k nastavení pluginu, přejděte na WooCommerce → Nastavení. Poté klikněte na kartu Produkty a vyberte možnost Tabulky produktů :

přidat sloupce produktu woocommerce wordpress.png

Konfigurace vzhledu mřížek

Nejprve si můžete v sekci vybrat styl mřížky Návrh stolu, Můžete to udělat:

  • Automaticky - jak si dokážete představit, tato možnost používá výchozí nastavení pluginu bez dalšího zásahu z vaší strany. Pokusí se co nejvíce využít aktuální téma vašeho blogu.
  • Personnalisé : je-li vybráno, rozšiřuje seznam možností stylingu, který vám umožňuje přizpůsobit barvy a velikosti písma bez nutnosti Vlastní CSS.

přizpůsobit tabulku produktu css.png

Po nastavení stylu musíte nakonfigurovat výchozí nastavení krátkého kódu. Opět je můžete upravovat pro jednotlivé krátké kódy pomocí parametrů posledního kódu. Nastavení vám ale ušetří čas a později to trochu ulehčí.

konfigurace tabulky nastavení produktu.png

Většina nastavení je samovysvětlující a můžete vidět, že tabulka produktů WooCommerce odvádí dobrou práci při poskytování popisů nástrojů nebo odkazů na dokumentaci, které vám pomohou dozvědět se více o každém nastavení.

Objevte také Jak přidat obchod WooCommerce na Facebooku

Jakmile nastavíte výchozí hodnoty krátkých kódů, můžete se posunout dále a nakonfigurovat pokročilejší nastavení rozvržení a funkcí.

pokročilá konfigurace produktu tables.png

Plugin opět odvádí skvělou práci; ten, který poskytuje další informace o kterémkoli z parametrů, které mohou být trochu obtížné pochopit. 

Jak ovládat zásoby vašeho internetového obchodu WooCommerce ? Objevte to kliknutím na tento odkaz.

Jedna věc, kterou je třeba věnovat pozornost, je omezení progresivního nabití. Pokud se rozhodnete použít progresivní načítání ke zrychlení vašeho online obchodu, omezíte funkčnost vyhledávání a řazení pluginu.

Podívejte se také na náš výběr 12 nejlepší pluginy WooCommerce pro zlepšení vašeho online obchodu

Po dokončení konfigurace nezapomeňte změny uložit.

Krok 2: Přidání widgetů mřížky WooCommerce (volitelné)

Jak jsem již zmínil, tabulka produktů WooCommerce také nabízí čtyři widgety, které vám pomohou přidat možnosti filtrování do postranního panelu ( jako u klasických obchodů WooCommerce ).

Chcete-li se k němu dostat, přejděte na Vzhled → Widgety jako obvykle a posuňte požadované widgety:

widget tabulka woocommerce.png

Krok 3: Přidejte zkrácený kód tam, kde chcete zobrazit mřížku produktu

Jste v cílové čáře! Nyní vše, co musíte udělat, je přidat zkrácený kód [product_table] kdekoli chcete, aby se vaše mřížka objevila.

Objevte také Jak najít odkaz na WordPress přihlašovací stránku

Ve výchozím nastavení bude zkrácený kód fungovat podle nastavení, které jste zvolili v kroku 1. Chcete-li však přizpůsobit funkce pro konkrétní zkrácené kódy, můžete tak učinit pomocí mnoho parametrů krátkého kódu k dispozici.

Chcete-li například použít mřížku pouze u produktů konkrétní kategorie, můžete přidat parametr, jako je tento:

[product_table kategorie="klobouky"]

Můžete zde být dokonce kreativní a používat podmínky AND / OR.

Například:

  • [product_table kategorie= "klobouky + v hvězda« ] zobrazuje pouze produkty, které patří do fois do kategorií klobouků et ve hvězdách.
  • Product_table kategorie= "klobouky hvězda "] zobrazuje produkty, které jsou soit klobouky ou kategorie hvězd.

Tato pozornost na malé detaily je to, co dělá síť produktů WooCommerce tak skvělou. 

Viz také naše 6 doplňků WordPress, které vdechnou vašim článkům nový život

A to je vše, co k tomu patří, s produktovou mřížkou na WooCommerce!

Ceny pluginů tabulky produktů WooCommerce

Tabulka produktů WooCommerce je výhradně prémiový plugin. I když je v adresáři WordPress.org uvedeno několik volných možností, nenašel jsem žádné, které by byly tak flexibilní nebo dobře zdokumentované, takže si myslím, že tabulka produktů WooCommerce stojí za tu cenu, což je ...

Pro web 1 - 75 $

Pro weby 5 web - 135 $

Pro webové stránky 20 - 275 $

Objevte také některé prémiové doplňky WordPress  

Můžete použít jiné WordPress pluginy poskytnout moderní vzhled a optimalizovat práci s vaším blogem nebo webem.

Nabízíme vám zde prémiové doplňky WordPress, které vám to pomohou.

1. HBook

HBook je a Rozšíření WordPress který vám umožní snadno vytvořit online rezervační řešení na vašem webu.

Hbook

Je perfektně vhodný pro každého, kdo podniká v hotelovém sektoru (hotely, prázdninové byty, kempy atd.).

Objevte také naše 5 WordPress pluginy pro sdílení obsahu vašeho blogu

Díky WordPress Plugin HBook, budete moci přidat kalendáře dostupnosti, ceníky a rezervační formuláře na svůj web během několika sekund.

Stáhnout | Demo | Web hosting 

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

Ce WordPress Plugin vám poskytuje neomezené množství dalších karet na stránce produktu.Nadbytečné karty-product-page-WordPress-plugin-to-page-stavitel

Jeho hlavní rysy jsou: možnost změnit název záložek, a editor pro úpravu vlastního obsahu,možnost připnutí karet nebo ne, výběr ikony pro karty, snadné odstranění karty, strpřizpůsobení polohy karet na veřejném rozhraní, napřvíce ...

Stáhnout | Demo | Web hosting

Tento plugin WooCommerce umožňuje vašim přidruženým společnostem získávat kreditní body, pokud jejich odběratelé nakupují vaše produkty z vašeho stávajícího internetového obchodu.

Víceúrovňový odkazovací modul Woocommerce

Mezi jeho funkce patří: konfigurace přizpůsobeného limitu kreditu a vyplacení, kompletní zprávy o správě pro registrované uživatele, správa globálních nebo specifických parametrů produktu, podpora krátkých kódů, a mnoho dalších.

Objevte také Jak přidat rozevírací kontaktní formulář do své globální záhlaví

Jedná se o víceúrovňový přidružený systém WooCommerce, něco, co je mimo typický přidružený transakční systém.

Stáhnout | Demo | Web hosting

Další doporučené zdroje

Zveme vás také, abyste si prostudovali níže uvedené zdroje, abyste se dostali dále do sevření a kontroly nad svým webem a blogem.

Proč investovat do čističky vzduchu?

To je vše! To je pro tento tutoriál. Doufám, že budete moci vytvořit mřížky produktů WooCommerce na WordPress. Neváhejte sdílejte tip se svými přáteli na svých sociálních sítích.

Budete však také moci konzultovat naše ressources, pokud potřebujete více prvků k realizaci vašich projektů vytváření internetových stránek, nahlédněte do našeho průvodce na internetu Vytvoření blogu WordPress.

Ale mezitím nám pověz o svém commentaires a návrhy ve vyhrazené sekci.

...