[Skip to main content](#vessel-content) # Tabs on product page ## - **[karen\_444](/forum/user/8619-karen-444 "View karen_444's Profile")** - [![karen_444's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/8619-karen-444 "View karen_444's Profile") Topic Author - [ Offline](/forum/user/8619-karen-444) Less More - Posts: 15 - Thank you received: 0 - - 13 years 10 months ago [\#81454](#81454) by [karen\_444](/forum/user/8619-karen-444 "View karen_444's Profile") *[Tabs on product page](/forum/2-general-talk-about-hikashop/76643-tabs-on-product-page#81454 "Hi, I would like to have the same tabs that are presented on the demo site, under 'personalized layout' on the product page menu link, where you see 3 tabs, Description,Date Sheet , and Guarantee. I have searched the forum, but the few information I found, I did not understand, so I just would like to know the steps to getting what in on the demo site. (I am not a techno wiz). Thanks ! Karine")* was created by *[karen\_444](/forum/user/8619-karen-444 "View karen_444's Profile")* Hi, I would like to have the same tabs that are presented on the demo site, under 'personalized layout' on the product page menu link, where you see 3 tabs, Description,Date Sheet , and Guarantee. I have searched the forum, but the few information I found, I did not understand, so I just would like to know the steps to getting what in on the demo site. (I am not a techno wiz). Thanks ! Karine Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc2NjQzLXRhYnMtb24tcHJvZHVjdC1wYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[sambob](/forum/user/7887-sambob "View sambob's Profile")** - [![sambob's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar7887.png)](/forum/user/7887-sambob "View sambob's Profile") - [ Offline](/forum/user/7887-sambob) Less More - Posts: 260 - Thank you received: 25 - - [](https://viemedia.com.au) - 13 years 10 months ago [\#81487](#81487) by [sambob](/forum/user/7887-sambob "View sambob's Profile") Replied by *[sambob](/forum/user/7887-sambob "View sambob's Profile")* on topic *[Tabs on product page](/forum/2-general-talk-about-hikashop/76643-tabs-on-product-page#81487 "Hi, I would like to have the same tabs that are presented on the demo site, under 'personalized layout' on the product page menu link, where you see 3 tabs, Description,Date Sheet , and Guarantee. I have searched the forum, but the few information I found, I did not understand, so I just would like to know the steps to getting what in on the demo site. (I am not a techno wiz). Thanks ! Karine")* You can do it with [ Tabber](http://extensions.joomla.org/extensions/news-display/articles-display/contents-panel/14493/reviews3?qh=YToxOntpOjA7czo2OiJ0YWJiZXIiO30%3D) --- Don't look at what is and ask 'why?'; look at what isn't and ask 'Why Not!' The following user(s) said Thank You: [Xavier](/forum/user/4105-xavier "View Xavier's Profile"), [karen\_444](/forum/user/8619-karen-444 "View karen_444's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc2NjQzLXRhYnMtb24tcHJvZHVjdC1wYWdlP3RtcGw9bWFya2Rvd24=) 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 [\#81590](#81590) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Tabs on product page](/forum/2-general-talk-about-hikashop/76643-tabs-on-product-page#81590 "Hi, I would like to have the same tabs that are presented on the demo site, under 'personalized layout' on the product page menu link, where you see 3 tabs, Description,Date Sheet , and Guarantee. I have searched the forum, but the few information I found, I did not understand, so I just would like to know the steps to getting what in on the demo site. (I am not a techno wiz). Thanks ! Karine")* You can too do it with the show_tabular view of HikaShop. Just edit the tabs content in the view "product / show_tabular". Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc2NjQzLXRhYnMtb24tcHJvZHVjdC1wYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[karen\_444](/forum/user/8619-karen-444 "View karen_444's Profile")** - [![karen_444's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/8619-karen-444 "View karen_444's Profile") Topic Author - [ Offline](/forum/user/8619-karen-444) Less More - Posts: 15 - Thank you received: 0 - - 13 years 10 months ago [\#81676](#81676) by [karen\_444](/forum/user/8619-karen-444 "View karen_444's Profile") Replied by *[karen\_444](/forum/user/8619-karen-444 "View karen_444's Profile")* on topic *[Tabs on product page](/forum/2-general-talk-about-hikashop/76643-tabs-on-product-page#81676 "Hi, I would like to have the same tabs that are presented on the demo site, under 'personalized layout' on the product page menu link, where you see 3 tabs, Description,Date Sheet , and Guarantee. I have searched the forum, but the few information I found, I did not understand, so I just would like to know the steps to getting what in on the demo site. (I am not a techno wiz). Thanks ! Karine")* I have looked in hikashop and I do not know where the show_tabular is and how it works. I am completely clueless. How can I do it ? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc2NjQzLXRhYnMtb24tcHJvZHVjdC1wYWdlP3RtcGw9bWFya2Rvd24=) 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 [\#81685](#81685) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Tabs on product page](/forum/2-general-talk-about-hikashop/76643-tabs-on-product-page#81685 "Hi, I would like to have the same tabs that are presented on the demo site, under 'personalized layout' on the product page menu link, where you see 3 tabs, Description,Date Sheet , and Guarantee. I have searched the forum, but the few information I found, I did not understand, so I just would like to know the steps to getting what in on the demo site. (I am not a techno wiz). Thanks ! Karine")* In HikaShop > Configuration > Display, you have an option "Layout on product page" you can set it to "show_tabular". Then in HikaShop > Display > Views, edit the view "product / show_tabular" and you will see how the tabs work. You just have to add a <li> int he menu like "<li><a href="#new_comment"><?php echo JText::_('PRODUCT_NEW_COMMENT');?></a></li>" to add a tab. Then add a div with the id of the href content in the link, like: "<div id="comment"> <!-- your content --> </div>" The following user(s) said Thank You: [karen\_444](/forum/user/8619-karen-444 "View karen_444's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc2NjQzLXRhYnMtb24tcHJvZHVjdC1wYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Lemon Tree](/forum/user/9739-lemon-tree "View Lemon Tree's Profile")** - [![Lemon Tree's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/9739-lemon-tree "View Lemon Tree's Profile") - [ Offline](/forum/user/9739-lemon-tree) Less More - Posts: 23 - Thank you received: 0 - - 13 years 10 months ago - 13 years 10 months ago [\#81984](#81984) by [Lemon Tree](/forum/user/9739-lemon-tree "View Lemon Tree's Profile") Replied by *[Lemon Tree](/forum/user/9739-lemon-tree "View Lemon Tree's Profile")* on topic *[Tabs on product page](/forum/2-general-talk-about-hikashop/76643-tabs-on-product-page#81984 "Hi, I would like to have the same tabs that are presented on the demo site, under 'personalized layout' on the product page menu link, where you see 3 tabs, Description,Date Sheet , and Guarantee. I have searched the forum, but the few information I found, I did not understand, so I just would like to know the steps to getting what in on the demo site. (I am not a techno wiz). Thanks ! Karine")* > Xavier wrote: In HikaShop > Configuration > Display, you have an option "Layout on product page" you can set it to "show\_tabular". I have set "Layout on product page" to "show_tabular" and I can now see the tabs "Comment" and "Post a Comment". > Xavier wrote: Then in HikaShop > Display > Views, edit the view "product / show\_tabular" and you will see how the tabs work. > > You just have to add a <li> int he menu like "<li><a href="#new\_comment"><?php echo JText::\_('PRODUCT\_NEW\_COMMENT');?></a></li>" to add a tab. > Then add a div with the id of the href content in the link, like: "<div id="comment"> <!-- your content --> </div>" When you say "in the menu", I am guessing you mean we should edit the view "product / show_tabular?? For example, to add a tab called "The Author", I have added the following line: Code: <li><a href="#author"><?php echo JText::_('The Author');?></a></li> to the **show\_tabular** file. I can now see the new tab. Then in the **product description**, I added: Code: <div id="author"><p>About the author ...</p></div> - but the new tab does not show the content "About the author ...". (when I click on "The Author", the tab is empty. What am I doing wrong? Last edit: 13 years 10 months ago by [Lemon Tree](/forum/user/9739-lemon-tree "View Lemon Tree's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc2NjQzLXRhYnMtb24tcHJvZHVjdC1wYWdlP3RtcGw9bWFya2Rvd24=) 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 [\#82057](#82057) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Tabs on product page](/forum/2-general-talk-about-hikashop/76643-tabs-on-product-page#82057 "Hi, I would like to have the same tabs that are presented on the demo site, under 'personalized layout' on the product page menu link, where you see 3 tabs, Description,Date Sheet , and Guarantee. I have searched the forum, but the few information I found, I did not understand, so I just would like to know the steps to getting what in on the demo site. (I am not a techno wiz). Thanks ! Karine")* The problem is that the Code: <div id="author"><p>About the author ...</p></div> is in the div with the id "description" so it can't work. what you can do is remove the div "description" in the view "product / show_tabular" and add it in the product description. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc2NjQzLXRhYnMtb24tcHJvZHVjdC1wYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Lemon Tree](/forum/user/9739-lemon-tree "View Lemon Tree's Profile")** - [![Lemon Tree's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/9739-lemon-tree "View Lemon Tree's Profile") - [ Offline](/forum/user/9739-lemon-tree) Less More - Posts: 23 - Thank you received: 0 - - 13 years 10 months ago [\#83084](#83084) by [Lemon Tree](/forum/user/9739-lemon-tree "View Lemon Tree's Profile") Replied by *[Lemon Tree](/forum/user/9739-lemon-tree "View Lemon Tree's Profile")* on topic *[Tabs on product page](/forum/2-general-talk-about-hikashop/76643-tabs-on-product-page#83084 "Hi, I would like to have the same tabs that are presented on the demo site, under 'personalized layout' on the product page menu link, where you see 3 tabs, Description,Date Sheet , and Guarantee. I have searched the forum, but the few information I found, I did not understand, so I just would like to know the steps to getting what in on the demo site. (I am not a techno wiz). Thanks ! Karine")* Thanks for the suggestion, but I found it too difficult to understand how to properly modify the "product / show_tabular" file. I have used the Tabber extension in the past, but there isn't a version for Joomla 3.0 yet, so I installed YTab and that is working fine. ![:)](/media/kunena/emoticons/8.png ":)") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc2NjQzLXRhYnMtb24tcHJvZHVjdC1wYWdlP3RtcGw9bWFya2Rvd24=) 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.102 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)