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, который позволяет пальцем (касанием по элементу) двигать карусель в нужном направлении на мобильных устройствах.

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

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

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

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

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

Переводы

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

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

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

Скриншоты

  • Настройки плагина 1
  • Настройки плагина 2
  • Демонстрация центрального режима
  • Главные настройки похожих товаров
  • Дополнительные настройки карусели
  • Настройки подсказки на мобильном устройстве
  • Так выглядит подсказка на мобильном разрешении
  • Настройки центрального режима только для мобильных устройств
  • Отображение подсказки на смартфоне
  • Центральный режим в разных разрешениях
  • Дизайн зависит от стилей вашей темы.
  • Дизайн зависит от стилей вашей темы.
  • Дизайн зависит от стилей вашей темы.
  • Дизайн зависит от стилей вашей темы.

Установка

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

Установка из админ панели WordPress:

  1. Войдите в вашу админ-панель WordPress
  2. Перейти к плагинам -> Добавить новый
  3. Введите «Woocommerce Glide.js Carousel Upsells and Related Product» в поле поиска справа и нажмите Enter.
  4. Найдите этот плагин и Нажмите «Установить сейчас»
  5. Активируйте плагин

Ручная установка:

  1. Загрузите плагин из репозитория WordPress.org
  2. В панели администратора WordPress перейдите в раздел «Плагины -> Добавить новый -> Загрузить плагин».
  3. Upload the downloaded plugin file (carousel-upsells-and-related-product-for-woocommerce.0.3.7.zip) and click ‘Install Now’
  4. Активируйте ‘Woocommerce Glide.js Carousel Upsells and Related Product’ со страницы плагинов.

Часто задаваемые вопросы

Карусель работает не правильно, что мне делать?

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

Отзывы

03.04.2020
Hello, I have this error and I don't know why it happens... Fatal error: Cannot redeclare ffxf_action_footer_related() (previously declared in /homepages/36/xxxxxx/wp-content/plugins/carousel-upsells-and-related-product-for-woocommerce/includes/related.php:32) in /homepages/36/xxxxxx/wp-content/plugins/carousel-upsells-and-related-product-for-woocommerce/includes/related.php on line 31 Thank you
31.03.2020
Плагин отличный! Поддержка просто на высшем уровне! Большое спасибо за вашу работу!) Больше чем Рекомендую)
26.03.2020
It's definitely worth installing and even buying the pro version of this plug-in. It's a great value that works great. I was afraid to look at this type of app at first because during my research they said apps like this were pricey. This is anything but that. I wish more plugins were reasonably priced like this one.
25.03.2020
Very easy to set up! The plugin was not displaying well at the beginning (even though it was functionnal), but the support was super quick and help me fix my issue in less than 24h! More than recommended 🙂
29.01.2020
Amazing Plugin, easy to configure. No errors. Easy to change name of label: Upsell Products and Related Products
Посмотреть все 15 отзывов

Участники и разработчики

«Carousel Upsells and Related Product for Woocommerce» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники

«Carousel Upsells and Related Product for Woocommerce» переведён на 2 языка. Благодарим переводчиков за их работу.

Перевести «Carousel Upsells and Related Product for Woocommerce» на ваш язык.

Заинтересованы в разработке?

Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.

Журнал изменений

0.3.7

  • Added translation string for mobile tooltip

0.3.6

  • Обновлен CSS

0.3.5

  • Fixed a bug when choosing a navigation arrow in related products
  • Added new settings for themes that apply filters and functions

0.3.4

  • Исправлены ссылки для установленного WordPress в подпапке

0.3.3

  • Обновлен CSS

0.3.2

  • Обновлены стили настроек

0.3.1

  • Исправлен перевод строки

0.3.0

  • Последнее тестирование новых хуков и обновление плагинов
  • Новая опция — Подсказка на мобильном устройстве
  • Новая опция — Стилизация мобильной подсказки
  • Новая опция — Центральный режима с обрезкой
  • Новая опция — центральный режим только на мобильном устройстве
  • Новая опция — Выбор анимации перехода карусели
  • Новая опция — Установка продолжительности анимации перехода
  • Новая опция — установка расстояния между товарами
  • Новая опция — Выбор иконок навигации
  • Новая опция — настроить цвет навигации
  • Добавлены всплывающие подсказки в в админ панели
  • Добавлены демонстрационные окна с каруселями

0.2.9

  • Последнее тестирование новых хуков и обновление плагинов

0.2.8

  • Ликвидирована ошибка с уведомлением

0.2.7

  • Исправлена ошибка хука обновления

0.2.6

  • Тестирование хука обновления

0.2.5

  • Тестирование плагина на WordPress 5.3
  • Добавлены новые уведомления
  • Добавлены новые строки локализации

0.2.4

  • Тестирование новой версии плагина WooCommerce 3.8

0.2.3

  • Обновлен CSS

0.2.2

  • Обновлен CSS

0.2.1

  • Инсправлены ошибки

0.2.0

  • Инсправлены ошибки

0.1.9

  • Исправлена ошибка с текстовым доменом

0.1.8

  • Ликвидирована ошибка со всплывающим окном

0.1.7

  • Новый интерфейс
  • Обновлен POT файл
  • Обновлен CSS
  • Обновлен JavaScript
  • Добавлен новый параметр — отключить карусель

0.1.6

  • Обновлен JavaScript

0.1.5

  • Обновлен CSS

0.1.4

  • Обновлен CSS

0.1.3

  • Обновлен CSS

0.1.2

  • Исправлена ошибка навигации слайдера
  • Добавлен эффект при наведении на карусель в виде выезжающих навигационных стрелок

0.1.1

  • Презентация настроек первой версии плагина

0.1.0

  • Релиз