[Skip to main content](#vessel-content) # Add tab on product page ## - **[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) - 10 years 9 months ago [\#227055](#227055) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Add tab on product page](/forum/26-product-category-display/871043-add-tab-on-product-page?start=60#227055 "-- HikaShop version -- : HikaShop [1407241754] -- Joomla version -- : 3.3.3 Hi all, I would like to add 2 or 3 tabs right next the description tab. Can you help me ? What files should I change ? Kind regards !")* Hi, So what's displayed for now ? The tag "{loadposition related}", or nothing ? If it is nothing, then you have to check the settings of your "related" module and be sure that its position is "related" else it will not work, this plugin must be published and displayed on any menus or at least the menu displaying the product page (a category or product listing menu). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzEwNDMtYWRkLXRhYi1vbi1wcm9kdWN0LXBhZ2U/c3RhcnQ9NjAmdG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[aminweb](/forum/user/38602-aminweb "View aminweb's Profile")** - [![aminweb's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar38602.png)](/forum/user/38602-aminweb "View aminweb's Profile") - [ Offline](/forum/user/38602-aminweb) - Amin Less More - Posts: 138 - Thank you received: 4 - - - 10 years 9 months ago [\#227148](#227148) by [aminweb](/forum/user/38602-aminweb "View aminweb's Profile") Replied by *[aminweb](/forum/user/38602-aminweb "View aminweb's Profile")* on topic *[Add tab on product page](/forum/26-product-category-display/871043-add-tab-on-product-page?start=60#227148 "-- HikaShop version -- : HikaShop [1407241754] -- Joomla version -- : 3.3.3 Hi all, I would like to add 2 or 3 tabs right next the description tab. Can you help me ? What files should I change ? Kind regards !")* hi, module,menu assigen,and plugin is ok, but dont work charactrist variant when remove that code (display related in tab) ,charactrist variant perfect worked --- Joomla Developer \| am.ebrahimzadeh\[at\]gmail.com Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzEwNDMtYWRkLXRhYi1vbi1wcm9kdWN0LXBhZ2U/c3RhcnQ9NjAmdG1wbD1tYXJrZG93bg==) 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) - 10 years 9 months ago [\#227169](#227169) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Add tab on product page](/forum/26-product-category-display/871043-add-tab-on-product-page?start=60#227169 "-- HikaShop version -- : HikaShop [1407241754] -- Joomla version -- : 3.3.3 Hi all, I would like to add 2 or 3 tabs right next the description tab. Can you help me ? What files should I change ? Kind regards !")* Hi, Indeed, the module is overriding all the current element and its params. Please use that code instead: Code: <?php $tmpElement = clone($this->element); $tmpParams = clone($this->params); echo JHTML::_('content.prepare','{loadposition related}'); $this->element = $tmpElement; $this->params = $tmpParams; ?> Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzEwNDMtYWRkLXRhYi1vbi1wcm9kdWN0LXBhZ2U/c3RhcnQ9NjAmdG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Lordtech](/forum/user/36982-lordtech "View Lordtech's Profile")** - [![Lordtech's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/36982-lordtech "View Lordtech's Profile") - [ Offline](/forum/user/36982-lordtech) Less More - Posts: 51 - Thank you received: 1 - - 10 years 6 months ago [\#239751](#239751) by [Lordtech](/forum/user/36982-lordtech "View Lordtech's Profile") Replied by *[Lordtech](/forum/user/36982-lordtech "View Lordtech's Profile")* on topic *[Add tab on product page](/forum/26-product-category-display/871043-add-tab-on-product-page?start=60#239751 "-- HikaShop version -- : HikaShop [1407241754] -- Joomla version -- : 3.3.3 Hi all, I would like to add 2 or 3 tabs right next the description tab. Can you help me ? What files should I change ? Kind regards !")* Hi Xavier, I'm having an issue with the tabs on a website I'm working on. Once I change the layout view to Tabular, the product images, item custom fields no longer displays but when I revert back to the default view, everything displays correctly. I've done all I could with my little experience to correct this but the more I try, the more it seems i'm complicating the issue. I really need to make the product page display in tabular layout because I created two new tabs using the tutorials here. Please help me out. Thanks Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzEwNDMtYWRkLXRhYi1vbi1wcm9kdWN0LXBhZ2U/c3RhcnQ9NjAmdG1wbD1tYXJrZG93bg==) 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: 86555 - Thank you received: 14304 - - 10 years 6 months ago [\#239797](#239797) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Add tab on product page](/forum/26-product-category-display/871043-add-tab-on-product-page?start=60#239797 "-- HikaShop version -- : HikaShop [1407241754] -- Joomla version -- : 3.3.3 Hi all, I would like to add 2 or 3 tabs right next the description tab. Can you help me ? What files should I change ? Kind regards !")* Hi, So first: rename the file templates/YOUR_TEMPLATE/html/com_hikashop/product/show_tabular.php via FTP. And change the layout to tabular. It should now display the tabs fine. Then, add your modifications to add the two new tabs. If you have a problem after that, then it means that the modifications you did are not correct and we would need that you provide them to be able to tell you what to do. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzEwNDMtYWRkLXRhYi1vbi1wcm9kdWN0LXBhZ2U/c3RhcnQ9NjAmdG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[justme](/forum/user/40056-justme "View justme's Profile")** - [![justme's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/40056-justme "View justme's Profile") - [ Offline](/forum/user/40056-justme) Less More - Posts: 64 - Thank you received: 7 - - 10 years 6 months ago [\#239975](#239975) by [justme](/forum/user/40056-justme "View justme's Profile") Replied by *[justme](/forum/user/40056-justme "View justme's Profile")* on topic *[Add tab on product page](/forum/26-product-category-display/871043-add-tab-on-product-page?start=60#239975 "-- HikaShop version -- : HikaShop [1407241754] -- Joomla version -- : 3.3.3 Hi all, I would like to add 2 or 3 tabs right next the description tab. Can you help me ? What files should I change ? Kind regards !")* > Xavier wrote: Hi, > > Then you have to edit the view "product / show\_tabular" and add a <li> entry for the tab as the already existings, and add a <div> for the content. > > For example add: > > Code: > > // The tab part <li id="hikashop_show_tabular_custom1_li" class="hikashop_tabs_li ui-corner-top"><a onclick="displayTab('hikashop_show_tabular_custom1');" href="javascript:void(0);">My custom tab 1</a></li> // And the content part <div class="hikashop_tabs_content" id="hikashop_show_tabular_custom1"> // Your content </div> > > > > > To add another one, just replace "custom1" by your desired value. This is not working. The tab is showing, but clicking on the tab makes every tab behind it move to a next line and the contents of every tab gets the contents of the added tab. Do you have the correct code to accomplish this? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzEwNDMtYWRkLXRhYi1vbi1wcm9kdWN0LXBhZ2U/c3RhcnQ9NjAmdG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[justme](/forum/user/40056-justme "View justme's Profile")** - [![justme's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/40056-justme "View justme's Profile") - [ Offline](/forum/user/40056-justme) Less More - Posts: 64 - Thank you received: 7 - - 10 years 6 months ago [\#239976](#239976) by [justme](/forum/user/40056-justme "View justme's Profile") Replied by *[justme](/forum/user/40056-justme "View justme's Profile")* on topic *[Add tab on product page](/forum/26-product-category-display/871043-add-tab-on-product-page?start=60#239976 "-- HikaShop version -- : HikaShop [1407241754] -- Joomla version -- : 3.3.3 Hi all, I would like to add 2 or 3 tabs right next the description tab. Can you help me ? What files should I change ? Kind regards !")* Sorry, I was being stupid. Just pasted the code, not looking. :blink: Got it now. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzEwNDMtYWRkLXRhYi1vbi1wcm9kdWN0LXBhZ2U/c3RhcnQ9NjAmdG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[ilves.ron](/forum/user/49826-ilves-ron "View ilves.ron's Profile")** - [![ilves.ron's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/49826-ilves-ron "View ilves.ron's Profile") - [ Offline](/forum/user/49826-ilves-ron) Less More - Posts: 1 - Thank you received: 0 - - 9 years 6 months ago [\#268308](#268308) by [ilves.ron](/forum/user/49826-ilves-ron "View ilves.ron's Profile") Replied by *[ilves.ron](/forum/user/49826-ilves-ron "View ilves.ron's Profile")* on topic *[Add tab on product page](/forum/26-product-category-display/871043-add-tab-on-product-page?start=60#268308 "-- HikaShop version -- : HikaShop [1407241754] -- Joomla version -- : 3.3.3 Hi all, I would like to add 2 or 3 tabs right next the description tab. Can you help me ? What files should I change ? Kind regards !")* What should I put in "// Your content" to show content from the "Custom field" (Backend) I added, 'cos the contect from "custom fields" is shown in the tab "Specifications" Code: <div class="hikashop_tabs_content" id="hikashop_show_tabular_custom1"> // Your content </div> Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzEwNDMtYWRkLXRhYi1vbi1wcm9kdWN0LXBhZ2U/c3RhcnQ9NjAmdG1wbD1tYXJrZG93bg==) 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: 86555 - Thank you received: 14304 - - 9 years 6 months ago [\#268384](#268384) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Add tab on product page](/forum/26-product-category-display/871043-add-tab-on-product-page?start=60#268384 "-- HikaShop version -- : HikaShop [1407241754] -- Joomla version -- : 3.3.3 Hi all, I would like to add 2 or 3 tabs right next the description tab. Can you help me ? What files should I change ? Kind regards !")* Instead of // Your content, you can have such code: <?php echo $this->element->XXX; ?> where XXX is the column name of your custom field. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzEwNDMtYWRkLXRhYi1vbi1wcm9kdWN0LXBhZ2U/c3RhcnQ9NjAmdG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[rkuiper](/forum/user/28454-rkuiper "View rkuiper's Profile")** - [![rkuiper's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/gallery/vacation.jpg)](/forum/user/28454-rkuiper "View rkuiper's Profile") - [ Offline](/forum/user/28454-rkuiper) Less More - Posts: 79 - Thank you received: 2 - - 9 years 2 months ago - 9 years 2 months ago [\#277320](#277320) by [rkuiper](/forum/user/28454-rkuiper "View rkuiper's Profile") Replied by *[rkuiper](/forum/user/28454-rkuiper "View rkuiper's Profile")* on topic *[Add tab on product page](/forum/26-product-category-display/871043-add-tab-on-product-page?start=60#277320 "-- HikaShop version -- : HikaShop [1407241754] -- Joomla version -- : 3.3.3 Hi all, I would like to add 2 or 3 tabs right next the description tab. Can you help me ? What files should I change ? Kind regards !")* Hi, I replaced the code that xavier posted, but then i see no content in the tabs, but is shows the last code in the tab view file. So its showing the javascript code. Maybe i missed something? note: the code i am talking about is the one on page 3 which replaces the complete code of the tab view file. Last edit: 9 years 2 months ago by [rkuiper](/forum/user/28454-rkuiper "View rkuiper's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzEwNDMtYWRkLXRhYi1vbi1wcm9kdWN0LXBhZ2U/c3RhcnQ9NjAmdG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[rkuiper](/forum/user/28454-rkuiper "View rkuiper's Profile")** - [![rkuiper's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/gallery/vacation.jpg)](/forum/user/28454-rkuiper "View rkuiper's Profile") - [ Offline](/forum/user/28454-rkuiper) Less More - Posts: 79 - Thank you received: 2 - - 9 years 2 months ago [\#277350](#277350) by [rkuiper](/forum/user/28454-rkuiper "View rkuiper's Profile") Replied by *[rkuiper](/forum/user/28454-rkuiper "View rkuiper's Profile")* on topic *[Add tab on product page](/forum/26-product-category-display/871043-add-tab-on-product-page?start=60#277350 "-- HikaShop version -- : HikaShop [1407241754] -- Joomla version -- : 3.3.3 Hi all, I would like to add 2 or 3 tabs right next the description tab. Can you help me ? What files should I change ? Kind regards !")* I found the solution Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzEwNDMtYWRkLXRhYi1vbi1wcm9kdWN0LXBhZ2U/c3RhcnQ9NjAmdG1wbD1tYXJrZG93bg==) 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.079 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)