Add Tab to Product View

-- 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:
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

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

<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>

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

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>