Image Accordion for Elementor
PRO

Image Accordion Widget for Elementor

An Image Accordion widget allows you to display a series of images compactly, interactively, and also you can reveal more details or a larger view of each image.

Choose Template
image-accordion-showing-wordpress-posts-with-tabs-filter
Image Accordion Showing WordPress...
image-accordion-showing-woo-products-with-live-filters
Image Accordion Showing Woo...
fullscreen-image-accordion
Fullscreen Image Accordi...
vertical-image-accordion-layout-with-remote-counter
Vertical Image Accordion...
horizontal-image-accordion-layout
Horizontal Image Accordion...
image-accordion-vertical-layout-with-remote-bullets-navigation
Image Accordion Vertical...
image-accordion-with-skew-effect
Image Accordion With Skew...
image-accordion-synced-to-background-slider-with-remote-arrow-navigation
Image Accordion Synced to...
image-accordion-horizontal-layout
Image Accordion Horizontal...
Loading...
Facebook
Twitter
WhatsApp
Copy Link
Copy
Click to Copy the Section and paste to your site using Doubly Plugin   Learn More
Buy Now

Layout & Settings

An Attractive Accordion to Show Beautiful Images

The Image Accordion widget offers adaptable layouts for different devices through breakpoints. Easily customize the arrangement, choosing between vertical and horizontal orientations for an optimized viewing experience.

Dynamic Content

The Power of Multiple Dynamic Source Types

Effortlessly incorporate dynamic data into accordion items, supporting various types such as WordPress posts, Woo products, CSV and JSON files, ACF repeater fields, API integrations, and more. Our solution is designed to flexibly adapt to your specific dynamic content needs.

Remote Controls

Total Design Freedom with Connected Widgets

Easily design unique layouts with Remote Control Widgets. Take full control of your design, making your website stand out with precision.

Sync Widgets Together

Craft Customized Flexible Layouts

Elevate your web designs by seamlessly synchronizing two or more item-based widgets. This enables you to effortlessly create sophisticated and personalized layouts, taking your design capabilities to the next level. 

Filters & Tools

Intuitive Filters and Tools for Seamless Browsing

When you utilize posts or products as sources, effortlessly enhance your website browsing experience by incorporating a diverse range of filter types and tools for easy navigation.

Widget Style

Intuitive Design Settings for a Unique Online Presence

Unleash your creative potential with extensive widget style options. Effortlessly customize colors, images, background text color, and shadows. Take control of user interaction by designing unique active and hover states.

Discover More Features the Image Accordion Has to Offer

Here is a list of some more awesome features this widget has to offer your web creations.

SEO Optimized

It's lightweight, fast, and optimized for search engine indexing, ensuring swift performance and visibility.

Sequence Entrance Animation

Load items sequentially with slight delays for jaw-dropping visual effects on your website.

Widget Editor

Make adjustments and access the widget code, easily edit (HTML/CSS/JS) for your needs.

Responisve Behaviour

With responsive settings, effortlessly adapt to any screen size, optimizing your site for diverse devices.

Easy To Use

Easy to use with no coding knowledge required, it works effortlessly out of the box.

Skew Effect

The skew effect gives a unique look to your image accordion by giving it a slight angle. 

Step by Step Tutorial

Learn How It Works?

Learn how to use the Image Accordion Widget with this video tutorial. Master each step at your own pace effortlessly.

Image Accordion Frequently Asked Questions

What is an Image Accordion in an Elementor website?

The Image Accordion widget is a dynamic tool designed to showcase images in an interactive, space-efficient accordion layout. It’s perfect for creating visually appealing sections with smooth animations and responsive designs.

How do I add an Image Accordion to my Elementor website?

This widget requires the Unlimited Elements Pro version installed and activated on your WordPress website. 

  1. Go to the Unlimited Elements Widget Library. 
  2. Search in the search bar for “Image Accordion”. 
  3. Hover over the widget in the search results and click Install. 
  4. Add the “Image Accordion” widget to any Elementor Page.
Is the Image Accordion a free widget?

The Image Accordion widget is not free; it is included in the Unlimited Elements Pro version. Unlock this widget and many other advanced features by upgrading to Pro. Upgrade Now.

