內容簡介
在 WooCommerce 短代碼中包含 Slider / Carousel 效果
透過在原始 woocmmerce 短代碼中新增一個短代碼，您可以達成滑動輪播的效果
可以使用欄位來分隔物品，例如：itemswc=”3″
您可以透過自動動畫 autoplay=”true” 或 autoplay=”false”，拆分輪播呈現幻燈片
保持原始 woocmmmerce 短代碼只有 1 欄位是非常重要的
例如：
[wccarousel itemswc=”3″ autoplay=”true”] [products limit=”4″ columns=”1″ orderby=”popularity” ] [/wccarousel]
如果您想在同一頁面上使用多個幻燈片，第二個短代碼將需要這麼寫：[wccarousel-b] [/wccarousel-b]
[wccarousel-b itemswc=”2″ autoplay=”true”] [products limit=”4″ columns=”1″ size=”full” orderby=”popularity” class=”” ] [/wccarousel-b]
支援滑動和拖曳
專為手機瀏覽體驗所設計，滑鼠拖曳在桌上型電腦上也表現良好！
完全響應
幾乎所有選項都是響應式的，包括非常直觀的斷點設置。
現代瀏覽器
Owl 使用 CSS3 Translate3d 轉換的硬體加速，速度快且表現良好！
Zombie 瀏覽器
支援 CSS2 回退功能，以支援舊版瀏覽器。
功能：
支援最新版
在 WooCommerce 短代碼中包含 Slider / Carousel 效果
前端演示（前端網站上的外觀）
外掛標籤
開發者團隊
② 後台搜尋「Slider-Carousel-Shortcodes-WC-Product」→ 直接安裝（推薦）
原文外掛簡介
Include a Slider / Carousel effect in WooCommerce Shortcodes
By adding a shorcode to the original woocmmerce shortcode you can get a Slider-Carousel effect
it can be divided by columns ess: itemswc=”3″
you can split render silde with automatic animation autoplay=”true” or autoplay=”false”
it is important to keep only 1 column in the original woocmmmerce shortcode
as in the example:
[wccarousel itemswc=”3″ autoplay=”true”] [products limit=”4″ columns=”1″ orderby=”popularity” ] [/wccarousel]
if you want more slides per page the second shortcode will have to be written like this: [wccarousel-b] [/wccarousel-b]
[wccarousel-b itemswc=”2″ autoplay=”true”] [products limit=”4″ columns=”1″ size=”full” orderby=”popularity” class=”” ] [/wccarousel-b]
Touch and Drag Support
Designed specially to boost mobile browsing experience. Mouse drag works great on desktop too!
Fully Responsive
Almost all options are responsive and include very intuitive breakpoints settings.
Modern Browsers
Owl uses hardware acceleration with CSS3 Translate3d transitions. Its fast and works like a charm!
Zombie Browsers
CSS2 fallback supported for older browser.
Features:
Supports latest
Include a Slider / Carousel effect in WooCommerce Shortcodes
Front end Demo (looks in the front-end website)