Zen Cart. How to manage social icons links

This tutorial will show you how to manage social icons links in ZenCart.

By default, social icons lead you to the home page:

Editing links is very easy – just locate a proper script to replace it with a new link. The actual links start right after: href=”.

1. Navigate to includes/templates/themeXXX/common directory of your server and open tpl_footer.php file.

2. Locate the following class: <ul class="socials">.

3. Here is the part of the code you will be working with:

    
   <ul class="socials">
   	<li><a href="<?php echo zen_href_link(FILENAME_DEFAULT);?>" title="" class="soc1">&nbsp;</a></li>
   	<li><a href="<?php echo zen_href_link(FILENAME_DEFAULT);?>" title="" class="soc2">&nbsp;</a></li>
   	<li><a href="<?php echo zen_href_link(FILENAME_DEFAULT);?>" title="" class="soc3">&nbsp;</a></li>
   </ul>
   

4. Each unordered list item was created to display a separate social icon on your home page.

5. Just replace a default link script <?php echo zen_href_link(FILENAME_DEFAULT);?> with a static link and see the way it works, e.g:

    
   <ul class="socials">
   <li><a href="https://www.facebook.com/TemplateHelp" title="" class="soc1">&nbsp;</a></li>
   <li><a href="https://twitter.com/templatehelp" title="" class="soc2">&nbsp;</a></li>
   <li><a href="http://info.template-help.com/help/feed" title="" class="soc3">&nbsp;</a></li>
   </ul>
   

6. Save the file and refresh your website to see the changes.

Feel free to check the detailed video tutorial below: