List of all our extensions

Create an account
Product bundle 12 months subscription

All products bundle

12 months subscription

Buy our bundle of ALL current and ALL future extensions. Get a VIP member access to Discord and become a member of our new community.

JP CE Accordion Pro


Article Index

Each of our plugin is unique with add-on or extend the YOOtheme Pro defaults, using this you can add accordions with content from sections and modules (even builder also).


How to install & use:

  • Download JP CE Accordion Pro latest version plugin from product page.

  • You can just install the plugin using the "Joomla Extension Manager", click “System -> Extensions ” and then upload the zip file to install the extension.

  • From the main joomla dashboard click “System -> Manage -> Plugins”. Use the Search or Filter feature to find the installed JP CE Accordion Pro plugin and then make sure the installed plugin is enabled.


Add the new custom element:

  • Now open "YOOtheme" website builder inside the Joomla admin and edit the page you want to add the installed "JP CE Accordion PRO" custom element.
  • Then you can easily add installed "JP CE Accordion PRO" custom builder element from Yootheme PRO Website Builder.

  • To add new accordion Pro item, create a new item using "ADD ITEM" button.

Select the content type of the accordion using "Accordion CONTENT TYPE" option.

  1. "Content" -> Define a new content in the editor which is used as a content in accordion.
  2. "Module" -> Select any of the different predefined list of modules.
  3. "Section" -> Displays the specified yootheme builder section id content.

How to use "Module" option

  • From the list of modules, select one module or widget in which its content will be used in the accordion.

  • Once finished all the settings for the element , Click "Save layout" and "Close" the website builder.

How to use "Section" option

  • Create a new section in the page with its content based on your requirements.

  • Give a unique id to the section under advanced tab.

  • Enter the unique section id created alraedy in which its content will be used in the accordion.

  • Once finished all the settings for the element , Click "Save layout" and "Close" the website builder.

Important Configuration

  • If you faced any problem during module or section content loading issue then check the below settings
  • Open "YOOtheme" website builder inside the Joomla admin and then select "Settings -> Advanced".

  • Make sure "Load jQuery" option is enabled.


Video Tutorials


Have a look of "JP CE Accordion PRO" output.

Joomla 4.0 supported
6 months support & updates
6 months of access to support and downloads/updates. The extensions will keep working after this period.
Joomla 3.10 supported
Unlimited Websites
You can install all our extensions on as many websites as you like.
Wordpress version available
Custom Development
If you encounter any problems with your website that does not cover support we might offer you a custom quote to help you.
Look for these icons for available supported platforms:
Joomla 4.0 supported

Joomla 4.x support

New Joomla 4 supported!
Joomla 3.10 supported

Joomla 3.x support

Joomla 3.9 / 3.10 supported
Wordpress version available

Wordpress version

Alternative WP version available
Joomla Pro Discord channel

Webmasters, designers and developers!

Join our Discord channel and help us with bug reports and feature requests!

© Copyright 2011- - JoomlaPro.com - All Rights Reserved | JoomlaPro.com is part of
 WNmedia.se, Joomlaproffs.se and Webbproffs.se

Joomla Extensions

Extension list