При разработке интернет-магазина на WooCommerce и WordPress была необходимость создавать таблицы для товаров с вариациями. Обычно можно встретить множество плагинов или модулей по реализации нужного функционала в карточке товара, но чтобы тоже самое вывести в списке товара нет никаких плагинов или информации. Хотя такое решение требуется зачастую очень часто, особенно для сайтов с большим количеством вариативных товаров. Оптовым покупателям очень удобно покупать товары в табличном виде, когда не надо заходить в карточку товара, а выбрать товар в каталоге и добавить необходимые вариации себе в корзину и двигаться дальше по каталогу.
Вот пример реализации в одном из наших проектов:
В данном примере мы выводим товары в каталоге (товары списком) в 3 колонки: размеры, цена и выбор количества. Товары добавляются моментально без обновления страницы и переходов в карточку товара.
А вот так таблица выглядит в карточке товара:
Для разработки мы сначала искали готовые варианты, но все они платные и только для реализации в карточке товара, но также могут многим пригодиться, отобрали такие решения:
Поскольку мы не нашли решения для списка товаров, мы разработали свое решение, пока выкладываем не плагином, а просто куском кода, который можно вставить в нужное место как в карточке товара, так и в списке товаров.
Ссылка на скачивание.
Если есть вопросы или хотите чтобы мы помогли вам с реализацией мы будем рады. Оставляйте заявки в форме обратной связи.