Shoppers want to see what they’re buying, and without the ability to explore and touch, making a sale requires great product images.
Good thing AspDotNetStorefront has useful image tools make it happen.
Why settle for a single image when you can add multiple views to a product? The Multi-Image Manager allows up to 10 pictures and if you have color attributes for the product then you can add an additional color image for each of the 10 pictures. For example, if you have 3 colors of a product and 10 product pictures, your customer can view up to 40 images for 1 product!
If you have color attributes you should consider using the Swatch Image and Image Map. The Swatch Image and Image map features create a strip of images based on a product’s color attributes and the pictures set in the Multi-Image Manager. The Image Map feature allows a customer to click on the color choice in the strip to show the color variation of the currently selected main photo.
When setting images for a product, there are many helpful AppConfigs available: LargeCreatesOthers and LargeOverwritesOthers , which are set to true by default. These allow creation of the Large images to be duplicated automatically in the Medium and Icon images.
MultiMakesMicros and UseImagesForMultiNav creates and uses Micro images for picture selection on the storefront instead of numbered icons.
To create a color swatch, set the AppConfig MultiColorMakesSwatchAndMap value to true, and be sure your variant Color attributes are set for the product. This will automatically create swatches from the images you add to the Large Multi-Image Manager in the first column.
View the online User’s Guide for more information on image related AppConfigs.
To add multiple images to a product, edit the product and in the Images tab, select the Large Multi-Image Manager link. This gives you a grid to enter your pictures. The first row and column slot is for the default main image. The secondary images are entered to the right of this, numbered 2-10. If you have Color attributes, these are set in the rows below the first row. Pictures entered in the Color rows will be displayed corresponding to the image at the top of the column. Some XML packages allow the drop-down color selection to automatically display the corresponding color image.
Also note that images are not only for products, as variants and entities such as Categories and Manufacturers can have pictures as well. These images are displayed depending on the Display Format XmlPackage or AppConfig settings used. Adding images to your Manufacturers is especially favorable, as clicking on the Manufacturer top menu will present them in a grid format, displaying the Icon image and linked name.