Overview:
Version: 1.0
Designed by Picaflor Azul Custom Zen Cart Design (http://www.picaflor-azul.com)
Newport Eco Template Live Demo
Newport Eco Template Support Thread
Online readme.html file
Donations are not required, but any size donation is greatly appreciated and accepted
If you don't feel comfortable installing the template please feel free to contact me at info@picaflor-azul.com.
Support/Help:
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.
Template Features & Credits:
- Super flexible design perfect for all types of ecommerce stores--the possibilites are endless!
- Fixed width 2 or 3 column display
- Matching button set included
- Matching icons
- Custom header with languages and currencies, links to home, log in (my account and log off when customer is logged in), shopping cart totals, and checkout, customizable header text ad, and header search box.
- Fully customizable header drop down mega menu with quick links, categories, shop by brand, about us (includes short about us text and image), information (includes admin configurable ez pages), connect with us(includes linkd to facebook, twitter, youtube, pinterest, google plus, your blog), and customer service (with customizable text and images).
- Home Page slideshow included
- 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, and 300+ Sharing Services)
- Custom footer featuring a footer menu with contact information (telephone and link to contact us page), information, customer support, and useful links (ez pages), integrated, optional links to your Facebook, Twitter, Youtube, Pinterest, Google Plus, and blog, and optional, customizable links to payment options.
- Cross Browser tested using Firefox, IE9, IE8, IE7, Google Chrome, Opera, and Safari.
- 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 , Column Divider Pro, Designer Monthly Boxes, Pure CSS Header Mega Menu
- No changes to core files
- 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.8, 1.3.9, 1.5. Would probably work with lower versions although it has not been tested.
- The Zen Cart Team
- Alen Grakalic for the Easy Slider http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding
- stevefriedman71 and DrByte for the Column Layout Grid Module
- clydejones for the Footer Menu Module
- torvista and DrByte for the About Us Page Module
- qhome for the Column Divider Pro Module and the Designer Monthly Boxes Module
- Glen Herbert and ginginca for the Shopping Cart Totals In Header
- AddThis Social Bookmarking
- Rafael Lima for the CSS Browser Selector http://rafael.adm.br/css_browser_selector
- Guillaume Marty for the How to Build a Kick-Butt CSS3 Mega Drop-Down Menu Tutorial
- mbfergie for the Tabbed Home Page Modules Module
- rohitsoftech for the Manufacturers List as Horizontal Drop Down Module
- Get Em Fast for the CSS Horizontal Dropdown Menu With Jquery Module
Pre-Installation (Don't Skip This!):
***PLEASE READ THE ENTIRE INSTALLATION FILE BEFORE INSTALLING OR ASKING QUESTIONS***
Free, personalized support is not given via email, chat, phone or pm.
BACK UP YOUR DATABASE AND ZEN CART FILES BEFORE INSTALLING THIS TEMPLATE PACKAGE!
Watch an Easy Help Zen Cart Video Tutorial of this step HERE
Always back up your zen cart database and zen cart files before installing a new template. A fast and easy way to do this is via your host cpanel with the backup wizard.
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:
You are finished with the backup!
Now that you have your full backup, it is safe to proceed with the template installation.
Installation Step 1: Unzip and Upload the Files:
This video shows in detail how to install a zen cart template step by step through step 4 of these installation instructions.
Watch an Easy Help Zen Cart Video Tutorial about Installing a New Template HERE
Unzip the Package using your favorite program and upload (FTP) the entire includes folder to your server. Usually the template files will be in the current zen cart structure.
Upload Method 1
Use an FTP program to upload the files. There are many free FTP programs available, simply do a google search to find one (Filezilla is a good one). You will need to ask your web host for your FTP password. Once you login to the root folder of your store (this is where admin, cache, download, includes, etc. are located), simply upload ONLY the includes folder of the template package.
If you already have all the zen cart files on your home computer, and you’re already using FTP to work with your site, simply drag and drop the includes folder for this template into the folder above “includes” and it will add all the files for the template in its correct spot without overwriting any files.
1. Connect to your web host via ftp using Filezilla. Enter the address of the server, your username, password, and port if needed into the host field of the Quickconnect bar.
2. Once you are connected find the directory on your local machine where you unzipped the template package in the right side of window and find your store root directory on your web host in the left side of the window .
3. Drag the includes directory and drop it in the folder above the includes folder of your store root directory.
You have successfully uploaded the template package files!
Upload Method 2
Use your online file manager to upload the files. Ask your web host how to get to your File Manager. A simple way to upload a template using File manager is to zip up the includes folder, and name it “includes.zip”. So basically you upload includes.zip into your zen cart store root directory (where admin, cache, download, includes, etc. are located). After uploading includes.zip, click on it, and choose “extract file contents”, and it will then magically place all files where they belong. NOTE! Your file manager may vary! Be sure to BACKUP your includes folder before doing this.
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 upload.zip. In the Right hand top box, click on extract file contents:
You have successfully uploaded the template package files!
Installation Step 2: SQL File for Column Layout Grid and About Us Page Modules:
The column layout grid module will give you a product listing page in columns rather than rows like this:
Watch an Easy Help Zen Cart Video Tutorial about how to add an SQL Patch to your database HERE.
Run the following SQL commands into your database.
Log into your Zen Cart admin:
Go to Tools->Install SQL Patches
Paste this in the box and click on the Send button
INSERT INTO configuration (configuration_title, configuration_key, configuration_value,
configuration_description, configuration_group_id, sort_order,
last_modified, date_added, use_function, set_function)
VALUES ('Product Listing - Layout Style', 'PRODUCT_LISTING_LAYOUT_STYLE', 'rows',
'Select the layout style:
Each product can be listed in its own row (rows option)
or products can be listed in multiple columns per row (columns option)', '8', '40', NULL,
now(), NULL, 'zen_cfg_select_option(array(\'rows\', \'columns\'),');
INSERT INTO configuration (configuration_title, configuration_key, configuration_value,
configuration_description, configuration_group_id, sort_order,
last_modified, date_added, use_function, set_function)
VALUES ('Product Listing - Columns Per Row', 'PRODUCT_LISTING_COLUMNS_PER_ROW', '3',
'Select the number of columns of products to show in each row in the product listing.
The default setting is 3.', '8', '41', NULL, now(), NULL, NULL);
INSERT INTO configuration (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, last_modified, date_added, use_function, set_function)
VALUES ('Define About Us Status', 'DEFINE_ABOUT_US_STATUS', '1', 'Enable the Defined About Us Link/Text?
0= Link ON, Define Text OFF
1= Link ON, Define Text ON
2= Link OFF, Define Text ON
3= Link OFF, Define Text OFF', 25, 59, NOW(), NOW(), NULL, 'zen_cfg_select_option(array(''0'', ''1'', ''2'', ''3''),');
Now log into your zen cart admin and go to Configuration -> Product Listing
Click on "Product Listing - Layout Style", select "rows" and click on the "update" button.
Go to Admin Configuration -> Define Page Status to define the About us page status.
Installation Step 3: Select the Template:
Watch an Easy Help Zen Cart Video Tutorial about Steps 1-4 HERE
Log into your Zen Cart admin:
Under the “Tools” menu choose:
Template Selection
Click on Edit
Choose the name of the template you just installed from the drop down menu
Click update
If you do not see the name of the template you just installed in the drop down menu, confirm that ALL template package files have been uploaded, especially includes/templates/newport_eco/template_info.php
Installation Step 4: Reset Sideboxes:
Watch an Easy Help Zen Cart Video Tutorial about Steps 1 -4 HERE
In your Zen Cart admin:
A. Go to “Tools” then “Layout Boxes Controller”
Scroll down to the bottom of the screen and click the reset button.
Installation Step 5: Turn on Currencies, Languages and EZ Pages Drop Menu in Header:
Log into your zen cart admin and go to Tools -> LayoutBoxes Controller
Click on “sideboxes/your-template-override-directory/languages_header.php” and then click on the “edit” button
Set the “Single Column Status:” to “ON” and set the “Single Column Sort Order:” to something other than “0″ then click on the “update” button.
Now click on “sideboxes/your-template-override-directory/currencies_header.php” and then click on the “edit” button.
Set the “Single Column Status:” to “ON” and set the “Single Column Sort Order:” to something other than “0″ then click on the “update” button.
Follow the same procedure for turning on the ezpages_drop_menu.php sidebox.
Installation Step 6: Recommended Admin Settings:
**Please note that this template was designed to look best when the ezpages in header and category tabs in header are turned off**
To make your site look like the Live Demo HERE:
A. In your Zen Cart admin:
Go to "Configuration" then "Product Listing"
Copy the values from:
B. In your Zen Cart admin:
Go to "Configuration" then "Layout Settings"
Copy the values from:
C. To turn off EZ pages in the header:
Log into your zen cart admin and go to Configuration > EZ-Pages Settings:
Select “EZ-Pages Display Status – HeaderBar” and click on the “edit” button.
Click on the radio button for “0″ and click on the “update” button.
E. If you want your site to use a 2 column layout instead of a 3 column:
In your Zen Cart admin:
Go to "Configuration" then "Layout Settings"
Click on "Column Right Status - Global", select "0", and click on the "update" button.
Installation Step 7: Add Your Logo:
Watch an Easy Help Zen Cart Video Tutorial about this step HERE
1. Create your logo in your favorite image editing program and upload it to includes/templates/newport_eco/images. For the example, we will use this logo.
The best logo size for this template is 235 x 60 pixels. The max logo size 400 x 100 pixels.
2. Open includes/languages/english/newport_eco/header.php in your favorite plain text editor. Find this code on or around line 24:
define('HEADER_ALT_TEXT', 'Newport Eco :: Free Template by www.picaflor-azul.com');
define('HEADER_LOGO_WIDTH', '235px');
define('HEADER_LOGO_HEIGHT', '60px');
define('HEADER_LOGO_IMAGE', 'logo.png');
3. There are 4 bits you will change:
- Replace “Newport Eco :: Free Template by www.picaflor-azul.com” with your site name and tag line here
- Replace “235px” with your logo width
- Replace “60px” with your logo height
- Replace “logo.png” with the name of your logo image
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');
Go to your store and see your new logo in place!
***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.***
Installation Step 8: Add Your Tag Line/Slogan:
Watch an Easy Help Zen Cart Video Tutorial of this step HERE.
In your favorite plain text editor, open the includes/languages/english/newport_eco/header.php.
On or around line 25 find this code:
define('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.');
Save the file.
***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.***
Installation Step 9: Customizing the Home Page Slideshow:
Watch an Easy Help Zen Cart Video Tutorial about how to add images to the slideshow HERE.
1. Create your images for the slider. See the install.txt file for the particular template to find out the default slider dimensions. All of your slider images should be the same height and width. The default number of images for all of the sliders are 5. Your images should be named:
slide1.jpg
slide2.jpg
slide3.jpg
slide4.jpg
slide5.jpg
2. Upload your images to includes/templates/newport_eco/images.
3. If you have used the same image names, dimensions, and number of images, you are finished! If you have used different image names, a different number of images, or images of different dimensions then you need to continue on with the tutorial.
Using Images With Different Names
A. In your favorite plain text editor, open the includes/templates/newport_eco/common/tpl_home_slider.php file.
B. Find this code:
define(IMAGE1,'slide1.jpg');// default width 550px height 302px /
define(IMAGE2,'slide2.jpg');
define(IMAGE3,'slide3.jpg');
define(IMAGE4,'slide4.jpg');
define(IMAGE5,'slide5.jpg');
C. Replace slide1.jpg, etc. with the names of your images, making sure to keep the single quotes intact.
D. Save the file.
Go to your store url in the browser and refresh the page. You might have to clear your cache or even restart your browser to see the changes.
Using Images That Are Different Dimensions
In your favorite plain text editor, open the file includes/templates/newport_eco/css/stylesheet.css. Find this code (in our free and for purchase templates it will be toward the bottom):
#slider li, #slider2 li{/*define width and height of list item (slide) entire slider area will adjust according to the parameters provided here*/width:740px;height:440px;overflow:hidden;}
Change the width and height to the width and height of your images and save the file. Depending on the new dimensions you might also have to change the position of the slider navigation buttons.
In your favorite plain text editor, open the file includes/templates/newport_eco/css/stylesheet.css. Find this code (in our free and for purchase templates it will be toward the bottom):
#control_div{width:200px;height:18px;position:relative;
left:500px;top:-50px;}
Change the values for left and top until the slider navigation shows where you want it to show.
Add Links to the Images
Follow steps A. and B. from the “Using Images With Different Names” section of this tutorial.
Find this code:
define(URL1,'http://www.picaflor-azul.com');
define(URL2,'http://www.picaflor-azul.com');
define(URL3,'http://www.picaflor-azul.com');
define(URL4,'http://www.picaflor-azul.com');
define(URL5,'http://www.picaflor-azul.com');
Replace http://www.picaflor-azul.com with your link urls, making sure to keep the single quotes intact.
Using More or Less Than 5 Images in the Slider
Follow steps A. and B. from the “Using Images With Different Names” section of this tutorial.
Find this code:
<div id="slider">
<ul>
<li><a href="<?php echo URL1 ?>"><img src="<?php echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.IMAGE1 ?>" alt="first slide image" /></a></li>
<li><a href="<?php echo URL2 ?>"><img src="<?php echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.IMAGE2 ?>" alt="second slide image" /></a></li>
<li><a href="<?php echo URL3 ?>"><img src="<?php echo $template-<get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.IMAGE3 ?>" alt="third slide image" /></a></li>
<li><a href="<?php echo URL4 ?>"><img src="<?php echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.IMAGE4 ?>" alt="fourth slide image" /></a></li>
<li><a href="<?php echo URL5 ?>"><img src="<?php echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.IMAGE5 ?>" alt="fifth slide image" /></a></li>
</ul>
</div>
To use less images, remove this block of code for each image:
<li><a href=”<?php echo URL5 ?>”><img src=”<?php echo $template->get_template_dir(”,DIR_WS_TEMPLATE, $current_page_base,’images’).’/’.IMAGE5 ?>” alt=”fifth slide image” /></a></li>
You are removing the <li> to </li>and all the code in between.
To use more images, add this code using the next number in sequence, for example image 6 would be:
<li><a href="<?php echo URL6 ?>"><img src="<?php echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.IMAGE6 ?>" alt="sixth slide image" /></a></li>
Then add these lines to define code above:
define(IMAGE6,'slide6.jpg');
and:
define(URL6,'http://www.picaflor-azul.com');
Follow this procedure for each image you want to add.
In your favorite plain text editor, open the file includes/templates/newport_eco/css/stylesheet.css. Find this code (in our free and for purchase templates it will be toward the bottom):
#control_div{/code>width:200px;height:18px;position:relative;
left:500px;top:-50px;}
Adjust the width (make it larger) so that all of the slider navigation buttons show on one line.
Installation Step 10: Customize Footer Social Media, Telephone Number, and Payments:
Social Media
Watch an Easy Help Zen Cart Video Tutorial about this step HERE.
In your favorite plain text editor open includes/languages/english/extra_definitions/newport_eco/footer_menu_defines.php
***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.***
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.
Customize Social Media Icons
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/newport_eco/images and change the name of the image (shown here in green) being careful to keep the single quotes intact.
Remove Social Media Links
In your favorite plain text editor open includes/templates/newport_eco/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
Add your store Telephone Number
In your favorite plain text editor open includes/languages/english/extra_definitions/newport_eco/footer_menu_defines.phps
On or around line 14 find this code:
Define('PHONE', '<li><a href="#"<img src="includes/templates/newport_eco/images/phone.png" class="footer-icon" />555.555.5555</a></li>');
Change the telephone number to your phone number being careful to keep the single quotes in tact.
Save the file.
Remove the Telephone Number
In your favorite plain text editor open includes/templates/newport_eco/css/stylesheet_footer_menu.css
Add this to the bottom of the file:
.footer-phone{display:none;}
Save the file.
Change the Payment Image
Create your new image and name it paypal.png. Upload the image to includes/templates/newport_eco/images.
Installation Step 11: Add "Useful Links" to the Footer Menu:
Watch an Easy Help Zen Cart Video Tutorial of this step HERE.
Log into your zen cart admin and 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.
Installation Step 12: Turn On Home Page Featured, New, and Speicals Center Box Tabs:
Log into your zen cart admin and 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 Zen Cart Tutorial: How to Add New Products to the Main Page
Easy Help Zen Cart 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 Zen Cart Tutorial: How to Create a Special for a Product
Easy Help Zen Cart 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 Zen Cart Tutorial: What Determines if a Product is “Newâ€
Installation Step 13: Customize Header Menu:
If you want to customize the header menu you can change any of the existing text and links in includes/languages/english/extra_definitions/newport_eco/headermenu.php
About Us Text and Image
On or around line 41 find this code:
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.');
Change the text shown above in green to your about us text and save the file.
To customize the about us image, create your image and name it aboutus.png. Upload it to includes/templates/newport_eco/images.
To remove the about us image go to includes/templates/newport_eco/css/stylesheet_mega_menu.css.
Add this to the bottom of the file:
.aboutus-image{display:none;}
Turn on Useful Links
This assumes that you have turned on the ezpages_drop_menu.php sidebox. If you have not done this see "Installation Step 5: Turn on Currencies, Languages, and EZ Pages Drop Menu in Header:"
In your zen cart admin go to Tools -> EZ-Pages
Turn on the links you want to show in the list. Be sure that you haev set a sort order. See this tutorial for more information:
Easy Help Zen Cart Tutorial: How to Create EZ Pages & Tips for Usage
Connect with Us
You can hide any of the social media in the connect with us dropdown by going to includes/templates/newport_eco/css/stylesheet_mega_menu.css
Add a display:none; to the class for the social media you want to hide. So, for example, if you wanted to hide facebook you would add this to the bottom of the file:
.hfacebook{display:none;}
The classes for the header social media are as follows:
.hfacebook
.htwitter
.hyoutube
.hpinterest
.hgoogle
.hblog
Customer Service
In your favorite plain text editor open includes/languages/english/extra_definitions/newport_eco/headermenu.php
On or around line 59 find this code:
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.');
Change the text in green to your text and save the file.
On or around line 61 find this code:
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.');
Change the text in green to your text and save the file.
Change the payments icon to your icon by naming your image payemnts.png and uploading to includes/templates/newport_eco/images
Hide any of the Drop Downs
You can hide any of the drop down menus by going to includes/templates/newport_eco/css/stylesheet_mega_menu.css
Add a display:none; to the class for the drop down you want to hide. So, for example, if you wanted to hide contact us you would add this to the bottom of the file:
.contactus-li{display:none;}
The classes for the drop down menus are as follows:
.quicklinks-li
.categories-li
.manufacturers-li
.aboutus-li
.information-li
.contactus-li
.customerservice-li
Installation Step 14: Customize Header Text Ad:
In your favorite plain text editor open includes/languages/english/newport_eco/header.php
On or around line 19 find this code:
define('HEADER_TITLE_PROMO1', '<span class="promo-big">FREE SHIPPING</span><br />on all orders over <span class="promo-red">$50.00</span>');
Replace the text with your ad text keeping the html tags in tact if you want the ad to have the same styles as the one in the demo.
Save the file.
To Un-Install the Template:
If you wish to un-install the template, just remove all files in this template package. You can find a list of the files in the "Files Included in this Package" section.
To remove the database changes for the Optional Column Layout Grid Module:
Log in to your zen cart admin.
Go to Tools -> Install SQL Patches
Paste this in the box and click on the "Send" button.
delete from configuration where configuration_key in('PRODUCT_LISTING_LAYOUT_STYLE','PRODUCT_LISTING_COLUMNS_PER_ROW');
DELETE FROM configuration WHERE configuration_group_id=25 AND configuration_title='Define About Us Status';
Files Included in this Package:
includes/extra_datafiles/about_us_filenames.php
includes/languages/newport_eco/english.php
includes/languages/english/newport_eco/aboutus.php
includes/languages/english/newport_eco/button_names.php
includes/languages/english/newport_eco/header.php
includes/languages/english/newport_eco/index.php
includes/languages/english/newport_eco/metatags.php
includes/languages/english/html_includes/newport_eco/define_about_us.php
includes/languages/english/html_includes/newport_eco/define_main_page.php
includes/languages/english/extra_definitions/newport_eco/headermenu.php
includes/languages/english/extra_definitions/newport_eco/about_us.php
includes/languages/english/extra_definitions/newport_eco/footer_menu_defines.php
includes/modules/sideboxes/currencies_header.php
includes/modules/sideboxes/languages_header.php
includes/modules/sideboxes/newport_eco/ezpages_drop_menu.php
includes/modules/sideboxes/newport_eco/information.php
includes/modules/sideboxes/newport_eco/more_information.php
includes/modules/pages/about_us/header_php.php
includes/modules/pages/index/jscript_easySlider.php
includes/modules/newport_eco/featured_products.php
includes/modules/newport_eco/new_products.php
includes/modules/newport_eco/product_listing.php
includes/modules/newport_eco/specials_index.php
includes/templates/newport_eco/template_info.php
includes/templates/newport_eco/common/tpl_footer.php
includes/templates/newport_eco/common/tpl_header.php
includes/templates/newport_eco/common/html_header.php
includes/templates/newport_eco/common/tpl_footer_menu.php
includes/templates/newport_eco/common/tpl_mega_menu.php
includes/templates/newport_eco/common/tpl_columnar_display.php
includes/templates/newport_eco/common/tpl_home_slider.php
includes/templates/newport_eco/common/tpl_main_page.php
includes/templates/newport_eco/sideboxes/tpl_best_sellers.php
includes/templates/newport_eco/sideboxes/tpl_search_header.php
includes/templates/newport_eco/sideboxes/tpl_categories.php
includes/templates/newport_eco/sideboxes/tpl_currencies_header.php
includes/templates/newport_eco/sideboxes/tpl_document_categories.php
includes/templates/newport_eco/sideboxes/tpl_ezpages.php
includes/templates/newport_eco/sideboxes/tpl_information.php
includes/templates/newport_eco/sideboxes/tpl_languages_header.php
includes/templates/newport_eco/sideboxes/tpl_more_information.php
includes/templates/newport_eco/templates/tpl_about_us_default.php
includes/templates/newport_eco/templates/tpl_ezpages_footer_menu.php
includes/templates/newport_eco/templates/tpl_modules_attributes.php
includes/templates/newport_eco/templates/tpl_product_info_display.php
includes/templates/newport_eco/templates/tpl_modules_featured_products.php
includes/templates/newport_eco/templates/tpl_modules_product_listing.php
includes/templates/newport_eco/templates/tpl_modules_specials_default.php
includes/templates/newport_eco/templates/tpl_modules_whats_new.php
includes/templates/newport_eco/templates/tpl_products_next_previous.php
includes/templates/newport_eco/css/CSS_read_me.txt
includes/templates/newport_eco/css/print_stylesheet.css
includes/templates/newport_eco/css/stylesheet.css
includes/templates/newport_eco/css/stylesheet_css_buttons.css
includes/templates/newport_eco/css/stylesheet_betterCategoriesEzInfo.css
includes/templates/newport_eco/css/stylesheet_dotline.css
includes/templates/newport_eco/css/stylesheet_footer_menu.css
includes/templates/newport_eco/jscript/jscript_jquery_1-4-4.js
includes/templates/newport_eco/jscript/css_browser_selector.js
Update History:
License:
The Newport Eco 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.
Bug Reports:
Download Our Other Free Zen Cart Templates:
