Zen Cart Add Logo To Invoices From Admin

In this Zen Cart tutorial, you will learn how to add your logo to invoices, packing slips, etc. quickly and easily from your zen cart admin. The image we will use for this purpose is found in the directory admin/images/logo.gif. This is the version of your logo that is generally used in your Admin pages, and in admin output. If your logo is named something different, you have two options. You can either rename your logo to logo.gif, which is recommended, as it is less work, and there is less room for mistakes. In this case, simply upload your version of the logo.gif image to the correct folder on your server, and it will overwrite the old one.

The other option is to delete the logo.gif image, and replace it with your image. If you want to do this, you will have to edit this block of code from the admin/includes/languages/english.php file:


// added defines for header alt and text
define('HEADER_ALT_TEXT', 'Admin Powered by Zen Cart :: The Art of E-Commerce');
define('HEADER_LOGO_WIDTH', '200');
define('HEADER_LOGO_HEIGHT', '70');
define('HEADER_LOGO_IMAGE', 'YOUR_LOGO_NAME.EXT');

Replace the logo image name with your image name, then save your work and upload the file to your server to put the changes into effect.

It is also good to note that If you have changed the size of your logo, the invoice and packing slip functions native to zen cart will not automatically take this into account. To remedy this issue, you will need to edit two files, admin/invoice.php and admin/packingslip.php. Both of these files contain this line of code:


 

Find it in both files, and change it to this:


 

Save your changes, and upload the file to your server.

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 Why Are My Product Titles Showing Twice?

In Zen Cart, product pages are among the most important on your entire ecommerce site. It is critical that these pages look good, and function properly, because this is where customers will make the decision to purchase an item, or not. As with the rest of your zen cart site, there are many, many ways to break these pages, or cause them to display bugs and glitches. In this tutorial, we will take a look at a very specific problem which can be encountered on this page. Namely, a slight bug whereby the product name shows twice, in different places on the page.

In this scenario, let’s say you are viewing a product info page on your website. You would see the product title at the top of the page, where it is supposed to be, but it would also display in place of the product image thumbnail.

The cause behind this glitch is actually very simple. In Zen Cart, many images include an ALT tag in the html which calls them. Most often, this ALT tag is just the product name, or maybe a few relevant keywords. When the images being called are not found in your zen cart directories, the ALT text will show alone in place of the image. This can make it look like the product name is duplicating itself on the page.

Just as the reason for this glitch is simple, so is the solution. All you need to do is find the name of the missing image which is being called, and create an image using that name. Save this image to the appropriate folder in your zen cart, and reload the page to see the new image!

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

When you first install Zen Cart, one of the first changes you will want to make is to change the ‘powered by zen cart’ logo in the header to your businesses logo. In this Easy Help Zen Cart tutorial, you will learn how to swap the images. By default, Zen Cart calls this image logo.gif, but you can change that to whatever you like.

Use an image editor to create your new logo, and then save it to includes/templates/CUSTOM/images/your_image_name.??? and upload it to your server.

After creating your logo, you can adjust it’s height, width and name in your includes/languages/ENGLISH/header.php file. If you want to do this, find this code:


define('HEADER_ALT_TEXT', 'Powered by Zen Cart :: The Art of E-Commerce');
define('HEADER_LOGO_WIDTH', '192px');
define('HEADER_LOGO_HEIGHT', '64px');
define('HEADER_LOGO_IMAGE', 'logo.gif');

Change the information in this block of code to the new height, width, and name of the image you are using as your logo.

Save the file, and upload it to your server. You should now see your image in the place of the ‘powered by zen cart’ image that is set to show by 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 Where to Find Your Images

Customizing your zen cart template is an important step in branding online presence. You will want to go through each page of the site and replace default product images, icons, etc. with your own branded images. Before you can do this, you need to have at least a basic understanding of the structure of your zen cart. This Easy Help Zen Cart Tutorial shows you which directories in your zen cart contain the images for your store.

The images for your products can be found in the /images folder of your zen cart.

The language flags are located in the /includes/languages/ENGLISH/images folder of your zen cart.

You can find your header_bg.jpg, logo.gif and other similar images in the /includes/templates/CUSTOM/buttons/ENGLISH directory.

Additional, or miscellaneous images used by your cart can be found in the /includes/templates/CUSTOM/images/icons folder.

