Искали ли сте някога да създадете сортируема и филтрираща решетка, която съдържа всички или част от вашите продукти на WooCommerce?

Ако управлявате магазин на WooCommerce, знаете, че WooCommerce вече се предлага със специална страница за архив, която ви помага да демонстрирате отделни продукти.

Но в зависимост от това, което продавате, това не винаги е най-ефективният начин да покажете продуктите си.

В някои случаи показването на продукти на WooCommerce в мрежа е по-ефективно.

И ако това звучи като ситуацията, в която се намирате, вие сте добре, защото аз ще ви покажа как да създадете решетка на вашите продукти на WooCommerce.

Но ако никога не сте инсталирали WordPress, открийте Как да инсталирате WordPress Блог в 7 Стъпки et Как да се намери, инсталиране и активиране на WordPress тема на вашия блог 

След това обратно към защо сме тук.

Какво можете да направите с мрежа от продукти на WooCommerce?

Въпреки че не е пълен списък, ето няколко ситуации, при които продуктовата мрежа може да даде на посетителите по-добро изживяване от обикновената ви страница в архива:

Discover Как да инсталирате онлайн магазин в WordPress с приставката за WooCommerce

• Търговия на едро - ако продавате на едро много продукти, предоставянето на вашите клиенти лесен начин за сортиране или филтриране на мрежа може да бъде по-удобно за потребителя, отколкото да ги разглеждате по отделни продуктови страници.
• Продуктови каталози - по същия начин, ако просто искате да покажете лесен за разглеждане продуктов каталог, решетка за сортиране / филтриране на AJAX ще спести време на клиентите (и презареждане на страници).
• Поръчка на формуляри - ако искате да създадете формуляр за поръчка, базиран на продукти на WooCommerce, решетка предоставя много лесен начин да го направите. Също така е добър подход да се покаже меню на ресторант и да се приемат поръчки онлайн.

Как да създадете мрежа от продукти на WooCommerce

Ще използваме приставката Таблица с продукти на WooCommerce. Приставката е фокусирана единствено върху създаването на продуктова мрежа. И благодарение на своите интерфейсни параметри и Кратък, можете да персонализирате почти всеки аспект от това как работи вашата мрежа.

Прочетете и нашето ръководство за: Как да увеличите времето, прекарано на вашия блог WordPress

Ето някои от най-полезните функции, според мен:

• Лесно добавяне или изтриване на колони Можете дори да добавяте колони, съдържащи персонализирани полета или персонализирани таксономии, а таблицата с продукти на WooCommerce се интегрира напълно с разширени персонализирани полета.
• Включени са и джаджи за филтриране на 4. Те ви позволяват да осигурите на читателите безпроблемно изживяване, като предлагате опции за филтриране в страничната лента.
• Поддръжка на вариация на продукта / атрибут. Изберете от 3 различни начина за показване на вариации на продукти във вашата мрежа.
• Кутии с много подбор. Той улеснява създаването на формуляри за поръчки, като позволява на клиентите да избират множество продукти, преди да ги добавят в пазарската си количка.
• Незабавно търсене, сортиране и филтриране , Клиентите могат да манипулират данните на вашата мрежа, без да презареждат страницата.
• Добави в кошницата , По подобен начин клиентите могат да добавят продукти в кошниците си, без да презареждат страницата.
• Поддръжка на мързелив товар, Полезно за подобряване на работата на големите мрежи ( въпреки че това влияе върху възможността за предлагане на незабавно сортиране или филтриране )

Ето как да използвате тази приставка ...

1 Стъпка: Конфигурирайте функцията по подразбиране на мрежа

След като инсталирате и активирате приставката, първото нещо, което трябва да направите, е да конфигурирате функционалността по подразбиране за вашите мрежи. Вижте нашето стъпка по стъпка ръководство за това как да инсталирате приставка за WordPress.

Това по същество определя поведението на къси кодове по подразбиране. Но също така можете да промените това поведение за отделните мрежи, като добавите параметри към късия код.

За достъп до настройките на приставката, отидете на WooCommerce → Настройки. След това кликнете върху раздела Продукти и изберете опцията Таблици с продукти :

Конфигуриране на външния вид на вашите мрежи

На първо място, можете да изберете стила на вашата мрежа в раздела Дизайн на таблицата, Можете да го направите с:

• По подразбиране - както можете да си представите, тази опция използва настройките по подразбиране на приставката, без допълнителна намеса от ваша страна. Той ще се опита да използва максимално текущата тема на вашия блог.
• Personnalisé : когато е избран, той разширява списък с опции за стилизиране, който ви позволява да персонализирате цветовете и размерите на шрифта, без да е необходимо Персонализиран CSS.

След като настроите стила си, трябва да конфигурирате настройките по подразбиране за кратък код. Отново можете да ги редактирате за отделни къси кодове чрез параметрите на последния. Но настройването ще ви спести време и ще направи нещата малко по-лесни по-късно.

Повечето от настройките се обясняват самостоятелно и можете да видите, че таблицата с продукти на WooCommerce върши добра работа като предоставя съвет за съвет или документация, за да ви помогне да научите повече за всяка настройка.

Открийте също Как да добавите WooCommerce магазин на Facebook

След като зададете настройките по подразбиране за къси кодове, можете да превъртите допълнително, за да конфигурирате по-разширени настройки на оформлението и функциите.

Отново, приставката върши чудесна работа; този за предоставяне на допълнителна информация за някой от параметрите, който може да е малко труден за разбиране. 

Как да контролирате запасите на вашия онлайн магазин WooCommerce ? Открийте го, като кликнете върху този линк.

