Swap product image on hover

Owned by Toan Nguyen
Last updated: Jul 18, 2019 by Melody Lu (Unlicensed)

Follow the below steps to setup: 

  1. Add thumb image to product item: 

    1. Go to [Ecomm]ProductItem content type and select product which you want to add "thumb hover image".

    2. Upload image for Thumb Hover field as below picture      

                      



    3. Click on Save / Public button

  2. Go to [Ecomm]ProductListWidget widget, select one which you want to active hover and then select Yes at radio button of Show Thumb Hover as below picture

             

  3. Add hover image change feature in related products

    1. Go to productdetail.html in the root page and edit the widget



    2. Select "YES" on Show Thumb Hover