Page 1 of 1

Tabs on Category Pages

Posted: Fri Jan 25, 2013 1:06 am
by gamm30
Hi, I am trying to put tabs on a category page. I would like 3 tabs; one for the category description, the other for the list of products, and the third for the "refine search". I want the tabs to come after the header.

I am really new to coding and I am struggling to get this done. I tried using this as template,

Code: Select all

<!-- the tabs -->
<ul class="tabs">
	<li><a href="#">Tab 1</a></li>
	<li><a href="#">Tab 2</a></li>
	<li><a href="#">Tab 3</a></li>
</ul>
 
<!-- tab "panes" -->
<div class="panes">
	<div>First tab content. Tab contents are called "panes"</div>
	<div>Second tab content</div>
	<div>Third tab content</div>
</div>
Java at end

Code: Select all

$(function() {
    // setup ul.tabs to work as tabs for each div directly under div.panes
    $("ul.tabs").tabs("div.panes > div");
});: 

But where do I put in the php? Please help.
Thanks

Re: Tabs on Category Pages

Posted: Wed Mar 06, 2013 5:43 pm
by cmrdirect
I would like to do this as well - is there really no extension to add a custom field, and a tab to display it, alongside the category description - this could be quite useful for SEO tweaking.

Re: Tabs on Category Pages

Posted: Sat Apr 13, 2013 11:24 pm
by marieneige
me too I want it, I suppose we have to add the script in the header.php but there is also the header.tpl. I tried on many ways but I don't get it to work, even in css. Did you find a solution?

Re: Tabs on Category Pages

Posted: Sat Apr 13, 2013 11:27 pm
by marieneige
in answer to your original question, the header.php is located in /catalog/controller/common

Re: Tabs on Category Pages

Posted: Sat Apr 13, 2013 11:31 pm
by marieneige
and there is this new extension but I didn't try it
http://www.opencart.com/index.php?route ... n_id=11171

Re: Tabs on Category Pages

Posted: Sun Apr 14, 2013 12:45 pm
by butte
Try searching category tabs and add other words one to few at a time, keep to a few words. Something similar went by fairly recently.

Re: Tabs on Category Pages

Posted: Tue Jan 03, 2017 5:10 pm
by mesm77
I created such a module, that is controlled in the admin panel.

Demo: Here

Admin panel
Image

Store front
Image

Re: Tabs on Category Pages

Posted: Sun Jul 30, 2017 6:45 pm
by alarsdes
I am looking for something like this,
Only what i want is different kind of products listing in tabs.

What i mean is, I have a category Canon Pixma Ip7250, and for that printer we sell inkcartridges, refill kits, chipresetter. and more. I am looking for a module where I can put the products seperate under tabs. A tab inkcartridges, a tab refill kits.and so on. Sort of filter. Does anyone know of a module for that.
Thanks