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 three column footer

In this recipe, we will learn how to create a three column footer. We are going to add each column step by step.

Getting started

We bring 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. Under the footer ID, we create our first column. We apply the following code block for this column:
    <div class="column column1"> <div id="community_news-2"> <h3 class="widgettitle">Site Features</h3> <div class="entry box_entry footer-box"> <h4><a href="#" rel="bookmark" title="Permanent Link: Apple rebrands to Banana!">Enjoy Ease and Convenience</a></h4> <a class="alignleft preloading_background" href="#" title="Apple rebrands to Banana!"><img class="rounded ...

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