Add tab on product page

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

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:

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

Hi,

Thank you for your reply ... il will try it probably today.
Another question :

<div class="hikashop_tabs_content" id="hikashop_show_tabular_custom1">
// Your content
</div>

Hello,
Sure, but you'll have to use some custom fields to do that, like ""AAAAAA" or "BBBBB" custom fields that you'll restrict to only some products by using the "category" restriction.

Hello,

I'm not sure to understand your answer.
For example I have 2 tabs : "Description" and "Additionnal information".

The "Description" tab I can fill the content from the backend (Admin Joomla). Is it possible to fill the "Additionnal information" tab content in the backend (Admin Joomla) ? If not the second tab has no sense for the customer.

Kind regards !

Hi,

Super. I created a custom field (zone text) called test.
In the show_tabular view I found the following code

<li id="hikashop_show_tabular_description_li" class="hikashop_tabs_li ui-corner-top"><a onclick="displayTab('hikashop_show_tabular_description');" href="javascript:void(0);"><?php echo JText::_('PRODUCT_DESCRIPTION');?></a></li>

I suppose I need to replace id=hikashop_show_tabular_description_li by id=test ? I tried it but the tab isn't displayed.
Do I something wrong ?

Thanks !

Hi,

It is ok now (I understand).
But I stay with a strange problem. I changed the show_tabular view for my template and it has no effect ?! How is it possible ?

To be sure I changed it in the 3 templates where the show_tabular view is defined.
Is it possible I need to customize other parameter or view ?

Thanks !

Hello,
Are you sure that the "Layout on product page" option is set the "Tabular" through "Hikashop->System->Configuration->Display"

Hello,

You'll find here a screenshot of my configuration.

Hello,
Can you also add a small text at the top of the "Show_tabular" file of the "Product" view of your front-end template via "Hikashop->Display->Views"

Hello,

I add the following line in the show_tabular view but nothing is displayed :

defined('_JEXEC') or die('Restricted access');
?><?php
echo 'Test Johan';
....

Thanks !

Hello,

In fact I have only 3 views for show_tabular and I adapt the code in the 3 views with no effect .

Hi,

Additionnal information. In fact the template I'm using work with the show_default.php file.
Her is the content :

<div id="hikashop_product_bottom_part" class="hikashop_product_bottom_part">
	<?php
	if(!empty($this->element->extraData->bottomBegin))
		echo implode("\r\n",$this->element->extraData->bottomBegin);
	?>
	<div id="hikashop_product_description_main" class="hikashop_product_description_main">
		<h3 class="productpage-title"><span><?php echo JText::_('Description'); ?></span></h3>
		<?php
		echo JHTML::_('content.prepare',preg_replace('#<hr *id="system-readmore" */>#i','',$this->element->product_description));
		?>
	</div>
	<span id="hikashop_product_url_main" class="hikashop_product_url_main">
		<?php
		if (!empty ($this->element->product_url)) {
			echo JText :: sprintf('MANUFACTURER_URL', '<a href="' . $this->element->product_url . '" target="_blank">' . $this->element->product_url . '</a>');
		}
		?>
	</span>
	<?php
	$this->setLayout('show_block_product_files');
	echo $this->loadTemplate();
	?>
	<?php
	if(!empty($this->element->extraData->bottomMiddle))
		echo implode("\r\n",$this->element->extraData->bottomMiddle);
	?>
	<?php
	if(!empty($this->element->extraData->bottomEnd))
		echo implode("\r\n",$this->element->extraData->bottomEnd);
	?>
</div>

Hello,

Can you send me a screenshot where I can find this parameter ?
I don't see it (I'm working with the french version).

Here is the configuration I think I need to have (but I don't see show_default or show_tabular).

Hello,

Super ! It works now but I have another problem.

I have the "Description" tab and the "Specifications" tab (I can create other tab) It works.
But the content is not displayed ?! If I used the show_default, the description content is displayed. If I use the show_tabular, I have my differents tabs but without content.

Any idea ?

Many thanks !