內容簡介
這個外掛可以讓你以最簡單的方式複製 Elementor 的元素/組件/區段。
要使用這個外掛，你必須先安裝 Elementor/Elementor Pro 和 ACF Pro。
使用方式
首先，你需要設置你想要複製的小工具的類別，可以是欄位/內部區段/單個小工具，例如：“repeater_{name_of_the_repeater}”。
{name_of_the_repeater} 需要替換成你使用 ACF Pro 設置的中繼器的名稱。
現在，在該小工具/元素的任何位置，你可以設置要注入的參數，例如：#name。
“name” 應該替換成你為重複器設置的任何欄位。
當渲染該小工具時，name 會被替換為你在文章中設置的行的值。
要使用開關/手風琴，你應該創建一個帶有兩個字段（文本類型或 Wysiwyg 編輯器）的重複器，並設置標題的 ID 為 tab_title，內容為 tab_content。
重要提示
目前，此外掛只支援文字/網址/手風琴和開關標籤。
只測試過原生 Elementor 小工具。
外掛標籤
開發者團隊
② 後台搜尋「Sympl Repeater for ACF and Elementor」→ 直接安裝（推薦）
原文外掛簡介
ACF Repeater For Elementor bridges the gap between Advanced Custom Fields (ACF) Pro repeater functionality and Elementor’s visual builder. This powerful plugin allows you to create dynamic, repeatable content sections without complex coding.
Important! Doesn’t work with elementor widget cache feature (Need to be turned off)
🚀 Key Features
Easy Integration: Connect ACF repeater fields directly with Elementor widgets
Dynamic Content: Automatically populate Elementor elements with ACF repeater data
Flexible Usage: Works with columns, sections, and individual widgets
Legacy Compatible: Maintains backward compatibility with existing implementations
Hide Widget on Empty Fields: Hide elements and containers based on empty ACF fields conditions
🎯 Perfect For
Dynamic testimonial sections
Portfolio galleries
FAQ accordions
Team member listings
Product showcases
Any repeatable content structure
📋 Requirements
WordPress 5.0 or higher
Elementor (free version)
Elementor Pro (Optional but recommended for full features)
Advanced Custom Fields (ACF) Pro
How To Use
Usage
Create ACF Repeater Field: Set up your repeater field in ACF with sub-fields
Select the repeater: In Elementor, widget, section or ACF Repeater loop set the ACF repeater field
You will be able to select the repeater field from ‘Advanced’ settings tab in the Elementor editor
Insert Field Placeholders: Use #field_name syntax within your content
Replace field_name with your ACF sub-field names
Publish: The plugin automatically replaces placeholders with repeater data
Example Implementation
ACF Repeater Setup:
– Repeater name: team_members
– Sub-fields: member_name, member_role, member_bio
Elementor Setup:
– Select the field in the Advanced settings for a container: team_members
– Content: #member_name, #member_role, #member_bio as a Heading widget or Text Editor widget
Special Features
Accordion/Toggle Support:
Add new Accordion widget to the page, set the ACF Repeater field in the widget’s advanced settings, and use the sub-field names as placeholders as described above.
The plugin will automatically structure these for accordion/toggle widgets.
Hide Widget on Empty ACF Fields
You can now hide widgets based on empty ACF fields. Follow these steps:
Select the Widget: Choose the widget you want to hide if an ACF field is empty.
Advanced Settings: Go to the ‘Advanced’ settings tab in Elementor editor.
Hide on Empty Field: Enable the option to hide the widget if an ACF field is empty.
Choose Field: Select the ACF field you want to check for emptiness.
The widget will be hidden if the selected ACF field is empty.
Legacy Usage
For backward compatibility, the old class naming convention is still supported:
– Setup by old class name: repeater_ for the widget or container
– Same placeholder syntax: #field_name
Supported Field Types
Text fields
URL fields
WYSIWYG Editor content
Accordion/Toggle content (with specific field names)
Note: Currently optimized for Elementor native elements. Third-party widgets may require additional configuration.
Support
For support, feature requests, or bug reports, please visit our support forum or contact us directly.
Pro Tip: Always test new repeater implementations on a staging site before deploying to production!
Donate
Do you enjoy using ACF Repeater For Elementor? Consider supporting the development of this plugin with a donation.
Your contributions help us maintain and improve the plugin for everyone.
Donate link
