Knowledge Base

Search

  • Video block
  • Video Tutorials

  • Watch our easy-to-follow video tutorials for quick tips on designing and managing your store.
  • View Video Tutorials

Product Images

  • Adding Product Images With Magento Go, you can upload up to five images per product. You can also add multiple sizes and views of each product image to take advantage for the three methods of displaying product images: Thumbnail; Small Image; and Base Image.
  • Importing Product Images If you have many product images to upload, you can streamline the process by zipping the images into an archive file. The zipped archive can then be imported into your catalog in a single step.
  • Adding Images to the Thumbnail Gallery To add a new image to the gallery, follow the same process as for uploading the main product image. For best results, gallery image files should be the same size and proportion as the main product image.
  • Catalog Image Examples Both images in the following example were originally rectangular. The first is a jpg, and the second is a .png with a transparent alpha channel.
  • Changing the Size of Catalog Images The Catalog Images tool lets you override the default size and proportion of any image in your catalog layout by specifying the new size in pixels
  • Maintaining Image Aspect Ratio By default, the container that holds the product image is square. Therefore, you can take full advantage of the available space by making your product images square. However, regardless of their size or proportion, images are automatically resized to fit the width of the container.
  • Using Product Image Placeholders Magento Go uses temporary images as placeholders until the permanent product images are available. The initial placeholder image is the Magento logo, which you can replace with placeholder images of your own design.
  • Using Product Image Watermarks If you have gone to the expense of creating your own original product images, there is not much you can do to prevent unscrupulous competitors from stealing them with the click of a mouse. However, you can place a watermark on each image, to identify it as your property and make it a less attractive target.
  • Resizing Catalog Images Magento Go resizes the product images you upload according to the dimensions specified by the theme. As a best practice, you should standardize the size of your images to ensure that they appear at the highest possible resolution, and maintain the correct proportion.
  • Using the Thumbnail Gallery The thumbnail gallery gives you the ability to display up to five different images of a single product. The position of the gallery varies by theme, but it usually appears just below the main image on the Product Detail page.
  • Watermark Positions The watermark used in these examples was a 470 x 470 .png file with a black logo and transparent background. The opacity and size were later adjusted from the Admin panel. You can experiment with different watermark settings until you find the look you want.
  • Video: Working With Product Images With Magento Go you can upload up to five images per product and add multiple sizes and views of each product image. This video tutorial demonstrates how to work with product images.
  • Excluding Images From Thumbnails Magento Go provides the option to upload multiple images for a single product and place it in all product image sizes and locations or exclude them to specific sizes and locations.
  • Image Management and Uploading In Magento Go, you can create and manage the images that are used in your themes and content pages using the image management tool.
  • Managing Product Images The Images tab is used to upload and manage the display of images for the current product. You can upload multiple images for each product, and maintain different images for each store view.
  • Image Type and Size The following image types are used throughout the catalog, and you can choose which image you want to use for each. If you do not assign an image to each type, a placeholder image will be used instead.
  • Dynamic Media URLs Unlike an external link, a dynamic media URL is an internal relative reference to an image or other media asset that has been uploaded to the media storage library.
  • Shopping Cart Thumbnails The thumbnail images in the shopping cart give customers a quick overview of the items they are about to purchase. The thumbnail image for both grouped and configurable products can be set to display the image from either the parent or associated product.