• Super flexible design perfect for all types of ecommerce stores--the possibilites are endless!
• Responsive 3 column display
• Optimized Drop Navigation for hand held devices
• Matching button set and icons included
• Responsive Home Page slideshow included
• Add your slide show images, set their links, enable/disable images/links, and set open in new window easily using the admin banner manager.
• Tabbed home page centerbox content for New Products, Featured Products, and Specials
• Add This social bookmarking added to all product pages (includes Facebook like button, Twitter Tweet Button, Pinterest Pin it button, and 300+ Sharing Services)
• Custom footer featuring a footer menu with quick links, information, customer service, and useful links (ez pages), integrated, and optional links to your Facebook, Twitter, Youtube, Pinterest, Google Plus, and blog.
• Customized product info page layout with expandable content areas for handheld devices
• Cross Browser tested using Firefox, IE10, IE9, IE8, Google Chrome, Opera, and Safari.
• Tested on the iPhone 5 with Mobile Safari 6.0; iPad 4 with Mobile Safari 6.0; Windows Phone 8 with IE10 Mobile; Blackberry Bold 9900 with Blackberry Browser 9900; and Android Nexus 4 with Chrome Mobile 18, Dolphin Mobile 9.3, Firefox Mobile 19, Marathon Mobile 4, Opera Mobile 12, Sleipnir Mobile 2.9
• W3C Valid XHTML and CSS
• Custom header including shopping cart totals (item count and dollar amount), checkout link, search, currencies with drop down menu, and languages.
• Comes with the following modules installed: Column Layout Grid, About Us Page, Footer Menu , Back to Top, Responsive Slides JS, Tabbed Home Page Modules
• 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.9s, 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:

Unzip the template package using your favorite unzip utility.

In the template package go to responsive_avonlee_contempo/files

Rename the folder YOUR_ADMIN_FOLDER to your admin folder name.

The YOUR_ADMIN_FOLDER/layout_controller file is a core overwrite. It will allow you to hide/show side boxes at min-width from the ADMIN > TOOLS > LAYOUT BOXES CONTROLLER page. Be sure to back up this file before you upload the template package.

Column Layout Grid

Watch an Easy Help Zen Cart Video Tutorial about this step

1. In your Zen Cart admin go to Tools-> Install SQL Patches

2. Copy and paste the contents of the clg_install.sql file into the box and click on the "Send" button. DO NOT INSTALL THE PATCH IF YOU HAVE PREVIOUSLY INSTALLED ONE OF OUR TEMPLATES OR HAVE RUN IT BEFORE

Now go to Configuration -> Product Listing

Click on "Product Listing - Layout Style", select "rows" and click on the "update" button.

Responsive, About Us, and Responsive Avonlee Contempo Patches

Go to Configuration -> Define Page Status to define the About us page status.

In your zen cart admin go to Configuration -> Responsive Avonlee Contempo

Click on "Slides JS Slideshow" or "Play Interval".

To turn the slider on or off on the home page, click on "Slides JS Slideshow". Select "true" to show the slide show on the home page, or select "false" to hide the hide the slide show on the home page, and click on the update button.

To set the time between slide animation in milliseconds, click on "Play". Add the time in milliseconds and click on the update button.

Watch an Easy Help Zen Cart Video Tutorial about this step HERE.

In a plain text editor open includes/languages/english/extra_definitions/responsive_avonlee_contempo/footer_menu_defines.php

On or around line 59 find this code:

/*bof bottom footer 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 icon used, on or around line 42 find this code:

/*bof bottom footer definitions*/
Define('FOOTER_PAYMENT_ICON', 'paypal.png');
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/responsive_avonlee_contempo/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/responsive_avonlee_contempo/css/stysheet_footer_menu.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
.twitter
.youtube
.pinterest
.google
.blog

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

In your zen cart admin go to Tools -> EZ-Pages

Create a new file or select one that has already been created.

Make sure that Footer "Yes" is checked and "Order" is designated.

The first 5 pages marked for the footer will show in the footer menu.

In your zen cart admin go to Configuration -> Index Listing

Click on "Show New Products on Main Page" select a value greater than "0" and click on the "update" button.

Repeat the above steps for "Show Featured Products on Main Page" and "Show Special Products on Main Page".

See these tutorials for more detail:

Easy Help Tutorial: How to Add New Products to the Main Page

Easy Help Tutorial: How to Add Featured Products to the Main Page

These boxes will not show until you have created Featured Products and Specials. See these tutorials for instructions on creating Featured Products and Speicals in the zen cart:

Easy Help Tutorial: How to Create a Special for a Product

Easy Help Tutorial: How to Create a Featured Product

The New Products centerbox will not show until you have added products to your store. See this for setting which products show up as new:

Easy Help Tutorial: What Determines if a Product is "New"

If you want to change the text of any of the header menu headings, edit the includes/languages/english/extra_definitions/responsive_avonlee_contempo/apparel_boutique.php