Prestashop how to hook home page footer left & right column

Alright 👍 this is a common PrestaShop layout question.

In PrestaShop 1.7 / 8.x, the homepage footer doesn’t really have “left & right columns” by default like the old 1.6 days. But you can create a left–right footer layout using hooks + positions.

Below are two correct ways to do it.

✅ Method 1: Use existing footer hooks (Recommended)

Step 1: Understand footer hooks

On the homepage, these hooks are available:

• displayFooterBefore
• displayFooter
• displayFooterAfter

Inside displayFooter, PrestaShop already uses:

• displayFooter
• displayFooterProduct
• displayFooterCategory

Step 2: Create left & right columns via theme (TPL)

Edit:

/themes/your-theme/templates/_partials/footer.tpl

Add a grid layout (Bootstrap-based):

<div class="footer-top">
  <div class="row">
    
    <!-- Left column -->
    <div class="col-md-6 footer-left">
      {hook h='displayFooterLeft'}
    </div>

    <!-- Right column -->
    <div class="col-md-6 footer-right">
      {hook h='displayFooterRight'}
    </div>

  </div>
</div>

Step 3: Register custom hooks

Go to:

Design → Positions

Click Add a new hook

Create:

• displayFooterLeft
• displayFooterRight

Step 4: Attach modules

Now hook modules where you want:

• CMS block → displayFooterLeft
• Newsletter / Custom HTML → displayFooterRight

Boom 💥 you now have footer left & right columns only where you placed them.

✅ Method 2: Use displayHome (Homepage-only footer blocks)

If you want footer blocks only on homepage:

Step 1: Edit

/themes/your-theme/templates/index.tpl

Add this above {block name='footer'}:

<div class="home-footer">
  <div class="row">
    <div class="col-md-6">
      {hook h='displayHomeFooterLeft'}
    </div>
    <div class="col-md-6">
      {hook h='displayHomeFooterRight'}
    </div>
  </div>
</div>

Step 2: Create hooks

Create hooks:

• displayHomeFooterLeft
• displayHomeFooterRight

Then assign modules only for homepage.

✅ Best modules to use

• Custom HTML
• CMS Block
• Link Widget
• Newsletter
• Contact Info

⚠️ Important notes

• Clear cache after changes:
  Advanced Parameters → Performance → Clear cache
• Use Bootstrap classes (col-md-6, col-lg-6) — PrestaShop uses Bootstrap by default.
• This works for 1.7.x and 8.x

💡 Pro tip

If you don’t want custom hooks, you can reuse displayFooter and split content using CSS Grid or Flexbox—but hooks give clean control.