The Product Image element shows the featured image of the WooCommerce product. You display the 2nd image on hover or the gallery images in the slider.

Activate The Element

At first, you will activate the Product Image element from your Dashboard -> Bricks -> BricksUltimate page. Under the Woo tab, you will get all WooCommerce-related elements. Select the Product Image element among them and save the settings. Now element is activated and ready to use.

Options

1. Thumbnail resolution – Setting the image size
2. Object Fit
3. Object Position
4. Link to post – The image will link to the product permalink.
5. Show gallery images – If you want to work with the gallery images, you should enable this option. Therefore, you can do the following actions:
   1. The 2nd Image of the gallery shows on hover
   2. Put the gallery slider
   3. Add the flip effect
6. Container Selector: When you are creating the card layout and want to change the featured image by hovering on the main container/div, you should enter the CSS selector(CSS Class name or ID) of your container here.