Tuesday, December 24, 2013

How to manage product images in ZenCart

ZenCart product images format


Zen Cart displays images in 3 formats for each product:


Small - Thumbnail images displayed on the home page and product listing pages.
Medium – Displayed on the individual Product Info page.
Large – Your normal image which is accessed by clicking the ‘larger image’ link on the Product Info page.


The image is uploaded when you create a new product or edit an existing one. Open Admin > Catalog > Categories/Products > select your category > click “new product”


The image will be uploaded into the “Main Directory” by default, which is actually “images” directory on your server. For better management, you can create different folders on your server for different categories. Just use FTP to create new subfolders inside the /images/ folder. After that you will be able to select that folder in the dropdown list “Upload to Directory”


manage_product_images


 


Configuring image display format


If you think the default thumbnail or the medium images are too small, you can change the sizes in your admin panel Admin > Configuration > Images


Options available to change the thumbnail size:


  • 1. Small Image Width

  • 2. Small Image Height

  • 3. Product Listing Width

  • 4. Product Listing Height

  • 5. Product New Listing Width

  • 6. Product New Listing Height

  • 7. New Products Width

  • 8. New Products Height

  • 9. Featured Products Width

  • 10. Featured Products Height

  • 11. Product All Listing Width

  • 12. Product All Listing Height

IMPORTANT: All width values and all the height values must be same. Specifically: 1,3,5,7,9 and 11 must be same. And, 2,4,6,8,10 and 12 must be same.


To change the medium image (on the Product Info page) edit the following options:

1. Product Info – Image Width

2. Product Info – Image Height


For full specifications about Admin -> Configuration -> Images options, you may visit official Zen Cart wiki



How to manage product images in ZenCart

No comments:

Post a Comment