Tabs on product page

Start
Prev
1
Next
End

texomapoolguy
Topic Author
Offline

Posts: 14
Thank you received: 0

11 years 11 months ago #52260

can anyone help me I am trying to put tabs on product page... goal is to get description...downloads...and related to render in tabs under product... downloaded nonumbers tabber.. get that i need to work with show under product and show_default .... don't get what to place where to accomplish my goal...

I get this:

Tabber works with tags:

{tab=Tab Title 1}
Your text...
{tab=Tab Title 2}
Your text...
{/ tabs}

Can do this:

You will have to edit the file "show_default" as I explained in order
to add the tabs tags in the different places to separate each element.
Then, in the file "show" of the view "product", you can replace the lines:
$this->setLayout($this->productlayout);
echo $this->loadTemplate();

by:
$this->setLayout($this->productlayout);
echo JHTML::_('content.prepare',$this->loadTemplate());

cant seem to understand where to place {tab=Tab Title 1} in the show_default and when im in show_default I see the description and files.. dont see how i would bring up the related to a tab...

see many hika sites with these tabs like i want so please someone help me out attached a pic showing what i wind up with..LOL

Attachments:

Last edit: 6 years 7 months ago by Jerome. Reason: [code] is nice

Please Log in or Create an account to join the conversation.

nicolas
Away

Posts: 81597
Thank you received: 13081
MODERATOR

11 years 11 months ago #52326

You need to add:
{tab=Tab Title 1}
just before:
<div id="hikashop_product_description_main" class="hikashop_product_description_main">

and:
{tab=Tab Title 2}
just before:
<?php
$this->setLayout('show_block_product_files');

and then, before the last:
</div>
of the file, you need to add:
{tab=Tab Title 3}
then, the code to display the modules under the product page
and finally the last tag:
{/ tabs}

You can find the piece of code to display the modules under the product page in the file "show" :

<div class="hikashop_submodules" id="hikashop_submodules" style="clear:both">
		<?php

if (!empty ($this->modules) && is_array($this->modules)) {
	jimport('joomla.application.module.helper');
	foreach ($this->modules as $module) {
		echo JModuleHelper :: renderModule($module);
	}
}
?>
	</div>

so remove it from there and add it as explained above in the show_default file.

Last edit: 6 years 7 months ago by Jerome.

Please Log in or Create an account to join the conversation.