Zen Cart Remove The Search Box From The Header

Zen cart is easily one of the best ecommerce platforms out there. One of the things that sets it apart from other online shopping cart programs is it’s wide range of native features and functionality. If you own, operate, or work with zen cart websites, you are probably familiar with the search box feature. Most often, this box is found in, or near the header area. It is a very useful feature which allows customers to search your store using certain keywords and/or phrases. It is a very convenient way for your customers to find what they are looking for more quickly, and can provide a smoother, more enjoyable shopping experience.

While the search box is a convenient feature for customers, there are a few reasons why you might want to remove it. For fans of a clean, uncluttered layout, the search box can be removed for design purposes. This is especially true when it comes to responsive design. Mobile devices like smartphones, tablets, etc. have very limited screen space, so removing the search box in the header can give you a lot more room to work with on these devices.

Whatever your reason for removing the search box, it is a pretty easy thing to do. The first step is to open your zen cart admin area. Go to the Tools menu, and navigate to the ‘Layout Boxes Controller’ screen. Once there, look around until you find the ‘search_header.php’ option. Select this, and you will see two options, which should both be set to ‘on’. All you need to do to disable the search box in the header is to set both of these to ‘off’. Save your changes, and take a look at your newly decluttered header area!

If you need help with your zen cart web site please contact us for a quote.

zen cart plus picaflor azul equals success

Zen Cart How to Change the Logo Alignment

There are many changes that you can make to your zen cart store. One thing you can do is change the position of the logo in the header. In zen cart, the logo is left aligned by default. If, for example, you wanted to change it to be right aligned, you would have to modify the includes/templates/CUSTOM/css/stylesheet.css file.

Open the file in your favorite plain text editor, and find this block of code:


#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {float: left;}

This is code is a collection of several ‘selectors’. You will want to change this code so that when you make your changes to the logo, they will not interfere with the layout of other sections. In order to do this, you must split this code into two separate statements and create a new selector/definition below it. Here is an example of this:


.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {float: left;}
#logo {float: left;}

To center the logo use text-align: center. Or, if you want to align it to the right use float: right;

After you have made your changes, save the file to includes/templates/CUSTOM/css/stylesheet.css and upload to your server.

If you need help with your zen cart web site please contact us for a quote.

At Picaflor Azul, we specialize in custom designed responsive zen carts to fit any business, and accommodate any budget. Contact us today about converting your current zen cart to a responsive design, or to have a fantastic new custom design custom tailored to fit your needs and preferences. Now that more and more people shop online from their mobile devices(smart phones, ipads, etc.), mobile friendly websites are more important than ever to convert customers, and increase sales. We can also offer you help with module installation, wordpress integration, or a full zen cart upgrade.

zen cart plus picaflor azul equals success

Zen Cart How To Remove The Logo

Zen Cart is highly customizable by nature. There are many changes that can be made to a zen cart website that can help give customers a sense of who and what you are as a business. The logo is considered to be one of the most important components of your brand. It is what customer usually notice first when they visit your site, and it plays a large part in defining their image of your online store. As such, it is generally a bad idea to remove your logo completely, but there are exceptions to every rule. This tutorial will tell you how to completely erase the logo from your zen cart store.

If you have decided that you do not want or need a logo, open your includes/templates/template_default/common/tpl_header.php file. Then find and comment out this line of code:


<div id="logo">
<?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?>
</div>

The modified code will look like this:


<!-- <div id="logo">
<?php // echo '>a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?>
</div> -->

Save the file to includes/templates/CUSTOM/common/ tpl_header.php and upload it to your server. If you decide you want a logo at any point in the future, all you have to do is find and uncomment this code.

If you need help with your zen cart web site please contact us for a quote.

