Due to the Good Friday holiday, many of our employees are taking time off to be with their friends and family.
Please allow for a slower than normal response time. If you have a site issue that needs immediate attention, please submit a site down ticket as these always get priority.

Advanced Product Image Display

Modified on Fri, 30 Oct 2020 at 05:32 PM

AIMsiStorefront inlcudes support for the Advanced Product Image Display add-on. This display allows customers to zoom in on your product image within the frame of the image, eliminating the 'pop up' style image that shows when you click "view larger image" on our standard product display packages. You can try this out on our demo store here: http://superstore.vortx.com/p-40-razor-kick-scooter-a3.aspx


If you'd like to enable this for your store you can do so in one of two ways:


Simple


This is the easiest way to get going with the add-on. Your product layout will change as a result of this installation - if instead you'd like to merge this add-on with your existing layout please see the 'Advanced' method below.


  •  Use an FTP client to connect to your store (more info)
  •  Open the folder wwwroot/Skins/{YourSkinFolder}/CSS and Upload the file ( imageViewer.css ) CHECK WITH OUR HELP DESK.
  •  Open the file wwwroot/Skins/{YourSkinFolder}/Views/Shared/_Head.cshtml in a text editor like Notepad++. Link to the image viewer css file by adding: Url.AppRelativeSkinUrl("css/imageViewer.css"), to the css/bundled group (don't forget the comma at the end).
  •  Log in to the admin console of your site, and navigate to Products > Manage Products. Select a product, then choose Advanced Product Image Display from the Page Display dropdown, then Save and Close the product.
  •  Look at the product page on the front end to see it in action.


Advanced

If you'd like to merge this add-on in with your existing product page layout, you can do so following the instructions on our manual here.

You'll need to know your way around HTML or XSLT or have a developer help you with this method. If you don't have a developer and you'd like to get some help, please send us a ticket and we can help to connect you with someone to assist.


Once the add-on is set up on your store, you can adjust your configuration options and learn how to setup your product images here.



Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article