• Никакой политики на форуме. Иначе - бан!
  • Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!
  • Темы озаглавленные с маленькой буквы или капсом удаляются без предупреждения!

Важно! WooCommerce Product Table - мощный плагин-каталог

D&B

Администратор
Команда форума
Местный
Предлагаем простой и мощный способ создавать таблицы для каталога WooCommerce-товаров. Такой способ идеален для крупных каталогов, где много товаров, так как в этом случае ваш список товаров будет упорядочен в виде таблицы, по которой удобно искать, используя фильтры.

Вы можете создать простой каталог, доступный только для чтения, или же форму заказа с кнопками «Добавить в корзину». Этот мануал научит вас создавать впечатляющий каталог, используя великолепный плагин Product Table.

WooCommerce-Product-Table-Demo.gif

Этот WooCommerce-плагин каталога товаров идеален для создания одностраничного каталога ваших товаров. Он упрощает покупателям поиск по товарам. Шаблон каталога отображает товары более аккуратно и компактно, если сравнивать со стандартный шаблоном WooCommerce.

Шаблон каталога позволяет отображать больше товаров на одной странице, так что ваши клиенты увидят все разом. Это идеальный вариант, ели вам нужна более крупная таблица каталога, в которой вы можете отобразить сотни и даже тысячи WooCommerce-товаров.

Кому нужен WooCommerce-плагин каталога товаров?

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

Шаблоны товарного каталога можно использовать по-разному, например:

Форма заказа WooCommerce – ваш каталог может включать кнопки «Добавить в корзину» или боксы для галочек, необходимые для того, чтоб сразу добавить несколько товаров. Это решение позволяет вам добавить к WooCommerce-каталогу полноценную форму заказа. Или вы можете скрыть функциональность добавления в корзину, создав только лишь читабельный каталог.

  • WooCommerce-система заказа еды – Ресторанный бизнес или сервис доставки еды также может извлечь выгоду из этого плагина, позволив людям просматривать меню и заказывать еду online.
  • Товарная директория – товарный каталог также может функционировать, как полноценная WooCommerce директория с большим количеством товаров, отображенных в удобном формате.
  • WooCommerce -каталог оптовых продаж – WooCommerce Product Table – очень популярный выбор для создания каталогов оптовых продаж. Если вы расположите свои товары в таком удобном каталоге, то вашим пользователям будет значительно легче найти и заказать то, что надо.
  • Также этот плагин можно использовать в купе с другим расширением под названием WooCommerce Password Protected Categories, что позволяет создать оптовую секцию, которая существует отдельно от основного магазина.
Какие функции может иметь WooCommerce-таблица товарного каталога?

Плагин WooCommerce product catalog позволяет создать ничем не ограниченный товарный каталог, в котором собрана всевозможная информация о каждом товаре, включая колонки для:

  • Название товара
  • Короткое и длинное описание
  • Атрибуты
  • Кнопка «Добавить в корзину» (можно использовать с количественным селектором и товарными вариациями или без)
  • Изображение товара
  • Цена
  • Наличие
  • Артикул
  • Категории товаров
  • Теги
  • Кастомные поля (которые могут включать различную информацию, например, HTML-ссылки, шорткоды других плагинов, картинки, видео, аудио проигрыватели и многое другое.)
  • Кастомные таксономии
И не только:

ultimate-product-catalogue-770x513.png

Также есть множество дополнительных функций, которые касаются того, как отображается каталог и взаимодействия с ним пользователей. К примеру, вы можете добавить выпадающие фильтр-меню для категории, тега, атрибутов и кастомных таксономий. Вы можете добавить виджеты сайдбара, чтоб фильтровать по атрибутам, цене или рейтингу. Вы можете показывать или скрывать все элементы, включая поля поиска. Даже есть опции, позволяющие управлять отзывчивостью каталога на мобильных устройствах.

Также вы можете создать либо один большой каталог со всеми вашими WooCommerce товарами, либо поделить его на секции. Например, вы можете иметь отдельные таблицы для товаров с определенными категориями, тегами или значениями кастомных полей.

Как создать полноценный каталог товаров:

Для начала вам понадобятся 2 плагина

WooCommerce (бесплатный плагин, который можно скачать из WordPressхранилища плагинов)

WooCommerce Product Table

Теперь следуйте нашим инструкциям.

1. Создайте страницу для WooCommerce-таблицы каталога товаров.

Сначала создайте новую страницу для каталога товаров. Для этого перейдите в Страницы > Добавить новую в админке WordPress. Назовите страницу, как хотите, например, ‘Product Catalog’.

