Skip to content

Все для WordPress, веб-розробки — і не тільки

📊 Огляд WooCommerce Product Table: чесний розбір флагманського плагіна Barn2

📊 Огляд WooCommerce Product Table: чесний розбір флагманського плагіна Barn2

Що таке WooCommerce Product Table

Приклад таблиці продуктів WooCommerce з рядком пошуку та колонками

WooCommerce Product Table, плагін від британської студії Barn2, який замінює стандартну сітку товарів WooCommerce на пошукову таблицю з сортуванням. Замість нескінченного скролу покупець бачить усі ключові дані, назву, ціну, категорію, атрибути, кнопку додавання в кошик, в одному компактному поданні.

Плагін працює на 20 000+ сайтах, має рейтинг 4,97 на основі 309+ відгуків та оновлений до версії 4.3.8. Barn2 розвивають продукт із 2016 року і за цей час додали понад 50 функцій, від лінивого завантаження до інтеграції з WPML та WooCommerce Product Add-Ons.

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

💡 Швидкий огляд:

  • Підключіть плагін, введіть ліцензійний ключ і виберіть шаблон таблиці, базовий запуск займає менш ніж 5 хвилин
  • Налаштуйте стовпці під свій каталог: назва, ціна, зображення, SKU, категорія, атрибути, кастомні поля, відображайте лише те, що важливо покупцеві
  • Додайте пошук, фільтри за категоріями та атрибутами, сортування кліком на заголовок стовпця, покупець знайде товар за секунди
  • Увімкніть масове додавання в кошик через чекбокси та селектори кількості, оптове замовлення оформлюється одним натисканням

Ключові можливості

Barn2 вклали в WooCommerce Product Table понад 50 функцій, розібрати кожну в одному огляді нереально, тому зосередимося на тих, що дають основний приріст конверсії та зручності.

Адаптивність із коробки

Адаптивна таблиця продуктів на мобільному екрані, колонки згортаються

Плагін на 100% адаптивний, таблиця автоматично підлаштовується під ширину екрана, а ви можете задати пріоритет колонок: які показувати завжди, а які приховувати на мобільних. Документація Barn2 підтверджує повну адаптивність із коробки. На смартфоні приховані колонки відкриваються по тапу на іконку «+», покупець не втрачає дані, просто отримує їх порційно.

Це не «гумова» верстка нашвидкуруч: Barn2 передбачили окремі налаштування видимості колонок для десктопа, планшета й телефона, плюс опцію показу прихованих колонок у модальному вікні.

Пошук, фільтри та сортування

Випадаючі фільтри та пошуковий рядок над таблицею продуктів

Миттєвий AJAX-пошук за ключовим словом, випадні фільтри за категоріями, тегами, атрибутами та кастомними таксономіями, сортування кліком по будь-якому стовпцю, все це доступно без жодного рядка коду. Таблицю можна «попередньо відфільтрувати», завантажити вже із застосованим пошуковим запитом, якщо сторінка створена під конкретну вибірку товарів.

Окремо варто згадати сумісність із нативними фільтр-віджетами WooCommerce (активні фільтри, слайдер ціни, рейтинг) та з плагіном WooCommerce Product Filters від тих самих Barn2, для магазинів зі складною структурою каталогу це зв'язка, що закриває всі сценарії.

Масове додавання в кошик

Прапорці поруч із кожним товаром, селектори кількості та варіацій прямо в таблиці, покупець оптового магазину чи ресторану формує замовлення за один екран. Кнопка «Add Selected to Cart» налаштовується: зверху таблиці, знизу або в обох місцях, текст змінюється на будь-який (наприклад, «Додати вибране» або «В кошик»).

Варіативні товари підтримуються в трьох режимах: випадний список варіацій у колонці кошика, окремий рядок на кожну варіацію або кнопка переходу на сторінку товару.

Підтримується AJAX-кошик, сторінка не перезавантажується під час додавання товару, покупець не втрачає позицію в таблиці.

Медіаконтент у таблиці