Can I show WooCommerce products in the Image Accordion?

Absolutely! You can easily showcase your WooCommerce products directly within the accordion to create an interactive shopping experience. With WooCommerce as the source, you can query products using options like Custom Query, Current Product Query, Related Products, and Manual Selection. 

You can also connect powerful filters to refine the experience, including Search, Tabs, Checkboxes, Dropdown, Sorting, Pagination, Load More, Infinite Scroll, Active Filter, Clear Filters, Post Query Summary, Price Range, Color Swatches, and Alphabet Filters.

Can I show WordPress posts or custom post types in the Image Accordion?

Absolutely! You can showcase WordPress posts or custom post types dynamically within the accordion. Query options include Custom Query, Current Post Query, Related Posts, and Manual Selection. 

You can also connect powerful filters, such as Search, Tabs, Checkboxes, Dropdown, Sorting, Pagination, Load More, Infinite Scroll, Active Filter, Clear Filters, Post Query Summary, and Alphabet Filters.

Can I add filters to the Image Accordion?

Yes! Filters can be used when the source is either WordPress posts or WooCommerce products. Here’s a list of available filters: 

  1. Search Filter: Transform the search experience with a live search that gives instant results. 
  2. Tabs Filter: User-friendly tabs filter, ensuring easy categorization, quick selection, and live display. 
  3. Checkboxes Filter: Optimize filtering with multi-select Checkboxes Filter for flexible, personalized searches. 
  4. Select Dropdown Filter: Streamline content choices using the Dropdown Filter for effortless selection and display. 
  5. Sorting Filter: Ease content exploration on your website as users filter and sort with minimal effort. 
  6. Pagination: Enhance the browsing experience with smooth navigation between post results.
  7. Load More / Infinite Scroll: Improve user interaction in your product widgets using a Load More Button or Infinite Scroll. 
  8. Active Filter: Display the selected filters and reset them easily for user convenience. 
  9. Clear Filters: Let users easily clear all selected filters with one quick and easy click. 
  10. Post Query Summary: Provides quick feedback by displaying the number of posts or pages found. 


Click here to Learn More.

Can I show an ACF Repeater in the Image Accordion?

Definitely! The Image Accordion widget supports Advanced Custom Fields (ACF) Repeaters, allowing you to display custom fields dynamically.

Can I show data from a CSV file in the Image Accordion?

Yes, the Image Accordion widget supports importing data from CSV files, making it versatile for various use cases.

Can I show data from a JSON file in the Image Accordion?

Of course! You can easily display JSON file data within the Image Accordion to create dynamic content layouts.

How do I use the Image Accordion in Elementor?

Using the Image Accordion is straightforward. Drag the widget into your page, choose your images and content settings, and style it to match your design. Check out our documentation for a step-by-step guide.

Can I choose between horizontal and vertical layouts for the Image Accordion?

Absolutely! The Image Accordion provides the flexibility to choose between horizontal and vertical layouts. You can easily configure the accordion to align with your design preferences, allowing for a seamless integration into your Elementor website.

Can I add hover or click interactions to the Image Accordion items?

Yes, you can! The Image Accordion allows you to effortlessly add hover or click interactions to its items. This feature enables you to customize the behavior of each accordion item, providing a dynamic and engaging user experience.

What does the Skew Effect in the Image Accordion do?

The Skew Effect in the Image Accordion adds a unique visual dimension by introducing a slight angle to your accordion items. This effect creates an eye-catching and distinctive look, enhancing the overall design aesthetics of your website.

Does the Image Accordion support live filters with AJAX functionality?

Yes, it does! The Image Accordion supports live filters with AJAX functionality. This feature allows you to incorporate dynamic and real-time filtering, providing a seamless browsing experience for users as they interact with the accordion items on your Elementor website.

Is the Image Accordion responsive, and can I configure breakpoints for layout changes?

Yes, the Image Accordion is fully responsive. You have the flexibility to configure breakpoints, and decide when the layout transitions from horizontal to vertical. Additionally, you can customize sizes for various devices, ensuring optimal display and user experience across a range of screen sizes.