Carousel Upsells and Related Product for Woocommerce

Плагин заменяет стандартные похожие и рекомендуемые товары (апсейлы) на карусели-слайдеры с помощью скрипта glide.js, который не зависит от jQuery. Данный скрипт работает в разы быстрее чем его аналоги слайдеры или карусели.

Просто активируйте плагин, и карусель похожих товаров уже появится в вашем магазине. Помимо прочего, вы можете отдельно настроить сопутствующие продукты или рекомендуемые (Upsells) продукты.

Дизайн карточек товаров будет соответствовать дизайну вашей темы, но следует отметить, что некоторые шаблоны имеют свои собственные карусели рекомендуемых или похожих товаров.

Настройки плагина

1. Woocommerce → Настройки → Товары → Карусель похожих товаров
2. Woocommerce → Настройки → Товары → Карусель рекомендуемых

Возможности:

1. Заменяет стандартный вывод похожих и рекомендуемых (апсейлов) товаров на карусель
2. Нет зависимости от jquery, загрузка очень быстрая
3. Вы можете изменить заголовок стандартной секции
4. Вы можете включить или отключить автозапуск карусели
5. Вы можете изменить временной интервал автопрокрутки карусели
6. Вы можете указать количество продуктов в карусели
7. Вы можете указать количество видимых товаров (указать сетку, колонки)
8. Вы можете указать количество отображаемых продуктов на мобильных устройствах и планшетах.
9. Похожие и рекомендуемые товары не отображаются, если их количество меньше указанного в карусели видимых товаров. То есть карусель не будет создана. Только качественная оптимизация.
10. Вы можете отключить карусель и управлять другими функциями — заголовок секции, количество отображаемых продуктов, количество колонок

Новые расширенные настройки

1. Подсказка на мобильном устройстве (см. скриншоты)
2. Стилизация мобильной подсказки (см. скриншоты)
3. Центральный режим с обрезкой (см. скриншоты)
4. Центральный режим только на мобильном устройстве
5. Выбор анимации перехода карусели
6. Настройка длительности анимации перехода
7. Установка расстояния между продуктами
8. Выбор иконок навигации (см. скриншоты)
9. Настройка цвета навигации

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

Преимущества плагина

Самое важное преимущество плагина “Carousel Upsells and Related Product for Woocommerce” заключается в том, что он использует “чистую” javascript библиотеку glide.js и не имеет зависимостей от jQuery. Основной JS файл плагина весит всего ~23kb, а в сжатом виде всего ~7kb. По сравнению с подобными каруселями-слайдерами, такие как Slick Slider(88kb, а в сжатом 44kb), Swiper Slide(более 100kb) или OWL carousel (89kb, а в сжатом 44kb) – это в разы меньше и напомню glide.js без зависимостей jQuery. При всем этом у glide.js присутствует режим Touch Swipe, который позволяет пальцем (касанием по элементу) двигать карусель в нужном направлении на мобильных устройствах.

В итоге данная карусель быстрее работает и моментально загружает ваши товары.

Обязательные плагины

• WooCommerce

Большое спасибо

• Спасибо за библиотеку javascript Glide.js Jędrzej Chałubek
• Благодарю за помощь и полезные советы разработчика Сampusboy
• Спасибо за помощь разработчику KAGG Design
• Отдельная благодарность разработчику и блогеру Артёму Абрамовичу
• За помощь Telegram каналу «WordPress & WooCommerce» и всем участникам
• За лучшую документацию на русском языке по WordPress wp-kama.ru

Поддержка плагина:

На кофе разработчикам

Переводы

Если вы хотите помочь с переводом этого плагина, добро пожаловать! Чтобы внести свой вклад, посетите translate.wordpress.org

Статьи о плагине:

Как установить карусель товаров woocommerce для рекомендуемых и похожих товаров?