- Web templates
- E-commerce Templates
- CMS & Blog Templates
- Facebook Templates
- Website Builders
OpenCart 2.x. How to edit footer links and copyright notification
April 10, 2015
Hello! This tutorial shows how to edit footer links in OpenCart 2.x. templates.
OpenCart 2.x. How to edit footer links and copyright notification
There are usually four columns with links, e.g. Information links, My Account links etc. and copyright notification in the footer of Opencart templates:
Let’s learn how to edit these links.
The Information links column is usually edited via Opencart administration area.
-
Go to Catalog ->Information tab:
-
Click “Edit” icon next to the desired Information link in order to edit it.
As you can see there are different values under Sort Order column for each link:
You may manage links order by changing this value in the Sort Order field for each link:
Set the Sort Order to zero (0) to prevent the link from displaying under Information column in the footer.
Second, third and forth columns are usually defined in the /catalog/view/theme/themeXXX/template/common/footer.tpl file as well as the copyright notification.
The code for the second column is the following:
<div class="footer_box col-sm-3"> <h5><?php echo $text_service; ?></h5> <ul class="list-unstyled"> <li><a href="<?php echo $contact; ?>"><?php echo $text_contact; ?></a></li> <li><a href="<?php echo $return; ?>"><?php echo $text_return; ?></a></li> <li><a href="<?php echo $sitemap; ?>"><?php echo $text_sitemap; ?></a></li> </ul> </div>
Third column:
<div class="footer_box col-sm-3"> <h5><?php echo $text_extra; ?></h5> <ul class="list-unstyled"> <li><a href="<?php echo $manufacturer; ?>"><?php echo $text_manufacturer; ?></a></li> <li><a href="<?php echo $voucher; ?>"><?php echo $text_voucher; ?></a></li> <li><a href="<?php echo $affiliate; ?>"><?php echo $text_affiliate; ?></a></li> <li><a href="<?php echo $special; ?>"><?php echo $text_special; ?></a></li> </ul> </div>
Forth column:
<div class="footer_box col-sm-3"> <h5><?php echo $text_account; ?></h5> <ul class="list-unstyled"> <li><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a></li> <li><a href="<?php echo $order; ?>"><?php echo $text_order; ?></a></li> <li><a href="<?php echo $wishlist; ?>"><?php echo $text_wishlist; ?></a></li> <li><a href="<?php echo $newsletter; ?>"><?php echo $text_newsletter; ?></a></li> </ul> </div>
And the copyright notification code is:
<?php echo $powered; ?>
Each column includes such variables, as $text_service, $text_extra, $text_account, $powered, etc.
Each of these variables is defined in the /catalog/language/english/common/footer.php file:
<?php // Text $_['text_information'] = 'Information'; $_['text_service'] = 'Customer Service'; $_['text_extra'] = 'Extras'; $_['text_contact'] = 'Contact Us'; $_['text_return'] = 'Returns'; $_['text_sitemap'] = 'Site Map'; $_['text_manufacturer'] = 'Brands'; $_['text_voucher'] = 'Gift Vouchers'; $_['text_affiliate'] = 'Affiliates'; $_['text_special'] = 'Specials'; $_['text_account'] = 'My Account'; $_['text_order'] = 'Order History'; $_['text_wishlist'] = 'Wish List'; $_['text_newsletter'] = 'Newsletter'; $_['text_powered'] = 'Powered By <a href="http://www.opencart.com">OpenCart</a><br /> %s © %s';
You may simply change the text defined for respective variables, e.g. change ‘Information’ to ‘Info’. Save the file and refresh the front page to see changes:
You may also want to add your own links to any of footer columns.
In order to do this, simply copy one of the existing links and alter it so the link has unique name and is linked to desired location.
Let’s say, you want to add a link under Customer Service column. The link format will be as follows:
<li><a href="https://www.google.com">My Link</a></li>
Save the file and refresh the front page to see changes:
This is the end of the tutorial, we have learnt how to edit footer links and copyright notification in OpenCart templates.
Feel free to check the detailed video tutorial below:
OpenCart 2.x. How to edit footer links and copyright notification
If your website already has an admin panel and you want to work on its design, review our Bootstrap Admin Themes.