Repeaters & Relationships Connector with ACF for Elementor
This plugin allows you to use ACF Repeater and ACF Relationship fields as data sources for Elementor’s Loop Grid widget. Key Features: New Data Sources: Adds “ACF Repeater” and “ACF Relationship” to the Source dropdown in the Loop Grid’s Query tab. Use Repeater Data: Select any ACF Repeater field from the current post/page to power your Loop Grid. Use Relationship Data: Select any ACF Relationship field to create a grid of related posts in your Loop Grid. Repeater Sub-Field Tag: A dedicated dynamic tag to easily pull and display data (text, images, etc.) from any sub-field within your repeater. Relationship Sub-Field Tag: A dynamic tag to display data from the related posts, such as the post title, content, featured image, and permalink. Taxonomy Archive Support: Use ACF Repeater and Relationship fields on category, tag, and custom taxonomy archive templates. Author Archive Support: Use ACF Repeater and Relationship fields on author archive templates. Requirements Elementor Elementor Pro Advanced Custom Fields Pro (The Repeater and Relationship fields are ACF Pro features) Usage 1. Configure the Loop Grid Add an Elementor Loop Grid widget to your page. In the widget settings, go to the Query tab. From the Source dropdown, select “ACF Repeater” or “ACF Relationship”. A new dropdown will appear below the Source. Select the specific ACF field you wish to use as the data source for the grid. Create or select a template for your loop item. 2. Displaying Data in Your Loop Template (ACF Repeater) Edit the Elementor template you are using for your loop item. Add any standard widget, such as a Heading, Text Editor, or Image widget. Click the Dynamic Tags icon next to a field. Scroll to the “ACF Connector” group and select the ACF Repeater Sub Field tag. Click on the tag name again to open its settings. In the Sub Field dropdown, select the specific sub-field you want to display. The fields are grouped by repeater name for clarity. Note that the preview within the template will not display the sub-field data. This is expected behavior because no applicable preview data can be set in Elementor. 3. Displaying Data in Your Loop Template (ACF Relationship) Edit the Elementor template you are using for your loop item. Your template will be supplied with a standard WordPress Post object, so just create your template as you normally would.
Top keywords
- acf16×4.06%
- repeater13×3.30%
- data11×2.79%
- loop11×2.79%
- relationship10×2.54%
- acf repeater8×2.03%
- grid8×2.03%
- template8×2.03%
- elementor7×1.78%
- select7×1.78%
- tag7×1.78%
- field6×1.52%
Subtle Icons – SVG Icon Block Suite, Icon Picker & ACF Field
Subtle Icons is a lightweight plugin that brings thousands of icons directly into the WordPress block editor and Advanced Custom Fields (ACF). Stop enqueuing heavy FontAwesome stylesheets. Subtle Icons generates clean, inline SVG code natively in the editor, keeping your frontend free of external scripts and font files. The Ultimate WordPress Icon Picker Powered by the massive Iconify ecosystem, easily search and insert icons from dozens of popular open-source libraries without leaving the WordPress editor. Supported libraries include: Lucide Icons Material Design Icons Heroicons FontAwesome Bootstrap Icons Phosphor Icons …and dozens more, or upload your own custom SVGs! Four Native Gutenberg Icon Blocks Icon Button Block: Prompt visitors to take action with a native-feeling button block supporting leading and trailing icons. Icon List Block: Create clean lists with icons that match your theme and improve scanability. Icon + Text Block: Pair an icon with text for notices, callouts, and feature highlights. Icon Block: A standalone SVG icon block with sizing, thickness, and color controls. Advanced Custom Fields (ACF) Integration Bring icons to your structured content. Subtle Icons adds a fully integrated Icon Picker field to ACF. Add icons to taxonomies, repeaters, options pages, and custom blocks seamlessly. Built for Developers & Custom Integrations Take full control of the icon workflow. Use our lightweight filters and actions to tailor the experience for your clients and custom builds. Filter or restrict available icon collections Configure default block icons globally Robust developer documentation and more extensibility coming soon! Development The complete source code for this plugin, including all uncompiled JavaScript and CSS, is available at this public GitHub repo. Build requirements: Node.js and npm. To build from source: Clone the repository: git clone https://github.com/skysarwer/subtle-icons Install dependencies: npm install Compile assets for production: npm run build Or start a development watcher: npm start External Services This plugin uses the Iconify API to power the Icon Picker. The API is never called on the public frontend; it only runs in the WordPress admin when actively used by a logged-in user with post-editing capabilities. No personally identifiable information (PII) is transmitted. For more details, see “How is data sent to Iconify” in our FAQs.
Top keywords
- icons14×3.88%
- icon12×3.32%
- block
