[SOLVED]Product Tab Order

[rickd]

How do I change the tab order on the product page?

I want Product Video tab to be the default tab and not more info (see attached screenshot)

[MEG Venture]

I guess you use a module for "Product video"...

 

So what you should do is to find the product.tpl file under themes>your_theme folder and find

 

{$HOOK_PRODUCT_TAB}

 

cut it from there and paste it right after the line

 

<ul id="more_info_tabs" class="idTabs idTabsShort">

 

then similarly,

 

find

 

{$HOOK_PRODUCT_TAB_CONTENT}

 

cut it and paste right after the line

 

<div id="more_info_sheets" class="sheets align_justify">

 

 

Before those, don't forget to backup your product.tpl file just in case.

 

Good luck!!!

[rickd]

Works great, many thanks.

[silentRun]

Thanks for the info mate

[spoonxaver2]

Thanks You

[afshop]

I guess you use a module for "Product video"...

 

So what you should do is to find the product.tpl file under themes>your_theme folder and find

 

{$HOOK_PRODUCT_TAB}

cut it from there and paste it right after the line

 

<ul id="more_info_tabs" class="idTabs idTabsShort">

then similarly,

 

find

 

{$HOOK_PRODUCT_TAB_CONTENT}

cut it and paste right after the line

 

<div id="more_info_sheets" class="sheets align_justify">

Before those, don't forget to backup your product.tpl file just in case.

 

Good luck!!!

 

 

Thanks MEG! Your post is very useful!

 

Angela

[pskeeda]

I want my 'Data Sheet' as default tab in PS 1.6.0.11 how to do that?

[MEG Venture]

Data Sheet is already the default tab. If you don't see in place, it means that you don't have any feature assigned to that product.

[pskeeda]

In my case there are features assigned to products, but first tab is 'More Info', then 'Data Sheet' and then 'Comments' how to change the sequence?

[MEG Venture]

I see. By default, Prestashop 1.6.11 product template has the data sheet on top. I guess you are using a customized theme.

 

I need to see your themes>product.tpl to give you the most correct answer, but you can try to find the below lines

		{if isset($features) && $features}
			<!-- Data sheet -->
			<section class="page-product-box">
				<h3 class="page-product-heading">{l s='Data sheet'}</h3>
				<table class="table-data-sheet">
					{foreach from=$features item=feature}
					<tr class="{cycle values="odd,even"}">
						{if isset($feature.value)}
						<td>{$feature.name|escape:'html':'UTF-8'}</td>
						<td>{$feature.value|escape:'html':'UTF-8'}</td>
						{/if}
					</tr>
					{/foreach}
				</table>
			</section>
			<!--end Data sheet -->
		{/if}

Cut them and paste it above the below code lines

		{if $product->description}
			<!-- More info -->
			<section class="page-product-box">
				<h3 class="page-product-heading">{l s='More info'}</h3>{/if}
				{if isset($product) && $product->description}
					<!-- full description -->
					<div  class="rte">{$product->description}</div>
			</section>
			<!--end  More info -->
		{/if}

That should work. Don't forget to clear cache and compile.

[lauradfs]

Hi,

 

I have tried this but I noticed that the first tab "More info" changed to "Reviews".
I want the first tab "More info" changes with the second tab "Data Sheet".

 

Is it possible?

 

Thank you,

 

Laura

 

I guess you use a module for "Product video"...

So what you should do is to find the product.tpl file under themes>your_theme folder and find
 

{$HOOK_PRODUCT_TAB}

cut it from there and paste it right after the line

<ul id="more_info_tabs" class="idTabs idTabsShort">

then similarly,

find

{$HOOK_PRODUCT_TAB_CONTENT}

cut it and paste right after the line

<div id="more_info_sheets" class="sheets align_justify">

Before those, don't forget to backup your product.tpl file just in case.

Good luck!!!

 

[MEG Venture]

Hi Laura - What is your prestashop version?