Title: W3 Relations Carousel for Elementor
Author: Md Shukur Miah
Published: <strong>2026 年 9 月 15 日</strong>
Last modified: 2026 年 9 月 15 日

---

搜尋外掛

![](https://ps.w.org/w3-relations-carousel/assets/banner-772x250.png?rev=3696629)

![](https://ps.w.org/w3-relations-carousel/assets/icon-256x256.png?rev=3696629)

# W3 Relations Carousel for Elementor

 由 [Md Shukur Miah](https://profiles.wordpress.org/shukur5674/) 開發

[下載](https://downloads.wordpress.org/plugin/w3-relations-carousel.1.0.2.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/w3-relations-carousel/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/w3-relations-carousel/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/w3-relations-carousel/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/w3-relations-carousel/#developers)

 [技術支援](https://wordpress.org/support/plugin/w3-relations-carousel/)

## 外掛說明

**W3 Relations Carousel** is a feature-rich Elementor addon widget that integrates
Elementor’s native **Nested Elements API**. It enables you to create fully responsive,
customizable slick carousels where every slide functions as a native container. 
You can drag and drop any Elementor widget—headings, images, buttons, forms, nested
containers, or custom widgets—directly into any slide.

#### Key Features

 * **Native Elementor Nested Elements Support**: Drag and drop any Elementor widget
   directly inside carousel slides.
 * **Fully Responsive**: Configure independent **Slides to Show** and **Slides to
   Scroll** for Desktop, Tablet, and Mobile devices.
 * **7 Arrow Navigation Positions**: Position carousel arrows anywhere:
    1. Left / Right (Classic sides)
    2. Top Left
    3. Top Center
    4. Top Right
    5. Bottom Left
    6. Bottom Center
    7. Bottom Right
 * **Custom Navigation Icons**: Choose custom SVG or FontAwesome icons for Previous
   and Next arrows using Elementor Icons Manager.
 * **Dot Pagination Controls**: Toggle dot navigation, customize dot sizes, active
   colors, normal colors, and top spacing.
 * **Comprehensive Carousel Settings**:
    - Autoplay on/off with customizable Autoplay Speed (ms).
    - Infinite loop toggle.
    - Pause on hover toggle.
    - Customizable Animation Speed (ms).
 * **RTL Support**: Built-in Right-to-Left language compatibility.
 * **Seamless Editor Experience**: Complete editor-side slide scrolling and dot 
   pagination support without breaking Elementor’s drag-and-drop container system.

## 螢幕擷圖

[⌊Elementor Editor experience with native slide containers.⌉⌊Elementor Editor experience
with native slide containers.⌉[

Elementor Editor experience with native slide containers.

[⌊Carousel settings panel showing responsive controls and 7 arrow positions.⌉⌊Carousel
settings panel showing responsive controls and 7 arrow positions.⌉[

Carousel settings panel showing responsive controls and 7 arrow positions.

## 安裝方式

 1. Upload the `w3-relations-carousel` folder to the `/wp-content/plugins/` directory(
    or upload the `.zip` archive via **Plugins > Add New > Upload Plugin**).
 2. Activate the plugin through the **Plugins** menu in WordPress.
 3. Open any page in the **Elementor Editor**.
 4. Look for the **W3 Relations Carousel** widget in the **W3 Relations** category 
    or search for “Carousel”.
 5. Drag and drop the widget onto your page and start adding Elementor widgets into
    the carousel slides!

## 常見問題集

### Does this plugin require Elementor?

Yes, W3 Relations Carousel is an addon plugin designed specifically for Elementor(
version 3.10+ recommended for Nested Elements API support).

### Can I put any widget inside a carousel slide?

Yes! Thanks to Elementor’s native Nested Elements API, each slide acts as a container.
You can drag and drop any widget, layout container, image, heading, form, or shortcode
inside.

### How do I change the number of visible slides on mobile?

Select the **W3 Relations Carousel** widget, navigate to **Content > Carousel Settings**,
and click the device icon next to **Slides to Show** to set different values for
Desktop, Tablet, and Mobile.

### Is RTL supported?

Yes, the plugin automatically detects your site’s text direction and supports Right-
to-Left (RTL) layouts.

## 使用者評論

這個外掛目前沒有任何使用者評論。

## 參與者及開發者

以下人員參與了開源軟體〈W3 Relations Carousel for Elementor〉的開發相關工作。

參與者

 *   [ Md Shukur Miah ](https://profiles.wordpress.org/shukur5674/)
 *   [ W3 Relations ](https://profiles.wordpress.org/w3relations/)

[將〈W3 Relations Carousel for Elementor〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/w3-relations-carousel)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/w3-relations-carousel/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/w3-relations-carousel/)，或透過
[RSS](https://plugins.trac.wordpress.org/log/w3-relations-carousel/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/w3-relations-carousel/)。

## 變更記錄

#### 1.0.2

 * Fix: Resolved issue where carousel JS & CSS were not loading on non-Elementor
   pages when rendered via header container shortcodes.
 * Fix: Explicitly enqueued scripts on `wp_enqueue_scripts` and widget render for
   seamless shortcode rendering.
 * Fix: Improved container margin reset styling for non-Elementor page rendering.

#### 1.0.1

 * Fix: Resolved issue where nested widgets inside slide containers were not rendering
   in the Elementor Editor.
 * Fix: Improved active dot state synchronization and smooth scrolling in editor
   preview.

#### 1.0.0

 * Initial release of W3 Relations Carousel plugin.
 * Native Elementor Nested Elements API integration.
 * Responsive slide settings, 7 arrow positions, and custom styling options.
 * Full editor preview and seamless drag-and-drop support.

## 中繼資料

 *  版本 **1.0.2**
 *  最後更新 **14 小時前**
 *  啟用安裝數 **少於 10 次**
 *  WordPress 版本需求 ** 5.8 或更新版本 **
 *  已測試相容的 WordPress 版本 **7.1**
 *  PHP 版本需求 ** 7.4 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/w3-relations-carousel/)
 * 標籤:
 * [carousel](https://tw.wordpress.org/plugins/tags/carousel/)[elementor](https://tw.wordpress.org/plugins/tags/elementor/)
   [slick carousel](https://tw.wordpress.org/plugins/tags/slick-carousel/)[slider](https://tw.wordpress.org/plugins/tags/slider/)
 *  [進階檢視](https://tw.wordpress.org/plugins/w3-relations-carousel/advanced/)

## 評分

這個項目尚無任何評論記錄。

[撰寫評分](https://wordpress.org/support/plugin/w3-relations-carousel/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/w3-relations-carousel/reviews/)

## 參與者

 *   [ Md Shukur Miah ](https://profiles.wordpress.org/shukur5674/)
 *   [ W3 Relations ](https://profiles.wordpress.org/w3relations/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/w3-relations-carousel/)

## 贊助

想要支援這個外掛的發展嗎？

 [ 贊助這個外掛 ](https://w3relations.com/)