If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

Featured templates

Zen Cart. How to manage social icons links

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

Zen Cart. How to manage social icons links

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

ZenCart_How_to_manage_social_icons_links_1

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:

Zen Cart. How to manage social icons links