[Skip to main content](#vessel-content) # Add Tabbed pane in the product detail page! ## - **[devkbsc](/forum/user/7930-devkbsc "View devkbsc's Profile")** - [![devkbsc's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7930-devkbsc "View devkbsc's Profile") Topic Author - [ Offline](/forum/user/7930-devkbsc) Less More - Posts: 4 - Thank you received: 0 - - 14 years 4 months ago [\#55405](#55405) by [devkbsc](/forum/user/7930-devkbsc "View devkbsc's Profile") *[Add Tabbed pane in the product detail page!](/forum/2-general-talk-about-hikashop/55405-add-tabbed-pane-in-the-product-detail-page#55405 "Hello, I am using nonumber's tabber plugin for desining the tabbed description product detail page.But i don't know how to add this tab's tag and also don't exactly which template to modify. Please help to to find template for product detail page. And please help me to add this tabber code in the page. {tab=Tab Title 1} Your text... {tab=Tab Title 2} Your text... {/tabs}")* was created by *[devkbsc](/forum/user/7930-devkbsc "View devkbsc's Profile")* Hello, I am using nonumber's tabber plugin for desining the tabbed description product detail page.But i don't know how to add this tab's tag and also don't exactly which template to modify. Please help to to find template for product detail page. And please help me to add this tabber code in the page. {tab=Tab Title 1} Your text... {tab=Tab Title 2} Your text... {/tabs} Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzU1NDA1LWFkZC10YWJiZWQtcGFuZS1pbi10aGUtcHJvZHVjdC1kZXRhaWwtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86320 - Thank you received: 14279 - - 14 years 4 months ago [\#55408](#55408) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Add Tabbed pane in the product detail page!](/forum/2-general-talk-about-hikashop/55405-add-tabbed-pane-in-the-product-detail-page#55408 "Hello, I am using nonumber's tabber plugin for desining the tabbed description product detail page.But i don't know how to add this tab's tag and also don't exactly which template to modify. Please help to to find template for product detail page. And please help me to add this tabber code in the page. {tab=Tab Title 1} Your text... {tab=Tab Title 2} Your text... {/tabs}")* Hi, You can add it directly in the description of your products. The following user(s) said Thank You: [devkbsc](/forum/user/7930-devkbsc "View devkbsc's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzU1NDA1LWFkZC10YWJiZWQtcGFuZS1pbi10aGUtcHJvZHVjdC1kZXRhaWwtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[devkbsc](/forum/user/7930-devkbsc "View devkbsc's Profile")** - [![devkbsc's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7930-devkbsc "View devkbsc's Profile") Topic Author - [ Offline](/forum/user/7930-devkbsc) Less More - Posts: 4 - Thank you received: 0 - - 14 years 4 months ago - 14 years 4 months ago [\#55414](#55414) by [devkbsc](/forum/user/7930-devkbsc "View devkbsc's Profile") Replied by *[devkbsc](/forum/user/7930-devkbsc "View devkbsc's Profile")* on topic *[Re: Add Tabbed pane in the product detail page!](/forum/2-general-talk-about-hikashop/55405-add-tabbed-pane-in-the-product-detail-page#55414 "Hello, I am using nonumber's tabber plugin for desining the tabbed description product detail page.But i don't know how to add this tab's tag and also don't exactly which template to modify. Please help to to find template for product detail page. And please help me to add this tabber code in the page. {tab=Tab Title 1} Your text... {tab=Tab Title 2} Your text... {/tabs}")* Hi, the problem is where my client is zero in computer science. So, he don't want to see any code in the text area! any other options? it's possible to create custom fields for product detail page. by the i can create fields for each tabs! is it? Last edit: 14 years 4 months ago by [devkbsc](/forum/user/7930-devkbsc "View devkbsc's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzU1NDA1LWFkZC10YWJiZWQtcGFuZS1pbi10aGUtcHJvZHVjdC1kZXRhaWwtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[devkbsc](/forum/user/7930-devkbsc "View devkbsc's Profile")** - [![devkbsc's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7930-devkbsc "View devkbsc's Profile") Topic Author - [ Offline](/forum/user/7930-devkbsc) Less More - Posts: 4 - Thank you received: 0 - - 14 years 4 months ago [\#55425](#55425) by [devkbsc](/forum/user/7930-devkbsc "View devkbsc's Profile") Replied by *[devkbsc](/forum/user/7930-devkbsc "View devkbsc's Profile")* on topic *[Re: Add Tabbed pane in the product detail page!](/forum/2-general-talk-about-hikashop/55405-add-tabbed-pane-in-the-product-detail-page#55425 "Hello, I am using nonumber's tabber plugin for desining the tabbed description product detail page.But i don't know how to add this tab's tag and also don't exactly which template to modify. Please help to to find template for product detail page. And please help me to add this tabber code in the page. {tab=Tab Title 1} Your text... {tab=Tab Title 2} Your text... {/tabs}")* Excuse me! i think you are not very clear about my question! It is possible to add custom field in the product page? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzU1NDA1LWFkZC10YWJiZWQtcGFuZS1pbi10aGUtcHJvZHVjdC1kZXRhaWwtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86320 - Thank you received: 14279 - - 14 years 4 months ago [\#55505](#55505) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Add Tabbed pane in the product detail page!](/forum/2-general-talk-about-hikashop/55405-add-tabbed-pane-in-the-product-detail-page#55505 "Hello, I am using nonumber's tabber plugin for desining the tabbed description product detail page.But i don't know how to add this tab's tag and also don't exactly which template to modify. Please help to to find template for product detail page. And please help me to add this tabber code in the page. {tab=Tab Title 1} Your text... {tab=Tab Title 2} Your text... {/tabs}")* You can do that yes. You will have to create custom fields of the table "product". That will allow your user to enter the text of each tab in a textarea for each product. Then, you would have to edit the file "show_default" of the view "product" via the menu Display->Views in order to display the fields in the tabs: {tab=Tab Title 1} <?php ehco $this->element->custom_field_1; ?> {tab=Tab Title 2} <?php ehco $this->element->custom_field_2; ?> {/tabs} where custom_field_1 and custom_field_2 are the column names of the fields. Finally, you will have to edit the file "show" of the view "product" and change the code: $this->setLayout($this->productlayout); echo $this->loadTemplate(); to: $this->setLayout($this->productlayout); echo JHTML::_('content.prepare',$this->loadTemplate()); so that the tab plugin can replace the tab tags into real tabs. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzU1NDA1LWFkZC10YWJiZWQtcGFuZS1pbi10aGUtcHJvZHVjdC1kZXRhaWwtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[protorob](/forum/user/5729-protorob "View protorob's Profile")** - [![protorob's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar5729.png)](/forum/user/5729-protorob "View protorob's Profile") - [ Offline](/forum/user/5729-protorob) Less More - Posts: 96 - Thank you received: 14 - - - - [](http://www.euromarnautica.com) - 14 years 3 weeks ago [\#68872](#68872) by [protorob](/forum/user/5729-protorob "View protorob's Profile") Replied by *[protorob](/forum/user/5729-protorob "View protorob's Profile")* on topic *[Re: Add Tabbed pane in the product detail page!](/forum/2-general-talk-about-hikashop/55405-add-tabbed-pane-in-the-product-detail-page#68872 "Hello, I am using nonumber's tabber plugin for desining the tabbed description product detail page.But i don't know how to add this tab's tag and also don't exactly which template to modify. Please help to to find template for product detail page. And please help me to add this tabber code in the page. {tab=Tab Title 1} Your text... {tab=Tab Title 2} Your text... {/tabs}")* This is really cool. Thanks for this great answer. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzU1NDA1LWFkZC10YWJiZWQtcGFuZS1pbi10aGUtcHJvZHVjdC1kZXRhaWwtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[jwmartinez](/forum/user/9515-jwmartinez "View jwmartinez's Profile")** - [![jwmartinez's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/9515-jwmartinez "View jwmartinez's Profile") - [ Offline](/forum/user/9515-jwmartinez) Less More - Posts: 32 - Thank you received: 3 - - - - 13 years 11 months ago [\#79843](#79843) by [jwmartinez](/forum/user/9515-jwmartinez "View jwmartinez's Profile") Replied by *[jwmartinez](/forum/user/9515-jwmartinez "View jwmartinez's Profile")* on topic *[Add Tabbed pane in the product detail page!](/forum/2-general-talk-about-hikashop/55405-add-tabbed-pane-in-the-product-detail-page#79843 "Hello, I am using nonumber's tabber plugin for desining the tabbed description product detail page.But i don't know how to add this tab's tag and also don't exactly which template to modify. Please help to to find template for product detail page. And please help me to add this tabber code in the page. {tab=Tab Title 1} Your text... {tab=Tab Title 2} Your text... {/tabs}")* Hi love these, exactly what I was looking for!!! Just one more question to make it perfect for me: It's there a way to put the product vote/comments inside a Tab? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzU1NDA1LWFkZC10YWJiZWQtcGFuZS1pbi10aGUtcHJvZHVjdC1kZXRhaWwtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Xavier](/forum/user/4105-xavier "View Xavier's Profile")** - [![Xavier's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4105.png)](/forum/user/4105-xavier "View Xavier's Profile") - [ Offline](/forum/user/4105-xavier) Less More - Posts: 13201 - Thank you received: 2322 - - - - [](http://www.kidiweb.fr) - 13 years 10 months ago [\#79974](#79974) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Add Tabbed pane in the product detail page!](/forum/2-general-talk-about-hikashop/55405-add-tabbed-pane-in-the-product-detail-page#79974 "Hello, I am using nonumber's tabber plugin for desining the tabbed description product detail page.But i don't know how to add this tab's tag and also don't exactly which template to modify. Please help to to find template for product detail page. And please help me to add this tabber code in the page. {tab=Tab Title 1} Your text... {tab=Tab Title 2} Your text... {/tabs}")* Hi, Since the post of protorob, we added a real tab view in HikaShop using jQuery and including the vote & comments. To try it, you have to use the option "Layout on product page" and set it to "tabular". Else you can edit the view "product / show_default" and add "{tab=Tab Title 3}" before the vote&comment part of the view and use the tag "{/tags}" after the comment part. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzU1NDA1LWFkZC10YWJiZWQtcGFuZS1pbi10aGUtcHJvZHVjdC1kZXRhaWwtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[jwmartinez](/forum/user/9515-jwmartinez "View jwmartinez's Profile")** - [![jwmartinez's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/9515-jwmartinez "View jwmartinez's Profile") - [ Offline](/forum/user/9515-jwmartinez) Less More - Posts: 32 - Thank you received: 3 - - - - 13 years 10 months ago [\#80128](#80128) by [jwmartinez](/forum/user/9515-jwmartinez "View jwmartinez's Profile") Replied by *[jwmartinez](/forum/user/9515-jwmartinez "View jwmartinez's Profile")* on topic *[Add Tabbed pane in the product detail page!](/forum/2-general-talk-about-hikashop/55405-add-tabbed-pane-in-the-product-detail-page#80128 "Hello, I am using nonumber's tabber plugin for desining the tabbed description product detail page.But i don't know how to add this tab's tag and also don't exactly which template to modify. Please help to to find template for product detail page. And please help me to add this tabber code in the page. {tab=Tab Title 1} Your text... {tab=Tab Title 2} Your text... {/tabs}")* Yeah, found the tabular display, but on witch display I change the way they look. They don't look like a tabbed display... I attach a capture of how they look right now. [ ![Cap1.jpg](/forum/attachment/7334) ](/forum/attachment/7334 "Cap1.jpg") - [ ![Cap1.jpg](/forum/attachment/7334) ](/forum/attachment/7334 "Cap1.jpg") [ ](/forum/attachment/7334?download=1 "Cap1.jpg") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzU1NDA1LWFkZC10YWJiZWQtcGFuZS1pbi10aGUtcHJvZHVjdC1kZXRhaWwtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Xavier](/forum/user/4105-xavier "View Xavier's Profile")** - [![Xavier's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4105.png)](/forum/user/4105-xavier "View Xavier's Profile") - [ Offline](/forum/user/4105-xavier) Less More - Posts: 13201 - Thank you received: 2322 - - - - [](http://www.kidiweb.fr) - 13 years 10 months ago [\#80153](#80153) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Add Tabbed pane in the product detail page!](/forum/2-general-talk-about-hikashop/55405-add-tabbed-pane-in-the-product-detail-page#80153 "Hello, I am using nonumber's tabber plugin for desining the tabbed description product detail page.But i don't know how to add this tab's tag and also don't exactly which template to modify. Please help to to find template for product detail page. And please help me to add this tabber code in the page. {tab=Tab Title 1} Your text... {tab=Tab Title 2} Your text... {/tabs}")* Hi, You changed the display ? Maybe you have broke the html, so jQuery cannot manage it correctly to display the tabs. Or you have maybe a Javascript error or a conflict between jQuery and Mootools, try to install the jQuery easy plugin, which can be found on the JED: extensions.joomla.org Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzU1NDA1LWFkZC10YWJiZWQtcGFuZS1pbi10aGUtcHJvZHVjdC1kZXRhaWwtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[jwmartinez](/forum/user/9515-jwmartinez "View jwmartinez's Profile")** - [![jwmartinez's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/9515-jwmartinez "View jwmartinez's Profile") - [ Offline](/forum/user/9515-jwmartinez) Less More - Posts: 32 - Thank you received: 3 - - - - 13 years 10 months ago - 13 years 10 months ago [\#80411](#80411) by [jwmartinez](/forum/user/9515-jwmartinez "View jwmartinez's Profile") Replied by *[jwmartinez](/forum/user/9515-jwmartinez "View jwmartinez's Profile")* on topic *[Add Tabbed pane in the product detail page!](/forum/2-general-talk-about-hikashop/55405-add-tabbed-pane-in-the-product-detail-page#80411 "Hello, I am using nonumber's tabber plugin for desining the tabbed description product detail page.But i don't know how to add this tab's tag and also don't exactly which template to modify. Please help to to find template for product detail page. And please help me to add this tabber code in the page. {tab=Tab Title 1} Your text... {tab=Tab Title 2} Your text... {/tabs}")* Hi Xavier, I don't recall changing anything on the HTML, and this the display I got after installing jQuery Easy, before I didn't get any display at all. Just in case I have change something on the HTML, which file I have to look for and, if you know which lines you think may be broken. Jose Last edit: 13 years 10 months ago by [jwmartinez](/forum/user/9515-jwmartinez "View jwmartinez's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzU1NDA1LWFkZC10YWJiZWQtcGFuZS1pbi10aGUtcHJvZHVjdC1kZXRhaWwtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Xavier](/forum/user/4105-xavier "View Xavier's Profile")** - [![Xavier's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4105.png)](/forum/user/4105-xavier "View Xavier's Profile") - [ Offline](/forum/user/4105-xavier) Less More - Posts: 13201 - Thank you received: 2322 - - - - [](http://www.kidiweb.fr) - 13 years 10 months ago [\#80460](#80460) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Add Tabbed pane in the product detail page!](/forum/2-general-talk-about-hikashop/55405-add-tabbed-pane-in-the-product-detail-page#80460 "Hello, I am using nonumber's tabber plugin for desining the tabbed description product detail page.But i don't know how to add this tab's tag and also don't exactly which template to modify. Please help to to find template for product detail page. And please help me to add this tabber code in the page. {tab=Tab Title 1} Your text... {tab=Tab Title 2} Your text... {/tabs}")* Hi, Can you check if jQuery is loaded in the page ? You should find it in the source code of the page, the library needed is "jquery-ui-1.8.22.custom.min.js" Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzU1NDA1LWFkZC10YWJiZWQtcGFuZS1pbi10aGUtcHJvZHVjdC1kZXRhaWwtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[jwmartinez](/forum/user/9515-jwmartinez "View jwmartinez's Profile")** - [![jwmartinez's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/9515-jwmartinez "View jwmartinez's Profile") - [ Offline](/forum/user/9515-jwmartinez) Less More - Posts: 32 - Thank you received: 3 - - - - 13 years 10 months ago [\#80613](#80613) by [jwmartinez](/forum/user/9515-jwmartinez "View jwmartinez's Profile") Replied by *[jwmartinez](/forum/user/9515-jwmartinez "View jwmartinez's Profile")* on topic *[Add Tabbed pane in the product detail page!](/forum/2-general-talk-about-hikashop/55405-add-tabbed-pane-in-the-product-detail-page#80613 "Hello, I am using nonumber's tabber plugin for desining the tabbed description product detail page.But i don't know how to add this tab's tag and also don't exactly which template to modify. Please help to to find template for product detail page. And please help me to add this tabber code in the page. {tab=Tab Title 1} Your text... {tab=Tab Title 2} Your text... {/tabs}")* Yes jquery appears to be loading on the page I found it it looks like this: Code: </style> <script src="/media/system/js/mootools-core.js" type="text/javascript"></script> <script src="/media/system/js/core.js" type="text/javascript"></script> <script src="/media/system/js/mootools-more.js" type="text/javascript"></script> <script src="/media/system/js/modal.js" type="text/javascript"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js" type="text/javascript"></script> <script src="/plugins/system/jqueryeasy/jquerynoconflict.js" type="text/javascript"></script> <script src="/media/com_hikashop/js/hikashop.js?v=200" type="text/javascript"></script> <script src="/media/com_hikashop/js/jquery-ui-1.8.22.custom.min.js" type="text/javascript"></script> <script src="/media/com_hikashop/js/vote.js" type="text/javascript"></script> <script type="text/javascript"> But were the code mention tabs it only shows like this : Code: <script> (function($) { jQuery( "#hikashop_tabs" ).tabs(); })(jQuery); </script> Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzU1NDA1LWFkZC10YWJiZWQtcGFuZS1pbi10aGUtcHJvZHVjdC1kZXRhaWwtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Xavier](/forum/user/4105-xavier "View Xavier's Profile")** - [![Xavier's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4105.png)](/forum/user/4105-xavier "View Xavier's Profile") - [ Offline](/forum/user/4105-xavier) Less More - Posts: 13201 - Thank you received: 2322 - - - - [](http://www.kidiweb.fr) - 13 years 10 months ago [\#80657](#80657) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Add Tabbed pane in the product detail page!](/forum/2-general-talk-about-hikashop/55405-add-tabbed-pane-in-the-product-detail-page#80657 "Hello, I am using nonumber's tabber plugin for desining the tabbed description product detail page.But i don't know how to add this tab's tag and also don't exactly which template to modify. Please help to to find template for product detail page. And please help me to add this tabber code in the page. {tab=Tab Title 1} Your text... {tab=Tab Title 2} Your text... {/tabs}")* Hi, The JavaScript seems to be ok, so the problem should come from the CSS, try to add: Code: .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } #hikashop_tabs .ui-widget-header{ border: 0 none; } #hikashop_tabs ul li{ position: relative; top: -53px; } #hikashop_tabs .ui-tabs-panel{ margin-top: 35px; } .hikashop_product_bottom_part.show_tabular{ padding-top: 50px; } In the Frontend CSS File in HikaShop > Configuration > Display. The following user(s) said Thank You: [jwmartinez](/forum/user/9515-jwmartinez "View jwmartinez's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzU1NDA1LWFkZC10YWJiZWQtcGFuZS1pbi10aGUtcHJvZHVjdC1kZXRhaWwtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[jwmartinez](/forum/user/9515-jwmartinez "View jwmartinez's Profile")** - [![jwmartinez's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/9515-jwmartinez "View jwmartinez's Profile") - [ Offline](/forum/user/9515-jwmartinez) Less More - Posts: 32 - Thank you received: 3 - - - - 13 years 10 months ago [\#81129](#81129) by [jwmartinez](/forum/user/9515-jwmartinez "View jwmartinez's Profile") Replied by *[jwmartinez](/forum/user/9515-jwmartinez "View jwmartinez's Profile")* on topic *[Add Tabbed pane in the product detail page!](/forum/2-general-talk-about-hikashop/55405-add-tabbed-pane-in-the-product-detail-page#81129 "Hello, I am using nonumber's tabber plugin for desining the tabbed description product detail page.But i don't know how to add this tab's tag and also don't exactly which template to modify. Please help to to find template for product detail page. And please help me to add this tabber code in the page. {tab=Tab Title 1} Your text... {tab=Tab Title 2} Your text... {/tabs}")* That seems to fix it just fine, just need to Change the CSS to add the colors and style of my site. Let you know if I find any other problems. Thanks Jose Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzU1NDA1LWFkZC10YWJiZWQtcGFuZS1pbi10aGUtcHJvZHVjdC1kZXRhaWwtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[zlenko](/forum/user/2047-zlenko "View zlenko's Profile")** - [![zlenko's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/gallery/guitar.gif)](/forum/user/2047-zlenko "View zlenko's Profile") - [ Offline](/forum/user/2047-zlenko) Less More - Posts: 115 - Thank you received: 8 - - - - [](http://ibaby.com.ua) - 13 years 3 months ago [\#112051](#112051) by [zlenko](/forum/user/2047-zlenko "View zlenko's Profile") Replied by *[zlenko](/forum/user/2047-zlenko "View zlenko's Profile")* on topic *[Add Tabbed pane in the product detail page!](/forum/2-general-talk-about-hikashop/55405-add-tabbed-pane-in-the-product-detail-page#112051 "Hello, I am using nonumber's tabber plugin for desining the tabbed description product detail page.But i don't know how to add this tab's tag and also don't exactly which template to modify. Please help to to find template for product detail page. And please help me to add this tabber code in the page. {tab=Tab Title 1} Your text... {tab=Tab Title 2} Your text... {/tabs}")* Еxcellent Bootstrap tabs [ demo.nonumber.nl/index.php/3-tabs](http://demo.nonumber.nl/index.php/3-tabs) --- my project [ ibaby.com.ua](http://ibaby.com.ua) The following user(s) said Thank You: [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzU1NDA1LWFkZC10YWJiZWQtcGFuZS1pbi10aGUtcHJvZHVjdC1kZXRhaWwtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop Install & Update Product & Category Display Content Creation Sales and Orders Orders management Reports & Statistics Customers Checkout Payment Methods Shipping Methods Import & Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel & Slider Mass Actions Filters & Search Discount & Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.095 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)