Слайдер WooCommerce с количеством и вариациями

Question

Я должен сделать слайдер продуктов WooCommerce, который позволит мне отображать селектор количества и размеры продуктов, как я нарисовал на прикрепленном изображении.

пример изображения, сделанного вphotoshop

есть ли плагин, который позволяет мне получить это?

Answer 1

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

Если вы хотите сделать это самостоятельно, вы можете использовать для этого любую библиотеку JavaScript-каруселей.

1. Вам нужно сделатьцикл на вашей странице, чтобы показать нужные продукты ( Пример )

2. Использовать библиотеку JavaScript (например: SlickJs ) и цельваш список продуктов генерируется из вашего бэкэнда

3. Управляйте количеством и размером из JavaScript или обрабатывайте эти настройки, когда пользователь нажимает кнопку Добавить в корзину

Например, SlickJ должны позволять вашему пользователю взаимодействовать внутри слайда.Вы можете отключить настройки draggable, если щелчок внутри слайдов не работает должным образом.