O'Reilly logo

OpenCart 1.4 Template Design Cookbook by Tahsin Hasan

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Creating a wide footer for our store

First, we will create a wide footer for our store shop.

Getting started

Open up the footer.tpl file under catalog\view\theme\shop\template\common with our favourite editor.

How to do it

We will follow these steps:

  1. We will open the default footer.tpl file under catalog\view\theme\shop\template\common. We will replace the default footer ID with the new footer content. There are two div tags: div1, div2. Following is the default footer content:
    <div class="div1"><a onclick="window.open('https://www.paypal.com/uk/mrb/pal=W9TBB5DTD6QJW');"><img src="catalog/view/theme/default/image/payment.png" alt="" /></a></div> <!-- OpenCart is open source software and you are free to remove the Powered By OpenCart if you want, but ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required