Image Rollover Effect is used to show a second product image (if available) on the hover of a product thumbnail on the search landing page.
This feature is available as part of Growth and the above plans.
How to enable the Image Rollover Effect?
- Please make sure that a second product image is added to your product catalog
- Firstly, go to BigCommerce Admin → Apps → Klevu Search → Settings → LEGACY ROLLOVER IMAGE and set this to Yes.
- Perform the On-demand synchronization. Go to BigCommerce Admin →Apps → Klevu Search → Go To Klevu Merchant Center → Catalog Sync → On-demand Sync → Sync Now
- Go to BigCommerce admin → Apps → Klevu Search
Go to Customizations → Color Swatches & Image Rollover
- Check the "Enable Image Rollover Effect" box
- Click on the Save button
- You are done. Image rollover effect will be visible on the store frontend in the next few mins.