[WordPress] 外掛分享： XL Product Carousel

WordPress 外掛 XL Product Carousel 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「XL Product Carousel」是 2016-02-08 上架。
  • 目前有 10 個安裝啟用數。
  • 上一次更新是 2018-03-10，距離現在已有 2612 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
  • 外掛最低要求 WordPress 3.2 以上版本才可以安裝。
  • 尚未有人給過這款外掛評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

xltheme | limon213 |

外掛標籤

product slider | XL Product Carousel | best product carousel | WordPress Product Carousel | woocommerce product carousel |

內容簡介

XL Product Carousel 是一款 WordPress 外掛程式，可使用捷徑在您網站的任何地方建立 WooCommerce 產品輪播。它簡單卻靈活且功能強大。

升級至 PRO 版本 »
查看實時演示 »
視覺化安裝使用指南 »
聯絡我們 »

外掛特色

捷徑即可建立產品輪播
響應式產品輪播。
非常輕巧。
無需任何設置。
與所有 WordPress 主題相容。
易於使用。
開發人員友好且易於自訂。
由 Owl Carousel 2 提供支援。
易於使用的使用者介面可讓您管理外掛程式。

PRO 版本特色

具備所有必要設置的進階設置面板。
可從不同產品類別顯示多個輪播。
響應式設置。可控制要在平板電腦和手機上顯示的產品項目。
優秀的設置面板。
開啟/停用 – 滑鼠懸停暫停。
開啟/停用無限循環。
3 種顯示輪播的導航方式
5 種導航箭頭風格。
4 種邊框樣式
無限制的選擇顏色。
從您的網站自動選取字型
移動過渡時的產品數量。
大量捷徑參數
適用於任何 WordPress 主題。
使用 HTML5 和 CSS3 構建。
響應式。可在任何設備上運作。
簡單易用的安裝設置。
完善的文檔支援
全天候支援。
還有更多功能。

捷徑

基本用法– 使用下面的捷徑即可顯示產品輪播。
[xl_product]

5 個主題風格

預設
xl_style_1
xl_style_2
xl_style_3
xl_style_4

3 種標題樣式

xl_left
xl_right
xl_center

10 種按鈕樣式

xl_btn_1
xl_btn_2
xl_btn_3
xl_btn_4
xl_btn_5
xl_btn_6
xl_btn_7
xl_btn_8
xl_btn_9
xl_btn_10

4 種邊框樣式

實線
點線
虛線
雙線

5 種導航箭頭風格

右上角– trc
左上角– tlc
左下角– blc
右下角– brc
預設

範例用法

使用下面的捷徑，顯示結合 4 個產品的產品輪播，大型桌面版顯示 4 個，中等桌面版顯示 4 個，平板電腦，大手機和小手機則分別顯示 4、3 和 2個產品項目，上方右側有導航箭頭，兩產品之間間距 20px，有 1px 的淺灰色實線邊框。

[xl_product theme="xl_style_1" caption_alignment="xl_center" large_desktops="4" medium_desktops="4" tablets="4" large_phones="3" small_phones="2" nav_arow_style="trc" logo_margin="20" product_border_style="solid" product_border_thickness="1" product_border_color="#ddd"]

仍有任何疑問？

…

原文外掛簡介

XL Product Carousel is a WordPress plugin which create WooCommerce product slider to display anywhere of your site using shortcode. It is simple but flexible & powerful.

Upgrade to PRO »
View live Demos »
Visual Installation & Usage Guide »
Contact Us »

Plugin Features

Shortcode ready product carousel
Responsive product carousel.
Very light weight.
No need any settings.
Work with all WordPress theme.
Easy to use.
Developer friendly & easy to customize.
Powered by Owl Carousel 2.
Its easy user interface allows you to manage plugin.

Pro Features

Advance setting panel with all necessary settings.
Multiple sliders can be shown from different Product categories.
Responsive settings. Can be control product item to show on tablet & mobile.
Great settings panel.
On / Off – stop on hover
On / Off infinite loop.
3 way to display slider navigation
5 nav arrow styles.
4 border style
Unlimited colors select.
Auto select font from your website
Number of products to move on transition.
Lot’s of shortcode parameters
Works with any WordPress Theme.
Build with HTML5 & CSS3.
Responsive. Work on any device.
Easy and user-friendly setup.
Well documentation
24/7 support.
And many more.

Shortcode
Basic Usage – Use following shortcode to display product carousel.
[xl_product]
5 Theme Style

Default
xl_style_1
xl_style_2
xl_style_3
xl_style_4

3 Caption Style

xl_left
xl_right
xl_center

10 Button Style

xl_btn_1
xl_btn_2
xl_btn_3
xl_btn_4
xl_btn_5
xl_btn_6
xl_btn_7
xl_btn_8
xl_btn_9
xl_btn_10

4 border styles

solid
dotted
dashed
double

5 Navigation Arrow styles

Top right corner – trc
Top left corner – tlc
Bottom left corner – blc
Bottom right corner – brc
Default

Example Uses
Use following shortcode to display product slider combined with 4 product in large desktop, 4 in medium desktop, 4,3 and 2 accordingly in tablets, large phone and small phone, nav arrow in top right corner, 20px margin between two products. and 1px solid light gray border.
[xl_product theme="xl_style_1" caption_alignment="xl_center" large_desktops="4" medium_desktops="4" tablets="4" large_phones="3" small_phones="2" nav_arow_style="trc" logo_margin="20" product_border_style="solid" product_border_thickness="1" product_border_color="#ddd"]

Still have any confusion?

View live Demos »
Visual Installation & Usage Guide »

Normally products will display by descending order, latest will show first. But if you wish to display ascending order, oldest at first then pass order=”ASC” parameter to shortcode like
[xl_product order='ASC']

CREDIT
Developed by Khandaker Ikrama – http://ikrama.info/
Proudly powered by XL Theme – http://www.xltheme.com/
CONTACT
Khandaker Ikrama – http://ikrama.info/contact/

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「XL Product Carousel」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

最新版本

延伸相關外掛（你可能也想知道）

文章
Filter
Apply Filters
Close
Mastodon