Adding tabs in opencart info pages

Kind time of the day dear users of our site.

For a long time already nothing here wrote, all time did not suffice, today I want to share the simple method of adding content using tabs (tabs) on the information pages of opencart.

I often ask users about this possibility, many simply do not want to produce pages on the site and describe all the necessary information on one page, but since sometimes the text has a lot and even it's different then that page can turn out to be not beautiful and very long due to this many I would like to use the tabs on the pages exactly as in the product card itself ....

You can certainly find various scripts on the Internet for these purposes and make tabs on html, but why look for if in opencart already have this functionality in the product card, let's use it for information pages.

In fact, everything is simpler nowhere and it comes down to simply adding a few lines to the template file that displays the page itself ...

Okay I will not be here to breed poetry and proceed directly to the task itself, and late I'm already writing with half-closed sleepy eyes ...

Below in the photo you can see what we will end up with:

Tabs in opencart for pages

And so in order to display tabs on opencart in the pages we need to open the file:

And add in front of the basement output code:

The following code:

More and more nothing to edit, then go to admin panel and open the necessary page for editing, and in it we add our text with the use of such markup:

Well, that's all, now you have on the page will show the added information in tabs.

Try testing if that does not work ask in the comments.