На відміну від більшості табличних плагінів, WooCommerce Product Table дозволяє вбудувати аудіо, відео та медіаплейлисти прямо в комірки. Зображення товарів відкриваються в лайтбоксі зі зумом, покупець розглядає продукт, не покидаючи таблицю.

Продуктивність: ліниве завантаження та кеш

Barn2 славляться якістю коду, і цей плагін не виняток. Вбудоване ліниве завантаження (AJAX) дозволяє виводити тисячі товарів без просідання швидкості, таблиця підвантажується після основного контенту сторінки, а дані довантажуються посторінково.

Плюс вбудований об'єктний кеш, за активного використання час завантаження скорочується кратно. Для власників великих каталогів це критично: таблиця на 5000 SKU не кладе швидкість сайту.

Сумісність із темами та WPML

Плагін протестований із десятками тем і конструкторів, від стандартних тем WooCommerce до кастомних збірок. Якщо виникає конфлікт, сапорт Barn2 відпрацьовує його, а не відмахується «це проблема вашої теми».

WPML-сумісність повна: таблиці коректно працюють будь-якою мовою, включно з RTL (іврит, арабська). У комплекті переклади 12 мовами: французькою, німецькою, голландською, італійською, грецькою, португальською, шведською, іспанською, івритом, норвезькою, польською та фінською.

Швидкий перегляд

Модальне вікно швидкого перегляду товару з кнопкою покупки

Завдяки безплатному аддону WooCommerce Quick View Pro до таблиці додаються кнопки швидкого перегляду, модальне вікно з повною інформацією про товар, варіаціями та кнопкою купівлі. Швидкий перегляд працює з усіма функціями основної таблиці: варіативні товари, лайтбокси, WPML, WooCommerce Subscriptions.

Встановлення та налаштування

WooCommerce Product Table — це преміум-плагін, у репозиторії WordPress.org його немає. Придбати можна на офіційному сайті Barn2.

Встановлення за 2 хвилини

Після покупки завантажуєте .zip, заходите в адмінку WordPress: Плагіни → Додати новий → Завантажити плагін → обираєте файл → ВстановитиАктивувати.

Введення ліцензії та базові налаштування

Сторінка налаштувань ліцензійного ключа WooCommerce Product Table

Переходьте в WooCommerce → Налаштування → Products → Product Table, вводьте ліцензійний ключ і зберігайте. На цій самій сторінці розташовані всі основні параметри:

  • Дизайн таблиці: попередньо встановлений (успадковує стилі теми) або кастомний, із налаштуванням кольору меж, фону комірок, заголовків і шрифтів
  • Вибірка товарів: усі товари або за категоріями, тегами, ID, кастомними полями, датою, статусом
  • Колонки: вибір і порядок стовпців, розмір зображень, довжина опису, лайтбокс, посилання на товари
  • Продуктивність: увімкнення/вимкнення лінивого завантаження та об'єктного кешу
  • Ліміт товарів: максимальна кількість позицій у таблиці
  • Масове додавання: чи показувати чекбокси та кнопку «Add Selected to Cart»
  • Фільтри та сортування: увімкнення/вимкнення, налаштування типового порядку

Створення таблиці через шорткод

Налаштування відображення таблиці продуктів через сторінку параметрів

Готова таблиця вставляється на будь-яку сторінку шорткодом [product_table]. Шорткод приймає десятки параметрів: стовпці, варіації, кнопку кошика, фільтри, сортування, ліміт. Повний перелік опцій, у документації Barn2.

Типово таблиця показує всі товари магазину. Через параметри шорткоду легко обмежити вибірку: конкретна категорія, тег, ID або кастомне поле. Можна створити кілька таблиць на одному сайті, наприклад, одну для роздрібного каталогу, іншу для оптового прайс-листа.

Ціни та ліцензії

Таблиця з трьома ціновими планами WooCommerce Product Table

Barn2 пропонують три тарифи з річною оплатою:

План

Сайтів

Підтримка

Ціна

Personal

1

Email-підтримка + оновлення

$99 / рік

Business

5

