[Skip to main content](#vessel-content) # Add Tab to Product View ## - **[thomas.boepple](/forum/user/6332-thomas-boepple "View thomas.boepple's Profile")** - [![thomas.boepple's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/6332-thomas-boepple "View thomas.boepple's Profile") Topic Author - [ Offline](/forum/user/6332-thomas-boepple) Less More - Posts: 72 - Thank you received: 2 - - 4 years 11 months ago [\#337099](#337099) by [thomas.boepple](/forum/user/6332-thomas-boepple "View thomas.boepple's Profile") *[Add Tab to Product View](/forum/26-product-category-display/903486-add-tab-to-product-view#337099 "-- url of the page with the problem -- : valentinosafeco.com.au/index.php/hikasho...ng/product/25-bond-2 I am struggling to add a tab in product view. I have found this: When I do this the content of the tab disappears and no additional tab is shown. Where am I going wrong and can you perhaps elaborate on the above tutorial? Many thanks in advance. Best, Thomas")* was created by *[thomas.boepple](/forum/user/6332-thomas-boepple "View thomas.boepple's Profile")* -- url of the page with the problem -- : [ valentinosafeco.com.au/index.php/hikasho...ng/product/25-bond-2](https://valentinosafeco.com.au/index.php/hikashop-menu-for-categories-listing/product/25-bond-2) I am struggling to add a tab in product view. I have found this: You have to edit the view "product / show\_tabular" via the menu Display > Views and add an entry like: <li id="hikashop\_show\_tabular\_custom\_li" class="hikashop\_tabs\_li ui-corner-top"><?php echo JText::\_('YOUR\_TAB\_NAME');?></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> When I do this the content of the tab disappears and no additional tab is shown. Where am I going wrong and can you perhaps elaborate on the above tutorial? Many thanks in advance. Best, Thomas Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDM0ODYtYWRkLXRhYi10by1wcm9kdWN0LXZpZXc/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[thomas.boepple](/forum/user/6332-thomas-boepple "View thomas.boepple's Profile")** - [![thomas.boepple's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/6332-thomas-boepple "View thomas.boepple's Profile") Topic Author - [ Offline](/forum/user/6332-thomas-boepple) Less More - Posts: 72 - Thank you received: 2 - - 4 years 11 months ago - 4 years 11 months ago [\#337102](#337102) by [thomas.boepple](/forum/user/6332-thomas-boepple "View thomas.boepple's Profile") Replied by *[thomas.boepple](/forum/user/6332-thomas-boepple "View thomas.boepple's Profile")* on topic *[Add Tab to Product View](/forum/26-product-category-display/903486-add-tab-to-product-view#337102 "-- url of the page with the problem -- : valentinosafeco.com.au/index.php/hikasho...ng/product/25-bond-2 I am struggling to add a tab in product view. I have found this: When I do this the content of the tab disappears and no additional tab is shown. Where am I going wrong and can you perhaps elaborate on the above tutorial? Many thanks in advance. Best, Thomas")* Update I have content of description tab visible now again. 'Tab2' is created as a custom field and visible in product edit page. Tab 2 is not visible on the front end. Here is my edit of show_tabular.php Please advise Code: <div id="hikashop_product_bottom_part" class="hikashop_product_bottom_part show_tabular"> <div id="hikashop_tabs_div"> <ul class="hikashop_tabs_ul"> <?php if(!empty($description) || !empty ($this->element->product_url)) { if(empty($selected)) $selected = 'hikashop_show_tabular_description'; ?> <li id="hikashop_show_tabular_description_li" class="hikashop_tabs_li ui-corner-top"><?php echo JText::_('PRODUCT_DESCRIPTION');?></li> <?php } ?> <?php if(!empty($specif_tab_content)) { if(empty($selected)) $selected = 'hikashop_show_tabular_specification'; ?> <li id="hikashop_show_tabular_specification_li" class="hikashop_tabs_li ui-corner-top"><?php echo JText::_('SPECIFICATIONS');?></li> <?php } ?> <?php if(in_array($status_vote, array('comment', 'two', 'both'))) { if(empty($selected)) $selected = 'hikashop_show_tabular_comment'; ?> <li id="hikashop_show_tabular_comment_li" class="hikashop_tabs_li ui-corner-top"><?php echo JText::_('PRODUCT_COMMENT');?></li> <li id="hikashop_show_tabular_new_comment_li" class="hikashop_tabs_li ui-corner-top"><?php echo JText::_('PRODUCT_NEW_COMMENT');?></li> <li id="hikashop_show_tabular_custom_li" class="hikashop_tabs_li ui-corner-top"><?php echo JText::_('Details');?></li> <?php } ?> </ul> <div class="hikashop_tabs_content" id="hikashop_show_tabular_custom"> <?php echo $this->element->Tab2;?> </div> Last edit: 4 years 11 months ago by [nicolas](/forum/user/63-nicolas "View nicolas's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDM0ODYtYWRkLXRhYi10by1wcm9kdWN0LXZpZXc/dG1wbD1tYXJrZG93bg==) 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: 86540 - Thank you received: 14300 - - 4 years 11 months ago [\#337106](#337106) 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 to Product View](/forum/26-product-category-display/903486-add-tab-to-product-view#337106 "-- url of the page with the problem -- : valentinosafeco.com.au/index.php/hikasho...ng/product/25-bond-2 I am struggling to add a tab in product view. I have found this: When I do this the content of the tab disappears and no additional tab is shown. Where am I going wrong and can you perhaps elaborate on the above tutorial? Many thanks in advance. Best, Thomas")* Hi, You've added your Code: <li id="hikashop_show_tabular_custom_li" class="hikashop_tabs_li ui-corner-top"><?php echo JText::_('Details');?></li> inside the "if" condition to display the tabs of the vote/comment mechanism. But you didn't activate the vote/comment mechanism in your HikaShop configuration, and that's why you still don't see the tab. Instead, add it after the code: Code: <li id="hikashop_show_tabular_description_li" class="hikashop_tabs_li ui-corner-top"><?php echo JText::_('PRODUCT_DESCRIPTION');?></li> which displays the tab for the description. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDM0ODYtYWRkLXRhYi10by1wcm9kdWN0LXZpZXc/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[thomas.boepple](/forum/user/6332-thomas-boepple "View thomas.boepple's Profile")** - [![thomas.boepple's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/6332-thomas-boepple "View thomas.boepple's Profile") Topic Author - [ Offline](/forum/user/6332-thomas-boepple) Less More - Posts: 72 - Thank you received: 2 - - 4 years 11 months ago [\#337140](#337140) by [thomas.boepple](/forum/user/6332-thomas-boepple "View thomas.boepple's Profile") Replied by *[thomas.boepple](/forum/user/6332-thomas-boepple "View thomas.boepple's Profile")* on topic *[Add Tab to Product View](/forum/26-product-category-display/903486-add-tab-to-product-view#337140 "-- url of the page with the problem -- : valentinosafeco.com.au/index.php/hikasho...ng/product/25-bond-2 I am struggling to add a tab in product view. I have found this: When I do this the content of the tab disappears and no additional tab is shown. Where am I going wrong and can you perhaps elaborate on the above tutorial? Many thanks in advance. Best, Thomas")* Hi Nicolas, thanks for the correction - and it makes sense to me now to have the li in Product_Description. The new tab 'Detail' displays, but I also get the 'Specification' tab showing. The custom field 'Tab2" is shown in the 'Specification' tab instead of 'Detail" I have Specifications empty in Products for this item ( I had a related product listed here in the previous edit) If you could point me in the right direction again, please. Best, Thomas Here is the URL [ valentinosafeco.com.au/index.php/hikasho...ng/product/25-bond-2](https://valentinosafeco.com.au/index.php/hikashop-menu-for-categories-listing/product/25-bond-2) My edit: ?> <div id="hikashop_product_bottom_part" class="hikashop_product_bottom_part show_tabular"> <div id="hikashop_tabs_div"> <ul class="hikashop_tabs_ul"> <?php if(!empty($description) || !empty ($this->element->product_url)) { if(empty($selected)) $selected = 'hikashop_show_tabular_description'; ?> <li id="hikashop_show_tabular_description_li" class="hikashop_tabs_li ui-corner-top"><?php echo JText::_('PRODUCT_DESCRIPTION');?></li> <li id="hikashop_show_tabular_custom_li" class="hikashop_tabs_li ui-corner-top"><?php echo JText::_('Detail');?></li> <?php } ?> <?php if(!empty($specif_tab_content)) { if(empty($selected)) $selected = 'hikashop_show_tabular_specification'; ?> <li id="hikashop_show_tabular_specification_li" class="hikashop_tabs_li ui-corner-top"><?php echo JText::_('SPECIFICATIONS');?></li> <?php } ?> <?php if(in_array($status_vote, array('comment', 'two', 'both'))) { if(empty($selected)) $selected = 'hikashop_show_tabular_comment'; ?> <li id="hikashop_show_tabular_comment_li" class="hikashop_tabs_li ui-corner-top"><?php echo JText::_('PRODUCT_COMMENT');?></li> <li id="hikashop_show_tabular_new_comment_li" class="hikashop_tabs_li ui-corner-top"><?php echo JText::_('PRODUCT_NEW_COMMENT');?></li> <?php } ?> </ul> <div class="hikashop_tabs_content" id="hikashop_show_tabular_custom"> <?php echo $this->element->Tab2;?> </div> Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDM0ODYtYWRkLXRhYi10by1wcm9kdWN0LXZpZXc/dG1wbD1tYXJrZG93bg==) 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: 86540 - Thank you received: 14300 - - 4 years 11 months ago [\#337152](#337152) 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 to Product View](/forum/26-product-category-display/903486-add-tab-to-product-view#337152 "-- url of the page with the problem -- : valentinosafeco.com.au/index.php/hikasho...ng/product/25-bond-2 I am struggling to add a tab in product view. I have found this: When I do this the content of the tab disappears and no additional tab is shown. Where am I going wrong and can you perhaps elaborate on the above tutorial? Many thanks in advance. Best, Thomas")* Hi, You have two issues: - you've activated the display of the custom field for the product page. You want to turn that off since you're the one doing the display with your custom code. You can do that in the settings of the custom field and that will remove the "specifications" tab. - you aren't using the correct column name for your custom field in your code. It's probably not Tab2 but something else. I would need a screenshot of the settings of the custom field to tell you. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDM0ODYtYWRkLXRhYi10by1wcm9kdWN0LXZpZXc/dG1wbD1tYXJrZG93bg==) 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.058 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)