Icon Accordion for Elementor

Installable WordPress plugin for Elementor.

What it does

This plugin adds an Icon Accordion widget to Elementor with a design direction aimed at polished hospitality / FAQ / feature-list layouts.

Features

• Two widgets:
  • Icon Accordion for expandable content
  • Icon Card Grid for linked guide/menu cards
• Unlimited accordion items via repeater
• Per item:
  • title
  • subtitle
  • display icon
  • rich content
  • optional image/media block
  • default-open toggle
  • per-item icon colour override
  • per-item icon background override
  • per-item icon gradient override
• Global controls:
  • preset skins
  • single-open or multi-open mode
  • prevent closing the last open item
  • default open item number
  • header layout
  • content layout
  • display icon position
  • open/close icon position
  • custom open and close icons
  • animation duration and easing
• Style controls:
  • item styles for normal / hover / open states
  • spacing, radius, borders, shadows, backgrounds
  • header padding / gap / alignment
  • title/subtitle colours and typography
  • content padding / typography / gap
  • display icon box size / colour / radius / border / shadow / background
  • open-close icon size and colours
  • media width and border radius

Install

Build the release zip from this repo:

• ./build-release.sh

That produces:

• icon-accordion-for-elementor-plugin.zip

In WordPress:

1. Go to Plugins → Add New → Upload Plugin
2. Upload the zip
3. Activate the plugin
4. Open Elementor and search for Icon Accordion

Files

• icon-accordion-for-elementor.php – plugin bootstrap
• readme.txt – WordPress plugin metadata
• uninstall.php – uninstall entry
• includes/class-plugin.php – Elementor integration
• includes/widgets/class-icon-accordion-widget.php – widget controls + rendering
• assets/css/icon-accordion.css – frontend styles
• assets/js/icon-accordion.js – accordion behaviour

Notes

• readme.txt is the WordPress.org-facing plugin readme
• README.md is the repo-facing developer note
• build-release.sh creates a clean distributable zip and excludes repo-only files

New card grid widget

The plugin now also includes Icon Card Grid, a sibling widget for layouts where each card links to another page instead of expanding inline.

Card grid features include:

• responsive grid columns
• per-card links
• optional new-tab behavior
• matching icon-gradient visual style
• card spacing, padding, radius, icon, and typography controls

Next likely improvements

• dedicated screenshot-matching skin variants
• icon shape presets (pill / rounded square / circle)
• entrance animations
• per-item open/close icons
• importable demo JSON for Elementor pages