2. Введите дефолтный шорткод WooCommerce Product Table.

Теперь введите шорткод WooCommerce Product Table, который создаст таблицу, отображающую весь ваш каталог товаров (мы добавим больше колонок в следующем шаге!). Этот шорткод отобразит ваши товары в виде таблицы, где товары можно искать и сортировать.

Код:
[product_table]

Опубликуйте страницу и кликните «Просмотр страницы», чтоб увидеть вашу WooCommerce таблицу каталога товаров.

Вы увидите динамичный каталог, в котором перечислены все WooCommerce товары. Сейчас здесь используются дефолтные заголовки колонок – они могут, как подходить вашему каталогу, так и не подходить, но мы это скоро исправим. Эти колонки включают название товара, краткое описание, цена и кнопка «добавить в корзину»:

Default-WooCommerce-product-catalogue-plugin-770x268.jpg

3. Выбираем колонки для отображения в вашей таблице WooCommerce каталога товаров.

Теперь я покажу вам, как выбрать данные для включения в таблицу, чтоб сделать WooCommerce каталог товаров более удобным.

Давайте внесем изменения в шорткод WooCommerce Product Table, тем самым отредактировав колонки, отображающиеся в каталоге. Возвращаемся к редактированию страницы вашего товарного каталога и заменяем шорткод по умолчанию этим:

Код:
[product_table columns="sku,name,description,categories,att:size,tags,price"]

Так мы добавим параметр ‘columns’ в шорткод. В примере выше я добавил следующие колонки:

  • SKU– уникальный идентификатор товара. Многие товарные каталоги включают код товара или ID, что позволяет легко найти товар.
  • Title – главный заголовок для вашего товара
  • Description – длинное описание для WooCommerce-товара.
  • Categories – так мы говорим каталогу, что он должен отображать фильтрованную колонку, в которой перечислены категории, к которым относится тот или иной товар. Клиенты могут кликнуть на категорию, чтоб выбрать товары только из этой категории
  • att:size – так мы говорим товарному каталогу включать колонку для атрибута ‘размер’. Используйте этот формат для любых товарных атрибутов, которые вы хотите включить в каталог. Вместо ‘размера’, добавьте слот для любого атрибута вашего WooCommerce магазина.
  • tags – так мы добавляем фильтруемую колонку, которая перечисляет теги для каждого товара.
  • price – так мы говорим WooCommerce Product Table отображать поле «Цена»

можно также использовать и другие колонки из соответствующей базы

Теперь обновите и просмотрите вашу страницу. Вы увидите, что таблица превратилась в полезный WooCommerce каталог товаров. И вот 7 колонок, которые вошли в шорткод таблицы товаров:

Default-WooCommerce-product-catalogue-plugin-columns-770x261.jpg

4. Добавьте фильтры в WooCommerce-таблицу каталога товаров

Еще одна полезная опция в WooCommerce Product Table – это возможность добавлять выпадающие фильтры и фильтр-виджеты, чтоб клиенты могли быстро и легко находить товары в вашем каталоге

Выпадающие фильтры WooCommerce каталога

Чтоб добавить выпадающие фильтры, добавьте filters="true" в шорткод товарной таблицы. Например:

Код:
[product_table columns="sku,name,description,categories,att:size,tags,price" filters="true"]

WooCommerce-product-catalogue-plugin-with-filters-770x178.jpg

Виджеты-фильтры WooCommerce-товаров

Данный плагин также идет с собственной версией всех WooCommerce-виджетов фильтрации. Есть виджет, показывающий активные фильтры, фильтр послойной навигаци, который перечисляет атрибуты товара, слайдер цен и фильтр рейтингов.

Убедитесь, что каталог находится на странице, которая содержит шорткод таблицы товаров и имеет слайдер область. Вы можете добавить фильтр-виджеты, открыв Внешний вид > Виджеты и выбрав фильтры, которые начинаются с ‘Product Table’ для добавления в ваш слайдер. Фильтр-виджеты появятся на страницах вашего товарного каталога, но не затронут остальной сайт.

Как создать доступный только для чтения товарный каталог и отключить онлайн заказ

чтоб сделать это есть два способа:

Способ первый – Создание товарной таблицы, доступной только для чтения

Итак, вот что вам нужно сделать:

Вариант первый: Удалите колонку ‘add-to-cart’ из шорткода таблицы товаров WooCommerce.