At Picaflor Azul, we specialize in custom designed responsive zen carts to fit any business, and accommodate any budget. Contact us today about converting your current zen cart to a responsive design, or to have a fantastic new custom design custom tailored to fit your needs and preferences. Now that more and more people shop online from their mobile devices(smart phones, ipads, etc.), mobile friendly websites are more important than ever to convert customers, and increase sales. We can also offer you help with module installation, wordpress integration, or a full zen cart upgrade.

zen cart plus picaflor azul equals success

Zen Cart How to Change A Template’s Width

Customizing your Zen Cart is an important step to take when establishing your online presence. In creating a unique look for your online store, you are establishing your brand. Or, if you already have a brick and mortar business established, you can customize your template to reflect the brand that you have already created. One of the changes you may decide to make to your zen cart template is to change the width of the main template body. This is one of the easier changes that can be made, requiring a single edit to one line of code.

To implement your changes, open your stylesheet and find this code:


#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 100%;
vertical-align: top;
}

Simply adjust the width field as desired. You can use either pixels(px) or percentages when adjusting the width.

It should be noted that this tutorial works best with zen cart version 1.3.x, and is written with the assumption you have based your template file structure on the “template_default” system used by zen cart as a default.

If you need help with your zen cart web site please contact us for a quote.

At Picaflor Azul, we specialize in custom designed responsive zen carts to fit any business, and accommodate any budget. Contact us today about converting your current zen cart to a responsive design, or to have a fantastic new custom design custom tailored to fit your needs and preferences. Now that more and more people shop online from their mobile devices(smart phones, ipads, etc.), mobile friendly websites are more important than ever to convert customers, and increase sales. We can also offer you help with module installation, wordpress integration, or a full zen cart upgrade.

zen cart plus picaflor azul equals success

Zen Cart Template Files and How They Are Used

In Zen Cart, the template files are used to provide the structure and layout for most of the pages in your cart. They are the files that make use of the definitions from your LANGUAGE FILES. The template files are located in the includes/templates/template_default folder of your zen cart. There are three kinds of template files: common files, specific page files and sidebox files. You can tell a template file apart from any other file by the “tpl” prefix (i.e. tpl_filename.php.). Basically, the template files contain all the information needed to construct the pages used in your zen cart shop.

Common Template Files are located in the includes/templates/template_default/common directory. These are the files that are “common” to every page used in your Zen Cart, or, pages that show up no matter where customers navigate to. These files consist of the Main Page, the Header, the Footer and the Box files used for the sideboxes.

Page Specific Template Files are located in the includes/templates/template_default/templates directory. These files represent the pages of your cart and include the Index page, the Log in page and the Product Display pages.
You can change the layout of each page in your shop by editing these “page” files. Doing this is fairly easy since sections of the files are clearly marked by “” and ““.

The last kind of template files are the Sidebox Template Files, and they are located in the includes/templates/template_default/sideboxes folder. These files contain the instructions for placing content into the sideboxes you are using.

If you need help with your zen cart web site please contact us for a quote.

At Picaflor Azul, we specialize in custom designed responsive zen carts to fit any business, and accommodate any budget. Contact us today about converting your current zen cart to a responsive design, or to have a fantastic new custom design custom tailored to fit your needs and preferences.

zen cart plus picaflor azul equals success

Zen Cart How to Include the Manufacturers Logo on the Product Info Page

If your zen cart store carries products by many different manufacturers you will want to show their logo on the product info page. This type of instant brand recognition will increase your sales of these items. This Easy Help Zen Cart Tutorial will show you how to modify your zen cart php files to show the manufacturers logo on the product info pages.

In your favorite plain text editor open the includes/templates/override/templates/tpl_product_info_default.php file. If there is not an override already made for this file, copy the includes/templates/template_default/templates/tpl_product_info_default.php to the includes/templates/override/templates/tpl_product_info_default.php.

Locate the place in the file where you want your manufacturers logo to show and add this code:


