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:

and insert there this extra code:

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

Incoming search terms:

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 · 2 years ago

Great, works!, thank you.

Victor · 2 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 · 1 year 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 · 1 year ago

    Make sure you also clear the cache of your Prestashop.

Post your comment