Another thing to take note of is that if your template is calling an image from the /includes/templates/CUSTOM/images folder, and if the image is not present in the directory, zen cart will default to the version of the image found in the /includes/templates/template_default/images folder.

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 today, or to have a fantastic new custom design custom tailored to fit your needs and preferences. We can also offer quotes for module installation, or an upgrade of your zen cart to the latest version. Every new version of zen cart offers new bug fixes and security updates that are vital to keeping your site safe and working properly.

zen cart plus picaflor azul equals success

Change the Size of Your Main Product Image on the Product Info Page


[tube]0W_7AYrzUzA[/tube]

The most important part of your product info page is the product image. Many shoppers skip the text description altogether and will purchase an item solely based on the product image. There is a lot of flexibility with image sizes controllable via the zen cart admin. This step by step tutorial will show you how to change the size of your main product image on your product info pages.

This tutorial features the Aberdeen Neutral free zen cart template by Picaflor Azul. If you like it and would like to use it on your zen cart store, you can download it for free here.

The perfect product image size is something big enough to engage your customer and entice them to click on the “click to enlarge” link, but not so big that it interferer’s with your site’s performance.

Log into your zen cart admin and go to Configuration -> Images.

Click on “Product Info – Image Width”, set the number (in pixels) product image, and click on the “update” button.

Follow the same procedure to adjust the “Product Info – Image Height”.

If you need help customizing your zen cart web site, or would like a great custom design, please contact us for a quote.

equation

Why Are My Images Distorted/Fuzzy/Squished?


[tube]3lbL9N2z8ec[/tube]

Question: Why are my images distorted/fuzzy/squished?

Answer: Your images are distorted because the image sizes in your zen cart are set to fixed dimensions, both height and width. If your images are not the same aspect ratio they will appear distorted.

To fix this problem, log into your zen cart admin and go to Configuration -> Images.

Select “Calculate Image Size”.

Click on “true” and click on the “update” button.

Select “Image – Use Proportional Images on Products and Categories”.

Click on “1” and click on the “update” button.

If you need help customizing your zen cart web site, or would like a great custom design, please contact us for a quote.

equation

Zen Cart Why Do I See Another Product’s Images On My Product Pages?

Question: On my product pages, I’m seeing images from other products showing under my product description. Why is this happening?

Answer: The additional images feature in zen cart is causing this. To solve this problem you can either:

If you need help customizing your zen cart web site, or would like a great custom design, please contact us for a quote.

equation

Zen Cart How To Turn Off Additional Images


[tube]c8SFYB_dg9s[/tube]

The additional images feature in zen cart is great, but if you only have one image per product, you may want to turn off this functionality. This step by step tutorial will show you how to turn off the additional images on your product pages in zen cart.

Log into your zen cart admin and to to Catalog->Product Types.

Select “Product – General” and click on the “edit layout” button.

Select “Show Product Additional Images”, select “false” from the drop down menu and click on the “update” button.

If you need help customizing your zen cart web site, or would like a great custom design, please contact us for a quote.

equation

Zen Cart How To Add Multiple Images to a Product

A picture is worth a thousand words. Multiple product images make for good customer conversion. This step by step tutorial will show you how to add more than one image to your zen cart products.

Take this example:

You list a product. If you do not know how to do this see this tutorial.

When you listed this product you selected from the drop down menu the directory images/womens to upload the product image dress.jpg. **Important: When you name a product image you should never use capital letters, spaces, or special symbols.**

In order for your additional images to show on the product page, they must be named correctly. For dress.jpg the additional images would be:

dress_01.jpg

dress_2.jpg

dress_03.jpg

dress_04.jpg

dress_05.jpg

Please note that the names are using an underscore _ and not a dash – .

Use your FTP program to upload these additional images to the same directory as the main image. In this case the directory is images/womens.

The images will load in the order of the numbers you use to name the images.

Continuing with the example, the large product images would be named (these are the images that will be in the popup window when customers click on the “click to enlarge” link under the main product image):

dress_01_LRG.jpg

dress_2_LRG.jpg

dress_03_LRG.jpg

dress_04_LRG.jpg

dress_05_LRG.jpg

The large images would be uploaded to images/large/womens

The medium image (this is the main image used on the product info page) would be uploaded to the directory images/mediumwomens:

dress_MED.jpg

NOTE: There is ONLY ONE Medium Image used per Product on the Product Info page: (pages named product_info, product_music_info etc.) The naming is related directly to the original image.

You do not need to use sub directories for your images. They can all be uploaded to:

images

images/large

images/medium

BUT, your site will be much more organized and easier to maintain if you do use sub directories. It will make deleting old images that are no longer being used a lot easier.

If you need help customizing your zen cart web site, or would like a great custom design, please contact us for a quote.

equation