Пріоритетна підтримка + оновлення

$179 / рік

Agency

25

Пріоритетна підтримка + оновлення + безплатний аудит плагінів

$359 / рік

Усі плани передбачають 30-денну гарантію повернення, можна протестувати плагін на реальному магазині без ризику. Для фрилансерів і невеликих студій тариф Business за $179 на рік виглядає оптимальним: п'ять сайтів за ціною двох окремих ліцензій Personal.

Що кажуть користувачі

Відгуки користувачів про плагін WooCommerce Product Table

Плагін збирає стабільно високі оцінки, 4,97 на основі сотень відгуків. Ось кілька показових:

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

Плагін простий та інтуїтивний, але якщо потрібна допомога, сапорт відповідає миттєво. Відповіді завжди зрозумілі, виправлення застосовуються легко., Штейн

Плагін чудовий. Дуже докладна документація, навчальні відео. Кеті та команда Barn2 неймовірно чуйні. Два великі пальці вгору!, Раян

Спільна риса відгуків: хвалять не стільки функціональність (вона очікувано хороша), скільки якість підтримки й документованість продукту. Для плагіна, від якого залежить магазин — це вагоміше за список фіч.

⁉️🤔 Часті запитання

Чи підходить WooCommerce Product Table для варіативних товарів?

Так, і в трьох варіантах відображення. Можна вивести випадний список варіацій прямо в колонці кошика, розкласти кожну варіацію на окремий рядок таблиці або дати кнопку переходу на сторінку товару. Усі три режими працюють одночасно, ви обираєте той, що зручніший для конкретного каталогу.

Чи сповільнює таблиця сайт за великого каталогу?

Ні, якщо ввімкнено ліниве завантаження та об’єктний кеш. Barn2 проєктували плагін під каталоги від тисяч позицій: AJAX-підвантаження віддає дані порціями, кеш скорочує повторні запити до бази. На практиці таблиця з 5000 товарів вантажиться швидше, ніж стандартна сітка WooCommerce із сотнею.

Чи потрібен програміст для налаштування?

Для базового запуску, ні. Стандартний сценарій: купили, активували, ввели ключ, обрали шаблон, вставили шорткод на сторінку, п’ять хвилин. Глибока кастомізація (свої CSS, нестандартні колонки через ACF) може потребувати розробника, але документація покриває більшість сценаріїв із прикладами коду.

Чи працює плагін із мультимовними магазинами?

Так, повна сумісність із WPML. Таблиці коректно відображаються будь-якою мовою, включно з RTL-напрямком (іврит, арабська). У комплекті 12 мовних пакетів. Для Polylang теж працює, хоча офіційно заявлена підтримка лише WPML.

Чи можна вивести таблицю не на весь магазин, а на конкретну категорію?

Так, через параметри шорткода. Вказуєте категорію, тег, ID товарів, кастомне поле, дату або статус, таблиця покаже лише відфільтровану вибірку. Можна створити десяток таблиць під різні розділи каталогу на одному сайті.

Чи варто брати WooCommerce Product Table

WooCommerce Product Table — це той випадок, коли плагін робить рівно одне завдання й робить його бездоганно. Він не роздуває адмінку зайвими меню, не конфліктує з темами, не вбиває швидкість. При цьому покриває сценарії від роздрібного каталогу на 50 товарів до оптового прайс-листа на 5000 SKU з масовим замовленням.

Основний актив тут, не список фіч (він довгий, але типовий для категорії), а якість підтримки й документованість. Barn2 відповідають швидко й по суті, база знань покриває всі типові сценарії, а навчальні відео знімають поріг входу. Для власника магазину, який не хоче лізти в код — це вирішальний фактор.

Якщо у вас типовий магазин на 20-30 товарів із приблизно однаковими характеристиками, стандартної сітки WooCommerce може вистачити. Але щойно каталог перевалює за сотню позицій або покупцеві потрібно порівнювати товари за параметрами, таблиця продуктів окупає свою ціну за перший місяць зростанням конверсії.

🔗 WooCommerce Product Table на Barn2