Extension list

yootheme

ecommerce

joomla

Skip to main content

List of all our extensions

Create an account

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.
  4. "Sublayout" -> Displays the specified yootheme builder layout 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.

How to use "Sublayout" option

Sublayout is a powerful option that allows you to create nested layouts in the accordion item, which also enables dynamically multiply a group of rows, making it ideal for displaying lists of categories or articles. It also define a parent source within the sub layout, allowing dynamic content to be displayed efficiently.

  • Start create a new layout and choose from a collection of ready-to-use elements or browse the layout library and start with one of the pre-built layouts from the sublayout tab


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.