Accordion Slider

Description

Accordion Slider combines the look and functionality of a slider with that of an accordion, allowing you to create horizontal or vertical accordion sliders which are fully responsive and mobile-friendly.

Features:

  • Fully responsive
  • Touch support
  • Animated and static layers, which can contain text, images or any HTML content
  • Horizontal and Vertical orientation
  • Possibility to change the aspect of the accordion for different screen sizes (using breakpoints)
  • Pagination
  • Keyboard navigation
  • Mouse wheel navigation
  • Retina support
  • Lazy loading
  • Deep linking
  • Lightbox integration
  • Load images and content dynamically, from posts (including custom post types), WordPress galleries and Flickr
  • Preview accordion sliders directly in the admin area
  • Drag and drop panel sorting
  • Publish accordion sliders in any post (including pages and custom post types), in PHP code, and widget areas
  • Caching system for quick loading times
  • Action and filter hooks
  • Import and export accordion sliders

These videos demonstrate the full capabilities of the plugin.

Screenshots

  • Accordion slider with text layers.
  • Simple accordion slider.
  • Vertical accordion slider.
  • Accordion slider with mixed content.
  • The admin interface for creating and editing an accordion.
  • The preview window in the admin area.
  • The layer editor in the admin area.
  • The background image editor in the admin area.
  • Adding dynamic tags for accordions generated from posts.

Installation

To install the plugin:

  1. Install the plugin through Plugins > Add New > Upload or by copying the unzipped package to wp-content/plugins/.
  2. Activate the Accordion Slider plugin through the ‘Plugins > Installed Plugins’ menu in WordPress.

To create accordion sliders:

  1. Go to Accordion Slider > Add New and click the ‘Add Panels’ button.
  2. Select one or more images from the Media Library and click ‘Insert into post’.
  3. After you customized the accordion slider, click the ‘Create’ button.

To publish accordion sliders:

Copy the [accordion_slider id=”1″] shortcode in the post or page where you want the accordion to appear. You can also insert it in PHP code by using , or in the widgets area by using the built-in Accordion Slider widget.

FAQ

How can I set the size of the images?

When you select an image from the Media Library, in the right columns, under ‘ATTACHMENT DISPLAY SETTINGS’, you can use the ‘Size’ option to select the most appropriate size for the images.

Reviews

October 14, 2021
Great extension that works great too. The update worked well, we've been using it for many years and don't want to miss it. It has a special look with great recognition value. Unfortunately there is no donation button. ----------------------------------------------------- Tolle Erweiterung die auch super funktioniert. Das Update hat gut funktioniert, wir nutzen es seit vielen Jahren und möchten es nicht missen. Es hat eine besondere Optik mit tollem Wiedererkennungswert.Leider ist kein Spendenbutton vorhanden.
August 3, 2021
This slider has got everything, even things I didn't know I needed I now can't live without! Thank you for such a great, free plugin, I love it.
Read all 2 reviews

Contributors & Developers

“Accordion Slider” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Accordion Slider” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.8.0

  • initial WordPress.org release

1.8.1

  • fixed type of Width and Height from ‘number’ to ‘mixed’ to address validation issue

1.8.2

  • fixed the saving/updating functionality