Move Data Sheet Below More Information

[EasyBeveiliging]

Hi,

 

I'm very new to Prestashop, been looking all over the internet but can't seem to find the solution for my problem:

 

On my productsheet (for example: http://www.easybeveiliging.nl/index.php?id_product=10&controller=product)

 

There is the following order:

1. Short description
2. Data sheet

3. More information

 

I would like to change the order or 2 and 3 so it will be on the product page like this:

1. Short description

2. More information

3. Data sheet

 

I can't find that option anywhere. Hope someone can help.

 

I added a screenshot.

 

Thanks!!

 

Kind regards,

Robbert

[Simonas Invertus]

You have to edit product.tpl which you can find in [your_shop]/themes/[your_theme]

[EasyBeveiliging]

Thanks Simonas Inventus, but I need more details than that. What do I have to edit there?

 

Unfortunately I'm not an expert with code.

 

There is no way to change things like this in the backoffice?

[Simonas Invertus]

If it is standard template then the only option is to edit HTML.

If you are using some kind of modules to display information you need then there might be a possibility to change placing in backOffice.

[EasyBeveiliging]

It's no problem for me to change code. As long as I know which code.

[Simonas Invertus]

Your code is really well commented.

In Chrome I Press F12 and I can see:

 

<!-- end primary_block -->
<!-- Data sheet -->
<section class="page-product-box">
(tone of code)
<!--end Data sheet -->
<!-- More info -->
<section class="page-product-box">
(tone of code)
<!--end  More info -->
<!--HOOK_PRODUCT_TAB -->

So if you want to change data sheet with more info you just have to swap the code between comments data sheet& end data sheet with more info&end more info.

[EasyBeveiliging]

I still didn't manage to change the order of DATA SHEET and MORE INFO on my product page

 

This is the code I found in my product.tpl:

 

{/if}

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

{if isset($product) && $product->description}

<!-- More info -->

<section class="page-product-box">

<h3 class="page-product-heading">{l s='More info'}</h3>

<!-- full description -->

<div  class="rte">{$product->description}</div>

</section>

<!--end  More info -->

{/if}

 

I really tried to swap the code but nothing changed to my product pages. I put it back the way it was. Could you show how my code should look like to switch Data sheet with more info?

 

Here is a link to a product page:

http://www.easybeveiliging.nl/index.php?id_product=8&controller=product

 

Thanks!!

[Simonas Invertus]

The code should look something like this:

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

1) Did you go to [your_shop]/themes/[your_theme]? I mean did you edited correct file? 

2) Did you clear your cache after editing the file?

[EasyBeveiliging]

Thank you very much Simonas, it worked.

 

How do I copy/paste code from Notepad++ to this forum like you did? In that grayish box with the colors.

[Simonas Invertus]

There is a button '<>' near the tree in the second row

[EasyBeveiliging]

Thanks!

 

Any chance you could help me with my other 2 issues?     

 

https://www.prestashop.com/forums/topic/515645-remove-subcategories-pictures/

https://www.prestashop.com/forums/topic/515649-productlist-looks-different-after-refresh/

 

 

 

Kind regards,

 

Robbert

Edited March 22, 2016 by EasyBeveiliging (see edit history)

[Simonas Invertus]

Sorry, I have never encountered these issue in my experience.