Опис
The plugin replaces the standard related and upsells products on carousel slider using a script glide.js that does not depend on the jquery, which much faster than its analogues.
Просто активуйте плагін, і карусель супутніх товарів вже з’явиться у вашому магазині. Крім того, ви можете окремо налаштувати супутні товари або рекомендовані (Upsells) товари.
The design of the product cards will match the design of your template, but it should be noted that some templates have their own custom carousels of recommended or related products.
Налаштування плагіна
- Woocommerce → Settings → Products → Related Product Carousel
- Woocommerce → Settings → Products → Upsells Product Carousel
Можливості:
- Замінює стандартне відображення схожих і рекомендованих (апселів) товарів на карусель
- Немає залежності від jquery, завантаження дуже швидке
- Ви можете змінити заголовки стандартних розділів
- Ви можете включити або відключити автозапуск
- Ви можете змінити інтервал часу для прокрутки каруселі
- Ви можете вказати кількість товарів в каруселі
- Ви можете вказати кількість видимих товарів (вказати сітку)
- Ви можете вказати кількість товарів, що відображаються на мобільних пристроях і планшетах
- Схожі та рекомендовані товари не відображаються, якщо їх кількість менше зазначеного в каруселі видимих товарів. Тобто карусель не буде створена. Тільки якісна оптимізація.
- Ви можете відключити карусель і управляти іншими функціями – заголовок розділу, кількість товарів, що відображаються, кількість колонок
New advanced settings
- Hint on a mobile device (see. Screenshots)
- Styling a mobile hint (see. Screenshots)
- Central mode with cropping (see. Screenshots)
- Central mode on mobile device only
- Choosing a carousel transition animation
- Setting duration of the transition animation
- Setting the distance between products
- The choice of navigation icons (see. Screenshots)
- Setting the color of navigation
All new options have tips right in the admin panel. You can always fine-tune the carousel.
Plugin Benefits
The most important advantage of the “Carousel Upsells and Related Product for Woocommerce” plugin is that it uses a javascript library of glide.js and has no jQuery dependencies. The main JS file of the plugin weighs only ~ 23kb, and in compressed form only ~ 7kb. Compared to similar carousel-slides, such as Slick Slider (88kb, and in compressed 44kb), Swiper Slide (more than 100kb) or OWL carousel (89kb, and in compressed 44kb) is many times smaller and I will remind glide.js without jQuery dependencies. With all this, glide.js has Touch Swipe mode, which allows the finger (touch on the element) to move the carousel in the right direction.
As a result, this carousel works faster and directly instantly loads your goods in the carousel. By the way, remember to optimize your images, now owners of online stores fight for each kb as search engines love fast sites.
Обов’язкові плагіни
Щиро дякую
- Дякую за чудову javascript бібліотеку Glide.js Jędrzej Chałubek
- Дякую за допомогу і корисні поради розробникуСampusboy
- Дякую за допомогу розробнику KAGG Design
- Окрема подяка розробнику і блогеру Артему Абрамовичу
- За допомогою Telegram канал «WordPress & WooCommerce» і всім учасникам
- За кращою документацію російською мовою по WordPress Сайт wp-kama.ru
Посилання на пожертвування:
Translations
If you wish to help translate this plugin, you are most welcome!
To contribute, please visit translate.wordpress.org
Скріншоти
Налаштування плагіну 1 
Налаштування плагіну 2 
Demo central mode 
General Setting Related Products 
Additional carousel settings 
Tooltip settings on a mobile device 
This is what the prompt looks like on mobile resolution 
Settings central mode for mobile device only 
Example of displaying prompts on a smartphone 
Central mode in various resolutions 
Дизайн залежить від стиля вашої теми. 
Дизайн залежить від стиля вашої теми. 
Дизайн залежить від стиля вашої теми. 
Дизайн залежить від стиля вашої теми.
Встановлення
У цьому розділі описується, як встановити плагін та змусити його працювати.
Встановлення з адміністративної панелі WordPress:
- Увійдіть у вашу адмін панель WordPress
- Перейти до Плагіни -> Додати новий
- Введіть “ Woocommerce Glide.js Carousel Upsells and Related Product ” в поле пошуку і натисніть Enter.
- Знайдіть цей плагін та натисніть «Встановити зараз»
- Активуйте плагін
Ручне встановлення:
- Завантажте плагін зі сховища WordPress.org
- В панелі адміністратора WordPress перейдіть в розділ «Плагіни -> Додати новий -> Завантажити плагін»
- Upload the downloaded plugin file (carousel-upsells-and-related-product-for-woocommerce.0.4.6.zip) and click ‘Install Now’
- Активуйте ‘ Woocommerce Glide.js Carousel Upsells and Related Product ‘ зі сторінки плагінів.
Часті питання
-
Карусель працює неправильно, що мені робити?
-
If the carousel doesn’t work, check the caching plugins first. Reducing the size of the JS code is a fairly common reason why carousels stop working.
For example, if you are using the Autoptimize plugin, you can test the functionality of our carousel plugin without the Autoptimize plugin running. In this case, it is not necessary to deactivate the Autoptimize plugin, it is enough to add the prefix ?ao_noptimize=1 in the root of the URL. In case the carousel starts working, just add an exception to the Autoptimize plugin. This is how it looks.
If you are using WP Rocket then the problem is fixed in the same way as in the case of Autoptimize. Check out this post.
Будь ласка, створіть тему на форумі підтримки. Я постараюся надати допомогу якомога швидше. Плагін складний, тому давайте зробимо його кращим разом. Чекаю ваших рекомендацій та пропозицій
Відгуки
Учасники та розробники
“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.4.6
- Fixed an error in navigation arrows
0.4.5
- Tested WP ver 5.8
0.4.4
- Tested WP ver
- Added a description for solving problems with caching plugins
0.4.3
- Tested WP ver
0.4.2
- Updating details
0.4.1
- Plugin tested with WordPress version 5.5+
0.4.0
- Fixed carousel display in some themes
0.3.9
- Added a new function – initializing JS after loading the whole page
0.3.8
- Plugin tested with WordPress version 5.4+
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
- Fixed links for installed WordPress in a subfolder
0.3.3
- Оновлений CSS
0.3.2
- Update style setting
0.3.1
- Fixed string translation
0.3.0
- Last testing of new hooks and plugin update
- New option – Tooltip on mobile device
- New option – Styling a mobile tooltip
- New option – Center mode with cropping
- New option – Central mode only on mobile device
- New option – Select carousel transition animation
- New option – Set transition animation duration
- New option – Setting the distance between products
- New option – Select navigation icons
- New option – Adjust the color of navigation
- Added tooltips in admin panel
- Added demo windows with carousels
0.2.9
- Last testing of new hooks and plugin update
0.2.8
- Fix error notice
0.2.7
- Fix error update hook
0.2.6
- Test update hook
0.2.5
- Test WordPress 5.3
- Add notice
- New lines in localization
0.2.4
- Test new version WooCommerce
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
- Випуск