Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeJ! ExtensionsTutorials and Case studiesHow to Create Content Accordion for Single Article without Using 3rd Party Extensions

Joomla is one of the most popular content management system which provides lots of wonderful features that you can use to build professional content without installing 3rd party extensions. In which, splitting the content is an awesome feature you should know.

How to Create Content Accordion for Single Article without Using 3rd Party Extensions

In this tutorial, I will show you how to create content accordion in the articles with the default Page break plugin.

Create the Article & Split the Content

  • Go to Content > Articles > New
  • Add your content, in this article, I will split the item "JMart - JoomShopping Joomla Template"
  • Put the mouse cursor at the beginning of the first paragraph "Sj JMart is a clean eCommerce Joomla template powered by JoomShopping component..." which later will display as an accordion.
  • Click Page break
  • Set a Page title, "Description" as example.
  • Add an Alias (optional)
  • Insert page break
  • Repeat the process to create new accordions. Put the mouse cursor at the beginning of the paragraph which you want to split. In my example, I split the item's presentation images as the second accordion. And set the Page title in Page break as "Presentation".
  • Do the same to create other accordion.
  • Save and close

How to Create Content Accordion for Single Article without Using 3rd Party Extensions

How to Create Content Accordion for Single Article without Using 3rd Party Extensions

Enable Page Break Plugin

  • Go to Extensions > Plugins
  • Search "Page Break" and select "Content - Page Break" plugin

How to Create Content Accordion for Single Article without Using 3rd Party Extensions

  • Set Presentation Style as "Slider"
  • Save and close

How to Create Content Accordion for Single Article without Using 3rd Party Extensions

Set Menu Item to Display the Article in Front-end

  • Create a menu item Menus > Manage > Hidden Menu > New (This only in my example, you can create your menu in other menu to fit your demand)
  • Menu Title: "JMart Joomla Template"
  • Menu Item Type: Articles > Single article
  • Choose the article
  • Save and close

How to Create Content Accordion for Single Article without Using 3rd Party Extensions

View Result

Preview the article "JMart - JoomShopping Joomla Template" in the frond-end:

How to Create Content Accordion for Single Article without Using 3rd Party Extensions

Content - Page Break plugin also supports for Page & Tab types. You can try and see the differences. Besides, you can select the pre-made Joomla templates which are beautiful styled, then you do not need to customize so much.

Related items (by tag)

Love all our templates?

Join our membership clubs starting at $49 only for access to all of our templates

Join Now
Home Pricing
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
SearchSupport
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes