Title: Carousel Upsells and Related Product for Woocommerce Author: Dan Zakirov Published: 27 September 2019 Last modified: 10 November 2021 --- Cari plugin ![](https://ps.w.org/carousel-upsells-and-related-product-for-woocommerce/assets/ banner-772x250.png?rev=2192745) Plugin ini **belum teruji dangan 3 rilis besar WordPress**. Kemungkinan tidak lagi dipelihara atau didukung, dan mungkin menghadapi masalah kompatibilitas bila digunakan dengan versi WordPress yang lebih baru. ![](https://ps.w.org/carousel-upsells-and-related-product-for-woocommerce/assets/ icon-256x256.png?rev=2167710) # Carousel Upsells and Related Product for Woocommerce Oleh [Dan Zakirov](https://profiles.wordpress.org/alexodiy/) [Unduh](https://downloads.wordpress.org/plugin/carousel-upsells-and-related-product-for-woocommerce.0.4.6.zip) * [Detail](https://id.wordpress.org/plugins/carousel-upsells-and-related-product-for-woocommerce/#description) * [Ulasan](https://id.wordpress.org/plugins/carousel-upsells-and-related-product-for-woocommerce/#reviews) * [Instalasi](https://id.wordpress.org/plugins/carousel-upsells-and-related-product-for-woocommerce/#installation) * [Pengembangan](https://id.wordpress.org/plugins/carousel-upsells-and-related-product-for-woocommerce/#developers) [Bantuan](https://wordpress.org/support/plugin/carousel-upsells-and-related-product-for-woocommerce/) ## Deskripsi 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. Simply activate the plugin and a carousel of related products will already appear in your store. Among other things, you can separately configure related products and recommended(Upsells) products. 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. ### Settings plugin 1. Woocommerce → Settings → Products → Related Product Carousel 2. Woocommerce → Settings → Products → Upsells Product Carousel ### Features: 1. Replaces the standard output of related products and recommended(upsells) products with a carousel 2. No dependence on the jquery, loading is very fast 3. You can change the titles of the standard sections 4. You can enable or disable autoplay 5. You can change the time interval for scrolling the carousel 6. You can specify the number of products in the carousel 7. You can specify the number of visible products (specify the grid) 8. You can specify the number of displayed products on mobile devices and tablets 9. Standard accompanying and recommended products not displayed if their number is less than the indicated visible products in the carousel. That is, a carousel is not created. Only high-quality optimization. 10. You can disable the carousel and control other functions – section header, number of displayed products, number of columns ### New advanced settings 1. Hint on a mobile device (see. Screenshots) 2. Styling a mobile hint (see. Screenshots) 3. Central mode with cropping (see. Screenshots) 4. Central mode on mobile device only 5. Choosing a carousel transition animation 6. Setting duration of the transition animation 7. Setting the distance between products 8. The choice of navigation icons (see. Screenshots) 9. 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. ### Required Plugins * [WooCommerce](https://wordpress.org/plugins/woocommerce/) ### Great thanks * Thanks for the wonderful javascript carousel Glide.js [Jędrzej Chałubek](https://glidejs.com/) * Thanks for the help [Сampusboy](https://profiles.wordpress.org/campusboy1987/) * Thanks for the help [KAGG Design](https://profiles.wordpress.org/kaggdesign/) * Thanks for helping the developer [Artem Abramovich](https://profiles.wordpress.org/artabr/) * For help [Telegram chat “WordPress & WooCommerce” and all participants](https://t.me/c_wordpress) * For the best documentation in Russian by WordPress [Site wp-kama.ru](https://wp-kama.ru/) ### Donate link: [Pay with Paypal](https://www.paypal.com/cgi-bin/webscr?&cmd=_xclick&business=studia55x5@yandex.ru¤cy_code=USD&amount=16&item_name=On coffee for the developer) ### Translations If you wish to help translate this plugin, you are most welcome! To contribute, please visit [translate.wordpress.org](https://translate.wordpress.org/projects/wp-plugins/carousel-upsells-and-related-product-for-woocommerce/) ## Tangkapan Layar [⌊Settings Plugin 1⌉⌊Settings Plugin 1⌉[ Settings Plugin 1 [⌊Settings Plugin 2⌉⌊Settings Plugin 2⌉[ Settings Plugin 2 [⌊Demo central mode⌉⌊Demo central mode⌉[ Demo central mode [⌊General Setting Related Products⌉⌊General Setting Related Products⌉[ General Setting Related Products [⌊Additional carousel settings⌉⌊Additional carousel settings⌉[ Additional carousel settings [⌊Tooltip settings on a mobile device⌉⌊Tooltip settings on a mobile device⌉[ Tooltip settings on a mobile device [⌊This is what the prompt looks like on mobile resolution⌉⌊This is what the prompt looks like on mobile resolution⌉[ This is what the prompt looks like on mobile resolution [⌊Settings central mode for mobile device only⌉⌊Settings central mode for mobile device only⌉[ Settings central mode for mobile device only [⌊Example of displaying prompts on a smartphone⌉⌊Example of displaying prompts on a smartphone⌉[ Example of displaying prompts on a smartphone [⌊Central mode in various resolutions⌉⌊Central mode in various resolutions⌉[ Central mode in various resolutions [⌊The design depends on the style of your theme.⌉⌊The design depends on the style of your theme.⌉[ The design depends on the style of your theme. [⌊The design depends on the style of your theme.⌉⌊The design depends on the style of your theme.⌉[ The design depends on the style of your theme. [⌊The design depends on the style of your theme.⌉⌊The design depends on the style of your theme.⌉[ The design depends on the style of your theme. [⌊The design depends on the style of your theme.⌉⌊The design depends on the style of your theme.⌉[ The design depends on the style of your theme. ## Instalasi This section describes how to install the plugin and get it working. Install From WordPress Admin Panel: 1. Login to your WordPress Admin Area 2. Go to Plugins -> Add New 3. Type “**Woocommerce Glide.js Carousel Upsells and Related Product**” into the Search and hit Enter. 4. Find this plugin Click “install now” 5. Activate The Plugin Manual Installation: 1. Download the plugin from WordPress.org repository 2. On your WordPress admin dashboard, go to ‘Plugins -> Add New -> Upload Plugin’ 3. Upload the downloaded plugin file (carousel-upsells-and-related-product-for-woocommerce. 0.4.6.zip) and click ‘Install Now’ 4. Activate ‘**Woocommerce Glide.js Carousel Upsells and Related Product**’ from your Plugins page. ## Tanya Jawab ### Carousel does not work correctly, what should I do? 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](https://ps.w.org/carousel-upsells-and-related-product-for-woocommerce/assets/auto_1.png). In case the carousel starts working, just [add an exception](https://wordpress.org/support/topic/visible-products-not-working/#post-13801509) to the Autoptimize plugin. [This is how it looks](https://ps.w.org/carousel-upsells-and-related-product-for-woocommerce/assets/auto_2.png). 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](https://wordpress.org/support/topic/load-javascript-deferred/#post-13750605). Please create a topic in the forum support. I will try to provide assistance as quickly as possible. The plugin is sophisticated, let’s make it better together. Just waiting for your recommendations and suggestions ## Ulasan ![](https://secure.gravatar.com/avatar/049c283ae9909b382ebbfca58e706d59053dc8fe5a19de93c02d1c47c27ed64b? s=60&d=retro&r=g) ### 󠀁[Excellent cross selling plugin that provides two optional formats](https://wordpress.org/support/topic/excellent-cross-selling-plugin-that-provides-two-optional-formats/)󠁿 [artincoins](https://profiles.wordpress.org/artincoins/) 19 Juni 2026 Easy to use and links similar products with ease. Definitely worth installing and using whenever possible. Michael Art in Coins ![](https://secure.gravatar.com/avatar/ffbebecafd298b6984cea7efc0a4dbad5709d6d47632c8b37be6540be6839e46? s=60&d=retro&r=g) ### 󠀁[Works great](https://wordpress.org/support/topic/works-great-9205/)󠁿 [teampbat](https://profiles.wordpress.org/teampbat/) 8 April 2024 Works great as described. Thank you. ![](https://secure.gravatar.com/avatar/22aaa6cecc2318fc92b99e08e96c03079ce23a07f330c914141fd6d7e58fd1aa? s=60&d=retro&r=g) ### 󠀁[Super solid with many options](https://wordpress.org/support/topic/super-solid-with-many-options/)󠁿 [motmat](https://profiles.wordpress.org/motmat/) 25 Desember 2022 great one touch preset solution – just install do nicely when i am richer i am back with some support money super solid work these works make WP great Plugin is not a difficult one but drawn to a very high user useful finish detail ![](https://secure.gravatar.com/avatar/7bd4d29a2ea506301920c72576b52f0bde516fd05413f8eb64b40797c084d804? s=60&d=retro&r=g) ### 󠀁[Каеф](https://wordpress.org/support/topic/%d0%ba%d0%b0%d0%b5%d1%84/)󠁿 [romanchess](https://profiles.wordpress.org/romanchess/) 12 Oktober 2022 Хороший плагин с кучей настроек, который интуитивно понятен обычному юзеру. Поддержка тоже старается помочь. Пользуемся ![](https://secure.gravatar.com/avatar/37e6f4db192f5b7386371ac35b904f941b45e56cbb47d14ada312a0b2f37d7fb? s=60&d=retro&r=g) ### 󠀁[Nice plugin](https://wordpress.org/support/topic/nice-plugin-4690/)󠁿 [alijens](https://profiles.wordpress.org/alijens/) 8 Agustus 2022 Works well and does what it is supposed to. ![](https://secure.gravatar.com/avatar/4f606f792c1f10d399f99c020f488d918acfd0bba4ecaa87d49595aecf7da48f? s=60&d=retro&r=g) ### 󠀁[WORKS WELL](https://wordpress.org/support/topic/works-well-2598/)󠁿 [bananas](https://profiles.wordpress.org/phithor/) 7 Agustus 2022 yes [ Baca semua 66 ulasan ](https://wordpress.org/support/plugin/carousel-upsells-and-related-product-for-woocommerce/reviews/) ## Kontributor & Pengembang “Carousel Upsells and Related Product for Woocommerce” adalah perangkat lunak open source. Berikut ini mereka yang sudah berkontribusi pada plugin ini. Kontributor * [ Dan Zakirov ](https://profiles.wordpress.org/alexodiy/) * [ alexandr3000 ](https://profiles.wordpress.org/alexandr3000/) “Carousel Upsells and Related Product for Woocommerce” telah diterjemahkan dalam 2 bahasa. Terima kasih kepada [para penerjemah](https://translate.wordpress.org/projects/wp-plugins/carousel-upsells-and-related-product-for-woocommerce/contributors) untuk kontribusi-nya. [Terjemahkan “Carousel Upsells and Related Product for Woocommerce” dalam bahasa Anda.](https://translate.wordpress.org/projects/wp-plugins/carousel-upsells-and-related-product-for-woocommerce) ### Tertarik mengembangkan? [Lihat kode](https://plugins.trac.wordpress.org/browser/carousel-upsells-and-related-product-for-woocommerce/), periksa [repositori SVN ](https://plugins.svn.wordpress.org/carousel-upsells-and-related-product-for-woocommerce/), atau mendaftar ke [log pengembangan](https://plugins.trac.wordpress.org/log/carousel-upsells-and-related-product-for-woocommerce/) melalui [RSS](https://plugins.trac.wordpress.org/log/carousel-upsells-and-related-product-for-woocommerce/?limit=100&mode=stop_on_copy&format=rss). ## Log Perubahan #### 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 * Update 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 * Update 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 * Update CSS #### 0.2.2 * Update CSS #### 0.2.1 * Fix error #### 0.2.0 * Fix error #### 0.1.9 * Fix error text-domain #### 0.1.8 * Fix modal error #### 0.1.7 * New interface * New POT file * Update CSS * Update JS * Added a new feature – turn off the carousel #### 0.1.6 * Update JS #### 0.1.5 * Update CSS #### 0.1.4 * Update CSS #### 0.1.3 * Update CSS #### 0.1.2 * Fix error nav slider * Add hover effect in navigation #### 0.1.1 * Presentation of the settings of the first version of the plugin #### 0.1.0 * Release ## Meta * Versi **0.4.6** * Diperbarui **5 tahun yang lalu** * Instalasi Aktif **1,000+** * Versi WordPress ** 4.8 atau yang terbaru ** * Diuji hingga **5.8.17** * Versi PHP ** 5.6 atau yang terbaru ** * Bahasa * [English (US)](https://wordpress.org/plugins/carousel-upsells-and-related-product-for-woocommerce/), [German](https://de.wordpress.org/plugins/carousel-upsells-and-related-product-for-woocommerce/), dan [Russian](https://ru.wordpress.org/plugins/carousel-upsells-and-related-product-for-woocommerce/). * [Terjemahkan dalam bahasa Anda](https://translate.wordpress.org/projects/wp-plugins/carousel-upsells-and-related-product-for-woocommerce) * Tag * [carousel](https://id.wordpress.org/plugins/tags/carousel/)[product carousel](https://id.wordpress.org/plugins/tags/product-carousel/) [WooCommerce carousel](https://id.wordpress.org/plugins/tags/woocommerce-carousel/) * [Tampilan lanjut](https://id.wordpress.org/plugins/carousel-upsells-and-related-product-for-woocommerce/advanced/) ## Rating 4.9 dari 5 bintang. * [ 64 ulasan 5-bintang ](https://wordpress.org/support/plugin/carousel-upsells-and-related-product-for-woocommerce/reviews/?filter=5) * [ 1 ulasan 4-bintang ](https://wordpress.org/support/plugin/carousel-upsells-and-related-product-for-woocommerce/reviews/?filter=4) * [ 0 ulasan 3-bintang ](https://wordpress.org/support/plugin/carousel-upsells-and-related-product-for-woocommerce/reviews/?filter=3) * [ 1 ulasan 2-bintang ](https://wordpress.org/support/plugin/carousel-upsells-and-related-product-for-woocommerce/reviews/?filter=2) * [ 0 ulasan 1-bintang ](https://wordpress.org/support/plugin/carousel-upsells-and-related-product-for-woocommerce/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/carousel-upsells-and-related-product-for-woocommerce/reviews/#new-post) [Lihat semua ulasan](https://wordpress.org/support/plugin/carousel-upsells-and-related-product-for-woocommerce/reviews/) ## Kontributor * [ Dan Zakirov ](https://profiles.wordpress.org/alexodiy/) * [ alexandr3000 ](https://profiles.wordpress.org/alexandr3000/) ## Bantuan Ada yang ingin dikatakan? Butuh bantuan? [Lihat forum bantuan](https://wordpress.org/support/plugin/carousel-upsells-and-related-product-for-woocommerce/) ## Donasi Apakah Anda ingin mendukung pengembangan plugin ini? [ Donasi untuk plugin ini ](https://www.paypal.com/donate/?cmd=_donations&business=lushin.alexandr%40gmail.com&item_name=Plugin%20author%20support+-+Carousel+Upsells+and+Related+Product+for+Woocommerce¤cy_code=USD)