Joomla, OpenCart...Themes & News

We deliver a wide range of template and extension for Joomla, OpenCart, Shopify. We update our products frequently on this blog so that you can find what you need here.
For more options, please visit our main page: http://www.smartaddons.com/

How to Create Content Accordion for Single Article

Posted by on in Joomla Tutorial
  • Font size: Larger Smaller
  • Hits: 389
  • 0 Comments
  • Subscribe to this entry
  • Print

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.

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.

Last modified on
Rate this blog entry:
0

SmartAddons specialize in products for Joomla. Up to now, we've had 100+ Professional Joomla Templates and 200+ Professional Joomla Extensions which are built-in with the latest standards plus optimized to satisfy customers' demands.
Our products are steadily updated to adapt any future Joomla release versions. With our design, you can build complex templates in the fastest way as well as use them for various purposes.
Our supporting team is always ready to answer any question or problem - we're here to help!
Join us now to catch up our latest news!

Comments

  • No comments made yet. Be the first to submit a comment

Leave your comment

Guest Friday, 18 September 2020

Shortcuts

Wohnung Löbau Auf wohnen-in-loebau.de finden Sie bestimmt Ihre neue Wohnung in Löbau.