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.