<?php 
   if ($check_image = zen_get_products_manufacturers_image((int)$_GET['products_id'])) { 
     echo '<a class="manufacturer" href="' . zen_href_link(FILENAME_DEFAULT, 'manufacturers_id=' . $manufacturers_id) . '">' . zen_image(DIR_WS_IMAGES . $check_image) . '</a>' . "\n" ; 
   } else { 
     echo 'NO IMAGE'; 
   } 
  
 ?>

Next, open the includes/modules/pages/product_info/main_template_vars.php file. This is a zen cart main core file so be sure to back it up and make a note of your changes for future upgrades.

Find this:


$products_manufacturer = $manufacturers_name;  

On the next line add this:


$manufacturers_id = $product_info->fields['manufacturers_id'];  

Save your changes and upload the files to your server making sure that you overwrite the files already on your server. Navigate to a product info page in your zen cart and refresh your browser to see the manufacturer logo.

If you need help with your zen cart web site please contact us for a quote.

Picaflor Azul specializes in creating beautiful, modern zen cart designs customized to meet your specific business needs. Our NexGen E Commerce designs feature responsive designs which have layouts optimized for desktops, laptops, portrait and landscape tablets, and portrait and landscape phones. A responsive design will increase your sales and conversion rates from customers who are shopping your site using their mobile devices. Read our zen cart articles to find out how our responsive designs can benefit your business.

zen cart plus picaflor azul equals success

Zen Cart How to Add per Page CSS Rules for EZ Pages

Zen Cart EZ pages are a great way to add additional content to your online store. You can add sizing charts, policies, articles, product guides, etc. EZ pages are different than the other zen cart pages as there is no native way to add page specific CSS rules. This Easy Help Zen Cart Tutorial will show you how to add some custom php code to your zen cart files that adds a unique page ID to each EZ page, letting you specify page specific CSS rules.

In your favorite plain text editor open the includes/templates/override/templates/tpl_page_default.php. If there is not already an override for this file you can create one by copying the includes/templates/template_default/templates/tpl_page_default.php to the includes/templates/override/templates/tpl_page_default.php.

Find this near the top of the page:


<div class="centerColumn" id="ezPageDefault">

Change it to this:


<div class="centerColumn ez<?php echo $_GET['id']; ?>" id="ezPageDefault">

This will give you a class ez10 (or what ever the ez page id is) in the main wrapper div of the page. You can use this class to isolate any styles that you want to change on the page.

If you need help with your zen cart web siteplease contact us for a quote.

Picaflor Azul specializes in responsive zen cart design. Contact us to convert your current zen cart to a responsive design, or to have a fantastic new custom design made just for your business. Start increasing your sales today by optimizing your site for viewing on desktops, laptops, landscape and portrait tablets, and portrait and landscape phones. More and more shoppers are using their mobile devices to purchase from the internet. To get a good idea of how much traffic you are already getting from mobile devices, check your google analytics. How high is your bounce rate for customers viewing on mobile devices? Stop losing sales today.

zen cart plus picaflor azul equals success

Zen Cart Templates: Product Links in Account History

The account history page in zen cart is an important page for your customers. It allows them to log into their account and check the status of their orders, view tracking information (if you have this add on functionality installed), view their order history, etc. By default, the product names shown on the account history page are not linked. To encourage customers to leave reviews and to make it easier for them to find products that they have purchased that need reviews, you can customize the account history page of your zen cart template make the product names linked to their product info pages.

In your favorite plain text editor, open the includes/templates/your-template-override/templates/tpl_account_history_default.php file. If this file is not already in your template override directory, create an override for it by copying the includes/templates/template_default/templates/tpl_account_history_default.php to includes/templates/your-template-override/templates/tpl_account_history_default.php.

Find this code:


