responsive zen cart template by Picaflor Azul v2.0
Free support is available through the support thread on the Zen Cart Forum.For direct, personal support, email us for a quote.Before asking any questions, check our FAQ's for your answer.
Are you using the free template package on your live zen cart? Have you found free help on the forum? Show your appreciation by donating to the free templates project. If everyone who downloaded and used the templates on their sites donated just $20, I could devote full time to the project.
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:
Unzip the template package using your favorite unzip utility.
In the template package go to responsive_sheffield_blue/files
Rename the folder YOUR_ADMIN_FOLDER to your admin folder name.
Back up all core file overwrites before installation:
YOUR_ADMIN_FOLDER/layout_controller includes/modules/pages/about_us/header_php.php includes/modules/pages/contact_us/header_php.php includes/modules/pages/featured_products/header_php.php includes/modules/pages/product_reviews/header_php.php includes/modules/pages/products_all/header_php.php includes/modules/pages/products_new/header_php.php includes/modules/pages/reviews/header_php.php includes/modules/pages/specials/header_php.php
In your Zen Cart admin go to Tools -> Template Selection Click on the "edit" button Select the name of the template you just installed from the drop down menu Click on the "update" button.
In your Zen Cart admin go to Tools -> Layout Boxes Controller Scroll down to the bottom of the screen and click the "reset" button.
Watch an Easy Help Zen Cart Video Tutorial about this step HERE
Create your logo in your image editing program and upload it to includes/templates/responsive_sheffield_blue/images.
Open includes/languages/english/responsive_sheffield_blue/header.php in a plain text editor. Find this code on or around line 24:
define('HEADER_ALT_TEXT', 'Responsive Sheffield Blue :: Free Template by www.picaflor-azul.com'); define('HEADER_LOGO_WIDTH', '235px'); define('HEADER_LOGO_HEIGHT', '60px'); define('HEADER_LOGO_IMAGE', 'logo.png');
define(
'HEADER_ALT_TEXT'
,
'Responsive Sheffield Blue :: Free Template by www.picaflor-azul.com'
); define(
'HEADER_LOGO_WIDTH'
'235px'
'HEADER_LOGO_HEIGHT'
'60px'
'HEADER_LOGO_IMAGE'
'logo.png'
);
define('HEADER_ALT_TEXT', 'Your store name :: your store tag line'); define('HEADER_LOGO_WIDTH', 'height in px'); define('HEADER_LOGO_HEIGHT', 'width in px'); define('HEADER_LOGO_IMAGE', 'your logo name .png');
'Your store name :: your store tag line'
'height in px'
'width in px'
'your logo name .png'
***This is a php file and MUST be edited in a plain text editor. If you try to edit this file in any type of wysiwyg editor, the code will be corrupted and when you insert the file back into your zen cart it will break your entire site.***
Watch an Easy Help Zen Cart Video Tutorial of this step HERE.
In your favorite plain text editor, open the includes/languages/english/responsive_sheffield_blue/header.php.
On or around line 25 find this code:
define('HEADER_SALES_TEXT', 'A Free Template by www.picaflor-azul.com.');
'HEADER_SALES_TEXT'
'A Free Template by www.picaflor-azul.com.'
Change the text in green to your site tagline, or remove it for no tagline. Be sure to keep the single quotes intact.
define('HEADER_SALES_TEXT', 'Your site tagline goe here.');
'Your site tagline goe here.'
Save the file.
In your zen cart admin go to Tools -> Banner Manager.
Click on any of the banners in the "homepageslide" banner group.
Click on the "edit" button
Select "Banner New Window" Yes, or No, enter your Banner Title (this will be the banner caption), enter your Banner URL in the text box, and Click on the "browse" or "choose file" button and select your image.
Click on the "update" button.
Add as many banners to the slide show as you like. Just be sure to use the banner group "homepageslide".
In your zen cart admin go to Configuration -> Responsive Sheffield Blue
Click on "Home Page Slideshow".
Enter "false" and click on the "update" button.
To customize the tab titles used for "description", "details", and "reviews" in the product info page tabbed content, open the includes/langauges/english/extra_definitions/responsive_sheffield_blue/responsive_sheffield_blue_defines.php in your favorite plain text editor.
Find this code:
/*bof product info tabs*/ define('HEADER_TITLE_DESCRIPTION',''Description'); define('HEADER_TITLE_DETAILS',''Details'); define('HEADER_TITLE_REVIEWS',''Reviews'); define('TEXT_FIRST_REVIEW',''<div class="review-first">Be the first to write a review. </span>'); define('TEXT_FIRST_REVIEW_WRITE',''<span class="review-first-write">Write a Review.</span></div>');
Change the part in red, between the single quotes to your content.
In a your zen cart admin go to Admin--Tools--Flexible Footer Menu
To make changes, simply assign a column # and sort order, any page link, page image, sub-column header, text or comment can go above or below anything! See the Flexible Footer Menu module readme file for more information.
Click on the blank line directly below "Share and Connect", then click on the "edit" button
Change the links in the text box to match the links to your social media pages and click on the "update" button.
In your favorite plain text editor open the includes/languages/english/extra_definitions/responsive_sheffield_blue/responsive_sheffield_blue_defines.php and find this:
/*bof about us definitions*/ define('HEADER_TITLE_ABOUT_US','About Us'); define('TITLE_ABOUT_US','Welcome to our Store!'); define('TEXT_ABOUT_US','Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam interdum feugiat ipsum vehicula sollicitudin. Integer sed lacus eget risus consectetur ullamcorper. Pellentesque rutrum ullamcorper faucibus. Nam porttitor iaculis enim, mattis tristique velit tristique bibendum. Aliquam porta nisl tortor, non luctus justo. Nam tincidunt dui vel mauris tincidunt posuere. Phasellus rhoncus elit et lorem sodales ullamcorper.'); define(ABOUT_US_IMAGE,'aboutus.png');
Change the text and image to your information.
/*bof customer service*/ define('HEADER_TITLE_CUSTOMER_SERVICE','Service'); define('TITLE_SHIPPING','Shipping'); define('TEXT_SHIPPING_INFO','Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam interdum feugiat ipsum vehicula sollicitudin. Integer sed lacus eget risus consectetur ullamcorper. Pellentesque rutrum ullamcorper faucibus. Nam porttitor iaculis enim, mattis tristique velit tristique bibendum. '); define('TITLE_CONFIDENCE','Shop with Confidence'); define('TEXT_CONFIDENCE','Here you can write a few short sentencs about why your customers can buy with conficence from your store. You might also want to outline your payment options here.'); define('PAYMENT_ICON','<i class="fa fa-cc-paypal"></i><i class="fa fa-cc-amex"></i><i class="fa fa-cc-discover"></i><i class="fa fa-cc-mastercard"></i><i class="fa fa-cc-visa"></i><i class="fa fa-paypal"></i>');
Change the text and payment icons to your information.
Remove all files in the template package.
Restore your back ups of the core overwrite files.
Click here for hundreds of video and written Zen Cart Tutorials
The Responsive Sheffield Blue Free Zen Cart Template is released under the General Public License (see LICENSE.txt)
This script is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
Always backup your shop and database before making changes.
Click here for FREE Zen Cart Templates and Plugins
Help us to continually improve the package. Contact us to report problems.