Отключите ссылки на страницы единичных товаров

Вариант второй – используйте плагин YITH WooCommerce Catalog Mode

В качестве альтернативы можно использовать бесплатный плагин YITH WooCommerce Catalog Mode, который автоматически отключает возможность покупать онлайн.

Какую бы опцию вы не выбрали, теперь ваши клиенты смогут только просматривать каталог, без возможности добавлять товары в корзину и покупать онлайн.

read-only-ultimate-product-catalogue-770x506.png

Использование вашего WooCommerce каталога товаров

"Поиграть" с вашим WooCommerce каталогом можно на демо сайте плагина

Как видите, ваши клиенты могут много, что делать с таким каталогом. Они могут кликнуть на заголовок, чтоб увидеть саму страницу товара (хотя эту ссылку можно отключить, если нужно). Они могут кликнуть на категорию товара или тег, чтоб включить фильтр по этой категории. Также можно использовать форы поиска, чтоб находить нужные товары.

Клиенты также могут кликнуть на заголовки колонок, чтоб заказать товары из этой колонки.

Перейти к плагину
 

ADv

Гуру
Местный
Если кому нужен такой http://экоферма22.рф/2017/01/14/bystraya-vitrina-zakaza/ плагин "витрины магазина" обращайтесь. Реально упрощает процесс покупки, повышает конверсию. Плагин допиливался под моё ТЗ программистом, полностью на русском. Ценник - 1,500 рублей
Сайт в примере работы плагина - мой личный, боевой(коммерческий).
Ну хотя бы краткий список фич озвучьте.

Ничего экстра не удалось увидеть. Табличный вывод с фильтром по категориям?
 

Cyax

Новичок
Хороший плагин. А как сделать что б Категории с товарами отображались в таком же виде таблицы? Если нажать на категорию товара, то открывается страница стандартного шаблона.
 

Delf

Форумчанин
Хороший плагин. А как сделать что б Категории с товарами отображались в таком же виде таблицы? Если нажать на категорию товара, то открывается страница стандартного шаблона.

Поддержу, правильный вопрос - зачем городить новые страницы если есть готовый каталог?
 

Delf

Форумчанин
Или вы в смысле предлагаете в шаблон архива зафигачить?
 

Cyax

Новичок
Поддержу, правильный вопрос - зачем городить новые страницы если есть готовый каталог?
Да, плагин позволяет создавать новые страницы с шорткодом таблицы, все красиво, настраивается под себя, НО..... Любые ссылки на основной магазин, приводят в стандартный шаблон. К тому же, если создав страницу с таким шорткодом, вывести туда весь товар и в woocommerce указать страницу как "Страница магазина", то в начале страницы будет красивая таблица, а ниже весь тот же товар только в старом виде.
 

urun

Новичок
Возможно ли, используя данный плагин, избежать проблем, связанных с дублированием контента?
 

catman

Форумчанин
Перестали открываться закладки в Table Configuration и "expand" у колонок. Просто нажимаю - ноль реакции.
Хотя при наведении высвечивается адрес ссылок ".../wp-admin/post.php?post=18521&action=edit#table_style"
1601034465992.png
 

catman

Форумчанин
Такое чувство, что jQuery перестал браузером исполняться. Потому как и на яндексе фильтры картинок стали неактивны. Что за странность? На работе глючит, дома все работает...
Посмотреть вложение 5380
Как-то все прозаичнее оказалось. В консоли выдает ошибку, обращаясь ?v=2.0:6 WebSocket connection to 'wss://public-api.wordpress.com/pinghub/wpcom/me/newest-note-data' failed: Error during WebSocket handshake: Unexpected response code: 403
Решилось отключением Jetpack от WordPress.com . Буду разбираться дальше...
 

catman

Форумчанин
Пошло-поехало! Плаг стал ставить кучу + и - в количестве товара!1601271407251.png
 

catman

Форумчанин
Доброго дня! Подскажите как вывести форму поиска Product Table на главную страницу сайта без создания самой таблицы, а чтобы поиск выполнялся по всей базе? Есть общая таблица всех товаров, но ее не хочется выводить на главной. Просто форму поиска включить.
 

dim70

Опытный
Очень много похожих плагинов табличного вывода товаров. Такое ощущение что они все как под копирку сделаны, особенно эти два плагина:
1643734254283.png
Я понимаю конечно что там особо ничего уникального не придумаешь, но всё же изобилие табличных плагинов с одной стороны конечно радует с другой осложняет выбор )
 
Сверху Снизу