How to add tabs with color styling in CSS

Hi,

I would like to add tabs with some color styles to my product pages without that the tabber code is on the product page itself because we are avoiding multiple changes when we have to change or add tabs on the existing product pages, it's more practical for us to change only one code for all the the tabs changes or additional tabs, considering over thousands of product pages. I have been trying to apply this tab issue: www.hikashop.com/forum/2-general-talk-ab...uct-detail-page.html to my site but I don't know exaclty how it works and where to go to. I am new to the CSS world and have not much knowledge of it, Please help me out of this.

What we like exactly are the following:
1. Tabber code which will be added at the CSS code and not on the product page itself. What is the code and where to add it?

2. Code for the Color style of the tab. Please see attached file.

Hi Nicolas,

I got it. I was thinking about it from the perspective of the management of this system. Centralized controllable product templates are a major plus point when you have to handle a huge amount of articles. Is there any advice about product templates or something similar?

Thanks for your prompt reply.

Regards,

Wella

Hi Nicolas,


1. I found the Hikashop tabular thanks for your information. We are now using the NoNumber tabs and they fit better to our template.

2. I followed your link(forum) as you can see below(code) but I am a novice in all of these and I'm making now a fast learning curve. I am now searching for hours where these codings will be added i still cannot find it, can you give me a hint where? I understood I have to go to Display, Views, "product / show_tabular" , and then? where must I exactly add these codings?


<li id="hikashop_show_tabular_custom_li" class="hikashop_tabs_li ui-corner-top"><a onclick="displayTab('hikashop_show_tabular_custom');" href="javascript:void(0);"><?php echo JText::_('YOUR_TAB_NAME');?></a></li>

In the <ul class="hikashop_tabs_ul"> element.
Then add a div with content after the "ul" thanks to:

<div class="hikashop_tabs_content" id="hikashop_show_tabular_custom">
<!-- Your div content -->
</div>


Wella

Thank you Nicolas for your advice. We will work on this!