In this section, you can configure your images according to your functionality.
- Image Width: In this section, you can mention the width of the image you would like to display on the front end [Keep it as low as possible to increase load time.]
- Has to consider the parent image for variants: In this section, if you enable the option to “Yes,” the main image will remain the same for all the variants, even if separate variant images are already set.
- Hover Image Position: In this section, you can set the image position number that will render next on hover. For example, if the position is set to 3, then when the user hovers over the main image, the next image displayed will be the one set at position 3, skipping the image set at position 2.
- Has Variant Hover image in Chronological Order?: If you want to replace the hover image set after the main image, then set this option to “Yes”; otherwise, set it to “No.”
[Refer to the following image for a better understanding]
