Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
WordPress / Interface Elements / Accordions

Alldion - Responsive accordion for WordPress

— Add-On to

Subscribe to our feed to stay up to date!

New! Follow us as you want it!

Alldion - Responsive accordion for WordPress - CodeCanyon Item for Sale


Ad: Bluehost hosting

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. WordPress Widgets
  6. Woocommerce Products


  • responsive, to fit mobile or desktop devices
  • touch support
  • create accordions panels in a dedicated visual interface
  • choose whether to use the mouse wheel or click to open accordion panels
  • select swing, bounce, lineal, smooth start/end transitions
  • set the animation speed
  • add preview images for panel headers
  • change panel headers background and text color
  • use the full WordPress editor to compose the HTML panel type
As shown in the screenshots, when you’re editing the accordion, you can drag & drop the panels to arrange them in the order you want.

Setting up the accordion panels

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


Use the new Media gallery interface included in WordPress 3.5 to add and reuse images directly from your WordPress gallery, a link field (with the option to open it in a new tab) and a text caption field.


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.


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

HTML and Shortcodes

This panel empowers you to use the full WordPress editor to create your content as you would do with any post or page, allowing also WordPress shortcodes.

Sidebar Widgets

With the sidebar panel you can choose one of the Alldion sidebars. These sidebars will be shown as any other sidebar in Appearance > Widgets where you’ll drag & drop widgets into them. These widgets will be shown in the panel.


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

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.

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.

Access the support forum

Assistance is provided exclusively through the support forum.

Support forum

See Also

Allground – Responsive Fullscreen Backgrounds for WordPress


AllSlider – Responsive Slider Carousel for WordPress

All Slider for WordPress Create Sliders with Images, Posts, Videos, HTML and Products WOO

Rotating Tabs Widget for WordPress

ROTATING TABS Widget For WordPress Recent Posts DESIGN GALLERY Recent Posts always sound DESIGN GALLERY DESIGN JQUERY GALLERY lOtips design kill Supercalifragil WocdPress theme Moer gallery post This post has Hello woild! Design with jQue tips design killer

Collapse – Collapsible Sliding Panel for WordPress

Create Collapsible Side Panels Images Posts Video HTML Shortcodes Menus Widgets Products Side Panels for WordPress

Product Slider Carousel for WooCommerce

PRODUCT SLIDER WooCommerce Responsive! c1ipoo Calendar Free! Clipboards Roll Icons

Other components in this categoryAll components of this author
CommentsFrequently asked questions and answers


1 March 13

Last Update:
14 July 15

Compatible Browsers:
IE7, IE8, IE9, IE10, Firefox, Safari, Opera, Chrome

Compatible With:
WooCommerce 2.0.x, WooCommerce 1.6.x

Files Included:
JavaScript JS, CSS, PHP

Software Version:
WordPress 4.3, WordPress 4.2, WordPress 4.1, WordPress 4.0, WordPress 3.9, WordPress 3.8, WordPress 3.7, WordPress 3.6, WordPress 3.5


eCommerce, eCommerce, All Items, accordion, custom post type, drag and drop, editor, image, plugin, post, product, responsive, shortcode, skin, tinymce, touch, widget, wordpress