Dynamic Image Accordion Overview

A horizontally or vertically expanding panel widget where each item is a full-bleed background image with an overlay containing a title, description, and optional button. Panels expand on hover or click. Supports manual items, Posts queries, ACF Repeater fields, and ACF Relationship fields.

General#

• Source: Custom (manual repeater), Posts, ACF Repeater (when ACF active), ACF Relationship (when ACF active)
• ACF Repeater Field: Picker for ACF repeater field type (source: ACF Repeater)
• ACF Relationship Field: Picker for ACF post relationship field type (source: ACF Relationship)
• Field Location: Current Post, Current User, Current Term, Options Page — applies to ACF sources

Items (Custom source)#

A repeater where each item is one accordion panel. Each item has three sub-tabs.

• Content tab

  • Title: Plain text with dynamic tag support
  • Description: WYSIWYG editor with dynamic tag support

• Image tab

  • Choose Image: Media picker with dynamic tag support; used as the panel background image

• Link tab

  • Show Button: Toggle to display a CTA button on the panel
  • Link: URL with target and rel (visible when Show Button is on)
  • Button Text: Label with dynamic tag support
  • Button Icon: Icon library picker (inline skin)
  • Icon Position: Before / After the button text

Items (Posts and ACF Relationship sources)#

Instead of a manual repeater, three tabs configure field mapping for all posts.

• Content tab

  • Title: Post Title, Post Author, Post Date, Post Excerpt, Post Content, Featured Image, ACF Field, Custom Field
  • Title Date Format: Date format string (visible when Title = Post Date)
  • Title Custom Field: Custom field picker (visible when Title = Post Custom Field)
  • Title ACF Field: ACF textual field picker (visible when Title = ACF Field)
  • Description: Same field options as Title (excludes Featured Image); defaults to Post Excerpt
  • Excerpt Length: Maximum word count (visible when Description = Post Excerpt)
  • Description Date Format: Date format string (visible when Description = Post Date)
  • Description Custom Field: Custom field picker
  • Description ACF Field: ACF textual field picker

• Image tab

  • Image Type: Featured Image, Post Custom Field, ACF Field (when ACF active), Metabox Field (when Metabox active), Pods Field (when Pods active)
  • Custom Field: Post meta key picker
  • ACF Field: ACF media field picker
  • Metabox Field: Metabox media field picker
  • Pods Field: Pods media field picker
  • Fallback Image: None / Default (Elementor placeholder) / Custom media

• Link tab

  • Show Button: Toggle to show link as button
  • Link to: Post URL, Custom URL, Custom Field, ACF Field (when ACF active), Pods Field (when Pods active)
  • Custom Field: Meta key picker
  • ACF Field: ACF textual field picker
  • Pods Field: Pods textual field picker
  • Custom URL: Standard URL control
  • Open in new window: target="_blank" (Post URL / ACF Field link types)
  • Add nofollow: rel="nofollow" (Post URL / ACF Field link types)
  • Button Text: Global label (dynamic tag support)
  • Button Icon: Icon library picker
  • Icon Position: Before / After

Items (ACF Repeater source)#

• Content tab

  • ACF Repeater Subfield - Title: Picker restricted to ACF textual sub-field types
  • ACF Repeater Subfield - Description: Picker restricted to ACF textual sub-field types

• Image tab

  • ACF Repeater Subfield - Image: Picker restricted to ACF media sub-field types
  • Fallback Image: None / Default / Custom

• Link tab

  • Show Button: Toggle
  • ACF Field: ACF textual field for the button link URL (global, not per-row)
  • Button Text: Global label
  • Button Icon: Icon library picker
  • Icon Position: Before / After

Shared Item Controls (all sources)#

• Title HTML Tag: H1–H6, div, span, p
• Image Size: WordPress image size applied to background images
• Default Active Item: 1-based item number to pre-expand on load; blank = none

Query (Posts and ACF Relationship sources)#

Standard DynamicKit query controls: post type, manual post selection, current query, include/exclude by term and author, ordering, offset, date range.

Settings#

• Height: Panel track height (px / em / rem / vh); default 400 px
• Accordion Action: On Hover / On Click
• Orientation: Vertical (panels side-by-side) / Horizontal (panels stacked)
• Stack On: Tablet / Mobile / None — breakpoint at which vertical panels stack (Vertical only)
• Disable Body Click: Prevent collapse when clicking outside an open panel (On Click only)