WooCommerce Accordions

July 24, 2024

WooCommerce Accordions Plugin

WooCommerce Accordions converts default WooCommerce tabs to responsive accordions.

Struggling to make your WooCommerce tabs look good on mobile devices? Or looking to replace those traditional tabs found on every website with accordions?

WooCommerce Accordions will help you easily convert your WooCommerce tabs to responsive accordions. You can easily change the look and feel of the accordions to match your store design by using the handful of admin options to customize different colors for the accordion.

Why Use WooCommerce Accordions

  • Give a better shopping experience to your mobile users as most sales/customers/users come from mobile devices.
  • Easily match your accordion styles to fit the look and feel of your site design.
  • Replace your traditional tabs and provide users a new way to view content.

Pro Features

  • Ability to replace default WooCommerce tabs with highly customizable horizontal tabs, vertical tabs, and accordions.
  • Ability to display tabs on desktop and accordions on mobile.
  • Choose from 3 different tabs/accordions designs to make your website look even better with matching tab designs for your site.
  • Add Extra Tabs for each product.
  • Easily drag and drop the custom tabs to reorder them to fit your needs.
  • Easily add shortcodes for tab title and tab description.
  • Use custom tabs to add an inquiry form, video embed, maps, gallery, product manual, etc.

Check out the pro version
Pro Version Demo

Support:

We provide support through the WordPress forum and will do our best to answer your questions. If you require additional support with installation or any customization, then log a ticket through our site: http://magnigenie.com/

If you have any suggestions for a new plugin, feel free to email us at [email protected]

Installation

  1. Upload the woo-accordions.zip file via the plugins upload menu in WordPress or via FTP to the /wp-content/plugins/ directory.
  2. Activate the plugin through WordPress.
  3. You will see a settings link for the plugin or simply go to WooCommerce > Settings > Accordions and set up your plugin.
  4. Enjoy the new accordions for your shop.

Screenshots

  1. Admin settings.

    Admin settings.

  2. Frontend view. Check <strong><a href="http://demo.magnigenie.com/woo-atm/product/logo-collection/">Pro Version Demo</a></strong>

    Frontend view. Check Pro Version Demo

FAQ

Which version of WooCommerce does this plugin work with?

This plugin works with all versions of WooCommerce greater than 2.0.x.

Changelog

Version 1.2.3

  • Fixed: Tab content padding and double header issue

Version 1.2.2

  • Fixed: Frontend CSS issue

Version 1.2.1

  • Updated: H1 tag modified to H2

Version 1.2

  • Fixed: Deprecated issue resolved for PHP version 8.1.9.
  • Fixed: Required plugin active validation issue.

Version 1.1

  • Fixed CSS and JS issues.
  • Added option to make the first accordion expand when the page loads.
  • Added option to make multiple accordions expand on click title.

Version 1.0

  • Initial public release.

Details

  • Version: 1.2.3
  • Active installations: 2,000
  • WordPress Version: 4.0
  • Tested up to: 6.6.1
  • PHP Version: 5.4

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars