How to display full width tabs in the product detail page in PrestaShop 1.7?

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

How to display the tabs in full width?

The solution is not complicated at all.

Locate and open this file in your theme:
/your_theme/templates/catalog/product.tpl

Search for this page of code:

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

{block name='product_tabs'}

and insert there this extra code:

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

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

This will be the result:

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