Едно нещо, на което трябва да обърнете внимание, е ограничаване на прогресивното зареждане. Ако решите да използвате прогресивно зареждане, за да ускорите вашия онлайн магазин, ще ограничите функцията за търсене и сортиране на приставката.

Вижте и нашата селекция от 12 най-добрите WooCommerce приставки за подобряване на вашия онлайн магазин

След като конфигурацията приключи, не забравяйте да запазите промените си.

Стъпка 2: Добавяне на WidChets Widgets (незадължително)

Както споменах, WooCommerce Product Table предлага и четири приспособления, които ви помагат да добавите опции за филтриране към страничната лента ( както можете за класическите магазини на WooCommerce ).

За да получите достъп до него, отидете на Външен вид → Джаджи както обикновено и прекарайте пръст върху желаните приспособления:

Стъпка 3: Добавете кратък код, където искате да покажете мрежата на вашия продукт

Вие сте на финалната линия! Сега всичко, което трябва да направите, е да добавите шорткода [product_table] където и да искате вашата мрежа да се появи.

Открийте и вие Как да намерите връзка към страницата за WordPress вход

По подразбиране шорткодът ще работи според настройките, които сте избрали в стъпка 1. Но ако искате да персонализирате функционалността за конкретни шорт кодове, можете да го направите, като използвате много параметри на къси кодове на разположение.

Например, за да използвате мрежата само за продукти от определена категория, можете да добавите параметър като този:

[product_table категория="шапки"]

Можете дори да бъдете креативни и да използвате условията И / ИЛИ тук.

Например:

• [product_table категория= "шапки + в звезда« ] показва само продукти, които принадлежат на гъши към категориите шапки et в звезди.
• [ Product_table категория= "шапки В звезда "] показва продукти, които са soit шапки ou категорията звезда.

Това внимание към дребните детайли е това, което прави решетката на продуктите на WooCommerce толкова голяма. 

Вижте и нашите 6 приставки за WordPress, за да вдъхнат нов живот на вашите статии

И това е всичко, което има с продуктовата мрежа на WooCommerce!

Ценообразуване на приставката за таблица с продукти на WooCommerce

Таблицата с продукти на WooCommerce е изключително премиум приставка. Въпреки че има няколко безплатни опции, изброени в директорията на WordPress.org, не намерих нито една толкова гъвкава или добре документирана, така че мисля, че таблицата с продукти на WooCommerce си заслужава цената, която е ...

За уебсайта 1 - $ 75

За сайтове на 5 мрежа - $ 135

За уебсайтове 20 - $ 275

Открийте и някои премиум приставки за WordPress  

Можете да използвате други WordPress плъгини, за да придадете модерен вид и да оптимизирате сцеплението на вашия блог или уебсайт.

Предлагаме ви тук няколко премиум WordPress приставки, които ще ви помогнат да направите това.

1. HBook

HBook е плъгин за WordPress, който ще ви позволи лесно да създадете онлайн решение за резервации на вашия уебсайт.

Той е идеален за всеки, който има бизнес в хотелския сектор (хотели, ваканционни апартаменти, къмпинг и др.).

Открийте и нашето 5 WordPress плъгини за споделяне на съдържанието на вашия блог

Благодарение на приставката WordPress HBook ще можете да добавяте календари за наличност, ценоразписи и формуляри за резервации към вашия уебсайт само за секунди.

Изтегляне | демонстрация | уеб хостинг 

2. WooCommerce Tabs Pro: Допълнителни раздели за страница с продукти

Тази приставка за WordPress ви предлага неограничени допълнителни раздели на страницата на продукта.

Основните му характеристики са: възможността за променете заглавието на разделите, a редактор за редактиране на персонализирано съдържание, стрвъзможност за закрепване на раздели или не, избор на икони за раздели, лесно премахване табове, стрперсонализиране на позицията на разделите на публичния интерфейс, напрт още ...

Изтегляне | демонстрация | уеб хостинг

3. WooCommerce многостепенно препращане плъгин

Този плъгин за WooCommerce позволява на вашите филиали да печелят кредитни точки, ако техните абонати купуват вашите продукти от съществуващия ви онлайн магазин.

Неговите характеристики са, наред с други: конфигурация на персонализиран лимит за кредит и обратно изкупуване, пълни административни отчети за регистрирани потребители, управление на глобални или специфични за продукта параметри, поддръжка на кратки кодове, и много други.

Открийте и вие Как да добавите падащ формуляр за контакт към глобалната си заглавка

Това е партньорска система на много нива на WooCommerce, нещо, което е извън типичната система за транзакции на партньори.

Изтегляне | демонстрация | уеб хостинг

Други препоръчани ресурси

Също така ви каним да се консултирате с ресурсите по-долу, за да отидете по-далеч в управлението на вашия уебсайт и блог.

• 9 WordPress теми за създаване на био уебсайт продажби на продукти
• 6 CDN услуги за подобряване на скоростта на вашия блог за WordPress 
• Как да създадете вашата партньорска програма с WP Affiliate PlatForm
• Как ръчно да актуализирате вашите WordPress приставки

Заключение

Това е! Това е за този урок. Надявам се да успеете да създадете продуктови решетки на WooCommerce на WordPress. Не се колебайте да го направите споделете съвета с приятелите си в социалните си мрежи.

Ще можете обаче да се консултирате с нас грабене на ресурси, ако имате нужда от повече елементи, за да осъществите вашите проекти за създаване на интернет сайтове, като се консултирате с нашето ръководство за Създаване на блог на WordPress.

Но междувременно ни кажете за вашите Връзка и предложения в специалния раздел.

...