Product Image

The Responsive Addons for Elementor Product Images widget allows you to create visually captivating product presentations within your WooCommerce store. This user-friendly tool simplifies displaying product images and offers features to enhance your product pages.

How to Add the Product Images Widget? #

• Go to WordPress Dashboard > Pages > Add New Page. 

• Click the Edit with Elementor button to add the Product Price widget.

• Search by Product Image and use the widget that has the RAE Badge.

• Drag and drop the RAE Product Image widget onto your product page.

How to Customize the Product Price Widget? #

Under the Style tab, you get the following settings:

Sale Flash #

Enable/Disable: You can choose to display a “Sale” flash badge over product images that are currently on sale in your WooCommerce store. This helps grab user attention and highlight discounted products.

• Border Type: Customize the type of border displayed around your product images. Choose from solid, dotted, double, dashed, groove lines, or none at all.
• Border Radius: Adjust the radius of the image corners. A higher radius creates rounded corners, while a lower radius creates sharper edges.
• Spacing: Control the amount of space around the product images.

Thumbnails #

• Border Type: Similar to image borders, you can define the type of border displayed around thumbnails.
• Border Radius: Control the curvature of thumbnail image corners.
• Spacing: Adjust the space between thumbnails within the grid or carousel layout.