<td class="accountProductDisplay"><?php echo $order->products[$i]['name'];
if ( (isset($order->products[$i]['attributes'])) && (sizeof($order->products[$i]['attributes']) > 0) ) {

and change it to this:


<?php
// bof: add Product Link to Order History
$products_link = '<a href="' . zen_href_link(zen_get_info_page($order->products[$i]['id']), 'cPath=' . zen_get_generated_category_path_rev(zen_get_products_category_id($order->products[$i]['id'])) . '&products_id=' . $order->products[$i]['id']) . '">' . $order->products[$i]['name'] . '</a>';
?>
<td class="accountProductDisplay"><?php echo $products_link;
// eof: add Product Link to Order History

if ( (isset($order->products[$i]['attributes'])) && (sizeof($order->products[$i]['attributes']) > 0) ) {

Now customers can click through to the product info pages of products directly when they view their order history. This will make leaving product reviews easier and faster.

Zen Cart Templates: How to Customize the Down for Maintenance Page

The default zen cart “Down for Maintenance” page is very generic and may not make the best impression on your customers. With just a little effort, the text and image on this page can be customized to match your zen cart templates. This will look a lot more professional and give your customers the confidence to come back and complete their transaction once your site is back up live again. This zen cart templates tutorial will show you how to customize the down for maintenance page text and image to match your store design.

To complete this tutorial you will need to know how to use a ftp program (filezilla is our favorite), how to use a plain text editor (Notepad++ is our favorite), and how to edit a php file.

zen cart templates

Zen Cart Templates Tutorial: How to Customize the Text and Image on the Down for Maintenance Page

1. In your favorite plain text editor open the includes/langages/english/override/down_for_maintenance.php. This is a php file and must be edited in a plain text editor. If you open this file using an html or wysiwyg editor, it will break the php code and when you upload the file back to your server it will break your zen cart site.

2. This file contains the definitions for all of the Down for Maintenance page text. You can change the navigation bar title, the heading title, the down for maintenance text message, the text for when maintenance will be turned on, the maintenance period, and the verify site status text.

Make your changes to the file but be sure that you keep all of the single quotes in tact. If you need to use an apostrophe or single quote in your text, be sure to escape it or else it will cause a blank page when you copy the file back to your server.

Save the file and upload it to the includes/langages/english/override directory on your server. Be sure to select “overwrite” so that the new file overwrites the one already on your server.

3. To customize the image shown on this page, create your image in your favorite image editing program, name it down_for_maintenance.gif and upload it to the includes/templates/override/images directory on your server.

4. Navigate to your zen cart home page in your browser and click on the “refresh” button.

zen cart templates

If you need help with your zen cart project, or need a quote for a customization that is beyond your skill level, contact us for a quote.

zen cart customization

Zen Cart Templates: How to Hide Page Elements and Prices in Maintenance Mode

When you are working on your zen cart site and have it set to “true” for maintenance mode, you can hide various page elements. This may be helpful if you are working on these specific page areas. They will be hidden to the public while you are working. You can hide the header, footer, left column, right column, and prices. For example, if you are working on updating product prices, you might want to hide prices sitewide from the public until your changes are complete. Or, you might want to make changes or customizations to your site footer but don’t want the site live and the public ready to view your changes as you work. This zen cart templates tutorial will show you how to hide various page elements and/or prices while your store is in maintenance mode.

This is a basic zen cart tutorial and does not require any special skills, tools, or knowledge. You will need to know your zen cart admin url, username, and password to log in.

Zen Cart Templates Tutorial: How to Hide Page Elements and/or Prices While Your Store is in Maintenance Mode

1. Log into your zen cart admin and navigate to Admin–Configuration–Website Maintenance

zen cart templates

2. You will see options for “Down for Maintenance: Hide Header”, “Down for Maintenance: Hide Column Left”, “Down for Maintenance: Hide Column Right”, “Down for Maintenance: Hide Footer”, “Down for Maintenance: Hide Prices”.

Click on the option that you want, select “true”, and click on the “update” button.

zen cart templates

3. Navigate to your zen cart home page in your browser and click on the “refresh” button.

If you need help with your zen cart project, or need a quote for a customization that is beyond your skill level, contact us for a quote.

zen cart customization