Jump to content

[SOLVED]Product Tab Order


Recommended Posts

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

  • Like 2
Link to comment
Share on other sites

  • 1 year later...
  • 3 months later...
  • 5 months later...

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

  • Like 1
Link to comment
Share on other sites

  • 8 months later...

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.

  • Like 1
Link to comment
Share on other sites

  • 8 months later...

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

 

Link to comment
Share on other sites

×
×
  • Create New...