• Completely customizable--add links to any social media outlet
• Sidebar stays visible at all times while users scroll your page
• W3C Valid XHTML and CSS
• Cross Browser Compatible
• No changes to core files
• Easy Installation
• Detailed HTML readme file with written instructions and screenshots, and links to videos for the installation and customization steps.
• Fully compatible with versions 1.3.8x, 1.3.9x, 1.5x. Would probably work with lower versions although it has not been tested.

Watch an Easy Help Zen Cart Video Tutorial of this step HERE

1. Go to your host cpanel and select the backup wizard:



2. Click on Backup:



3. Click on Full Backup:



4. Click on Generate Backup:

1. Extract the package contents using your favorite file extraction utility.

2. Rename the following directories to your template override directory name:

includes/languages/english/extra_definitions/YOUR_TEMPLATE
includes/templates/YOUR_TEMPLATE

3. If you already have the includes/templates/YOUR_TEMPLATE/common/tpl_main_page.php file in your template override directory, do not upload that file. Using your favorite file merging utility, merge the template package file with your override file. The code to add starts with <--bof Social Networking Sidebar--> and ends with <--eof Social Networking Sidebar-->

Save the file.

Be sure to use a plain text editor when editing this file.

Watch an Easy Help Zen Cart Video Tutorial of step 1 - 4 HERE

Zip up the includes folder and name it "includes.zip".

1. Select Legacy File Manager:



2. Select Web Root from the pop up window:



3. Click on Upload Files:



4. Click on Browse and choose upload.zip:



5. Click on Upload:



6. Click on includes.zip. In the Right hand top box, click on extract file contents:

In a plain text editor open includes/languages/english/extra_definitions/YOUR_TEMPLATE/social_sidebar_defines.php

Find this code:

/*bof social urls*/
define('FACEBOOK','http://www.facebook.com/Custom.Zen.Cart.Design');
define('TWITTER', 'http://www.twitter.com/picaflorazul');
define('YOUTUBE', 'http://www.youtube.com/user/ZenCartEasyHelp');
define('PINTEREST', 'http://www.pinterest.com/picaflorazul');
define('GOOGLE', 'https://plus.google.com/113609090217058276980/posts');
define('BLOG', 'http://www.picaflor-azul.com/blog');

Change the urls between the single quotes (shown here in green) being careful to keep the single quotes intact.

Save the file.

If you want to change the name of the icon used find this code in the includes/languages/english/extra_definitions/YOUR_TEMPLATE/social_sidebar_defines.php file:

/*bof social icons*/
define('FACEBOOK_ICON', 'facebook.png');
define('TWITTER_ICON', 'twitter.png');
define('YOUTUBE_ICON', 'youtube.png');
define('PINTEREST_ICON', 'pinterest.png');
define('GOOGLE_ICON', 'google.png');
define('BLOG_ICON', 'blog.png');

Upload your new icons to includes/templates/YOUR_TEMPLATE/images and change the name of the image (shown here in green) being careful to keep the single quotes intact.

In your favorite plain text editor open includes/templates/YOUR_TEMPLATE/css/stysheet_social_header.css

At the bottom of the file add display:none; to the class for each icon you don't want to display. So, for example if you don't want to display the facebook icon you would add:

.facebook{display:none;}

The classes used for the icons are:

.facebook-sh
.twitter-sh
.youtube-sh
.pinterest-sh
.google-sh
.blog-sh

Remove all files in the plugin package.

Restore your includes/templaes/YOUR_TEMPLATE/common/tpl_main_page.php file.

Click here for hundreds of video and written Zen Cart Tutorials