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:
Images Posts HTML and shortcodes Videos WordPress Widgets Woocommerce Products
Features
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. 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 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. Products 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.
Support
All support requests are managed exclusively through the support forum for this plugin.
See Also Allground – Responsive Fullscreen Backgrounds for WordPress
AllSlider – Responsive Slider Carousel for WordPress
Rotating Tabs Widget for WordPress
Collapse – Collapsible Sliding Panel for WordPress
Product Slider Carousel for WooCommerce