In default, the tabs on the product detail page in Prestashop 1.7 are located only in the right column. Sometimes it creates a space under the product picture, right? So you wish to display them in full width. Fair enough, let's take a look at it.

The default look

Here's a picture that illustrates what I mean. The tabs are displayed only in the right column.

Tabs in the right column Tabs in the right column

How to display the tabs in full width?

The solution is not complicated at all.

Locate and open this file in your theme:

Search for this page of code:

{block name='hook_display_reassurance'}
{hook h='displayReassurance'}

{block name='product_tabs'}

and insert there this extra code:

{block name='hook_display_reassurance'}
{hook h='displayReassurance'}

<div class="row">
<div class="col-md-12">
{block name='product_tabs'}

This will be the result:

Tabs in full width Tabs in full width

Pretty simple, right? Now your tabs are in full width and can contain much more information. You can do all this and much more in Presta Theme Maker editor for Prestashop 1.7

As always, after editing your TPL files, clear the Prestashop cache and enjoy! :)

Andrej Staš

Andrej is a Prestashop enthusiast. He started by developing his own themes and then formed the idea of creating Theme Maker. He enjoys finding ways to make his life simpler, and that is the philosophy he incorporates into all his projects. Andrej is also interested in WordPress, Amazon FBA, drop shipping, studying languages, and reading books.


oscar · 6 years ago

Great, works!, thank you.

Victor · 6 years ago

Andrey, that’s awesome. I knew that I would have to insert a code at this point but probably took 2 hours to understand which. With your tip I solved the problem in 1 minute.

cm · 6 years ago

Hello, I am a beginner in prestashop. I did these modifications in the code, but nothing changed. Do I have to upload the modified .tpl files somewhere?

    Andy · 5 years ago

    Make sure you also clear the cache of your Prestashop.

You must be logged in to post a comment.