Home > Add-Ons > Advanced Product Image Display
Advanced Product Image Display
This installation package contains a Web directory that contains all of the files necessary to install this package. Please note that it is always a good idea to make a backup of your website before deploying files to your website.
To install the Advanced Product Image Display, follow these directions:
All of the alternate views and color images need to have the same height and width dimensions.
The multi-image manager grid needs to be complete. See the examples below.
It's best to put the same image in the first view slot as you put for the default image.
It is also possible to setup your product page to display variant images rather than product images. To do this, change the Setting: ImageViewer.UseVariantImages to Yes. Variant images do not support multiple views so they are easier to setup. Simply upload Large, Medium, and Icon images to each of your variants and each will be represented on the product page by its image.
The installation package for the Advanced Product Image Display comes with a product XmlPackage that already includes the
feature. If you already have a custom XmlPackage that you would like to add the
Advanced Product Image Display to, you can follow the instructions below to help you through this process. Please note that this process is much more advanced than the initial installation process and you may want to enlist the help of an AspDotNetStorefront developer if you are unfamiliar with XmlPackages.
aspdnsf:LookupProductImage(ProductID, ImageFilenameOverride, SKU, 'medium', 1, $AltText)
aspdnsf:XmlPackage('vortxmultiimage.xml.config', concat('productid=', ProductID))
"aspdnsf:AddtoCartForm(ProductID, VariantID, 1)"
"aspdnsf:XmlPackage('vortxmultiimage.xml.config', concat('productid=', ProductID, '&widgettodisplay=coloricons' ))"