前言介紹
- 這款 WordPress 外掛「Carousel Upsells and Related Product for Woocommerce」是 2019-09-26 上架。
- 目前有 2000 個安裝啟用數。
- 上一次更新是 2021-11-10，距離現在已有 1269 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
- 外掛最低要求 WordPress 4.8 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 5.6 以上。
- 有 65 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
alexodiy | alexandr3000 |
外掛標籤
carousel | product carousel | related carousel | upsells carousel | WooCommerce carousel |
內容簡介
這個外掛會使用一個名為 glide.js 的腳本來替換標準的相關產品和上銷產品的滑動輪播效果，而 glide.js 並不依賴於 jQuery，因此速度比其他類似的外掛快很多。
啟用外掛後，您的商店中已經會自動出現相關產品的輪播。此外，您還可以單獨配置相關產品和推薦（上銷）產品。
產品卡片的設計將匹配您模板的設計，但應注意，有些模板已經有了自己的自定義輪播的推薦或相關產品。
外掛設置
WooCommerce → 設定 → 產品 → 相關產品輪播
WooCommerce → 設定 → 產品 → 上銷產品輪播
特色:
使用輪播替換標準的相關產品和推薦（上銷）產品
不依賴於 jQuery，載入速度非常快
可以更改標準部分的標題
可以啟用或停用自動播放
可以更改輪播滾動的時間間隔
可以指定輪播中的產品數量
可以指定可見產品的數量（指定網格）
可以指定在移動設備和平板電腦上顯示的產品數量
如果推薦或相關產品數量不足，輪播將不會被創建。只有高質量的優化。
您可以停用輪播並控制其他功能 - 部分標題、顯示產品數量、列數
新進階設置
移動設備上的提示(參見截圖)
裝飾移動提示(參見截圖)
中央模式裁剪(參見截圖)
僅在移動設備上啟用中央模式
選擇輪播的過渡動畫
設定過渡動畫的持續時間
設定產品之間的距離
選擇導航圖標(參見截圖)
設定導航的顏色
所有新選項在管理面板中都有提示。您總是可以微調輪播。
外掛優勢
「Carousel Upsells and Related Product for Woocommerce」外掛最重要的優點是它使用了 glide.js 的 JavaScript 库，並且不依賴於 jQuery。外掛的主 JS 文件僅重約 23 KB，壓縮後僅有約 7 KB。與類似的輪播滑動效果外掛，例如 Slick Slider（88KB，在壓縮的情況下為44KB）、Swiper Slide（超過100KB）或 OWL 輪播（89KB，在壓縮的情況下為44KB）相比，它更小，而且我要提醒的是，glide.js 沒有 jQuery 依賴。憑藉這一切，glide.js 具有觸控滑動模式，允許手指（觸摸元素）向右方移動輪播。
因此，這個輪播作品速度更快，並直接即時加載您商店中的商品。順便提醒一句，記得優化您的圖片，現在在線商店的擁有者對每 KB 都非常看重，因為搜索引擎鍾愛快速的網站。
必需的外掛
WooCommerce
非常感謝
感謝美妙的 JavaScript 輪播 Glide.js Jędrzej Chałubek
感謝 Campusboy 的幫助
感謝Kaggde 的幫助
原文外掛簡介
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
Woocommerce → Settings → Products → Related Product Carousel
Woocommerce → Settings → Products → Upsells Product Carousel
Features:
Replaces the standard output of related products and recommended(upsells) products with a carousel
No dependence on the jquery, loading is very fast
You can change the titles of the standard sections
You can enable or disable autoplay
You can change the time interval for scrolling the carousel
You can specify the number of products in the carousel
You can specify the number of visible products (specify the grid)
You can specify the number of displayed products on mobile devices and tablets
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.
You can disable the carousel and control other functions – section header, number of displayed products, number of columns
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.
Required Plugins
WooCommerce
Great thanks
Thanks for the wonderful javascript carousel Glide.js Jędrzej Chałubek
Thanks for the help Сampusboy
Thanks for the help KAGG Design
Thanks for helping the developer Artem Abramovich
For help Telegram chat “WordPress & WooCommerce” and all participants
For the best documentation in Russian by WordPress Site wp-kama.ru
Donate link:
Pay with Paypal
Translations
If you wish to help translate this plugin, you are most welcome!
To contribute, please visit translate.wordpress.org
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Carousel Upsells and Related Product for Woocommerce」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
0.1.0 | 0.1.1 | 0.1.2 | 0.1.3 | 0.1.4 | 0.1.5 | 0.1.6 | 0.1.7 | 0.1.8 | 0.1.9 | 0.2.0 | 0.2.1 | 0.2.2 | 0.2.3 | 0.2.4 | 0.2.5 | 0.2.6 | 0.2.7 | 0.2.8 | 0.2.9 | 0.3.0 | 0.3.1 | 0.3.2 | 0.3.3 | 0.3.4 | 0.3.5 | 0.3.6 | 0.3.7 | 0.3.8 | 0.3.9 | 0.4.0 | 0.4.1 | 0.4.2 | 0.4.3 | 0.4.4 | 0.4.5 | 0.4.6 | trunk |
延伸相關外掛（你可能也想知道）
暫無相關外掛推薦。