Themes Blogging: Alldion Responsive accordion for WordPress

Monday, April 15, 2013

Alldion Responsive accordion for WordPress

Alldion - Responsive accordion for WordPress - CodeCanyon Item for Sale

accordion // custom post type // dark // drag and drop // glossy // image // plugin // post // product // responsive // shortcode // skin // touch // widget // wordpress //

Created	1 March 13
Last Update	28 March 13
Compatible Browsers	IE7, IE8, IE9, IE10, Firefox, Safari, Opera, Chrome
Software Version	WordPress 3.5
Compatible With	WooCommerce 1.6.x
Files Included	JavaScript JS, CSS, PHP

More Info...Alldion Responsive accordion for WordPress

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
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.