Alldion – Responsive accordion for WordPress (Accordions)

Alldion is a responsive, touch enabled, accordion plugin for WordPress that allows you to create multiple accordions using a drag & drop interface and show them using a shortcode or a widget.

Accordion Panel Types

The Alldion plugin allows you to include up to five different content types in the accordion panels:

  1. Images
  2. Posts
  3. HTML and shortcodes
  4. Videos
  5. Products, if you have Woocommerce plugin installed and active

Using the accordion

After you create your accordions, you can then add them in your posts or pages using the shortcode provided. You can also add them in a Woocommerce product description or in general in any custom post type content. Multiple accordions can be added to a post or page.
If you need to display them on your sidebars, you can use the widget included. Just like with shortcodes, multiple accordion widgets can be added to a sidebar.

Accordion features

Each accordion features:

  • responsive, to fit mobile or desktop devices
  • touch and swipe support
  • mouse wheel support, to open accordion panels
  • swing, bounce, lineal, smooth start/end transitions
  • animation speed
  • preview images for panel headers
  • change panel headers background and text color

And as shown in the screenshots, when editing the accordion, you can sort the slides using drag and drop to achieve the order you want.

Setting up the accordion panels

Each panel type has its own set of controls, with appropriate options for each one.

Images

Use the new Media gallery interface included in WordPress 3.5 to add and reuse images directly from your WordPress gallery, a link field and a text caption field.

Posts

Post panel allows you to select a post to display in the panel and choose whether to show the title or not, show the excerpt, content or nothing, and display a featured image size or not.

Video

The video panel provides a field to add the video embed code and a field for a text caption

HTML and shortcodes

This panel allows you to use HTML markup and WordPress shortcodes

Products

If you have the Woocommerce plugin installed and active, you can display products in the accordion, choosing whether to show the title or not, the price, the add to cart button, the product description or the short description and the image size, where the additional image sizes available for Woocommerce are also shown.

Plugin settings

The settings page allows you to customize the appearance of the accordion to match your site, from choosing colors for title, content or excerpt and thumbnails pagination using Iris color picker, the standard color picker bundled with WordPress, to adding your own CSS rules using the custom styling field provided.

Support

Support forum

All support requests are managed exclusively through the support forum for this plugin.

Download Alldion – Responsive accordion for WordPress (Accordions)

Leave a Reply

Your email address will not be published. Required fields are marked *