Featured product image with responsive sizing, lazy loading, and customisable aspect ratios.
The Product Image widget displays the main product image on the Product Details page. It reads the primary image set against the product in Goose → Products → Product Images → Main Image and applies styling and effects configured in Elementor.
| Setting | Description | Default |
|---|---|---|
| Image Size | The registered image size to output: Full, Large, Medium, Thumbnail | Large |
| Image Fit | How the image fills its container: Contain, Cover, Fill | Cover |
| Border Radius | Rounded corners on the image | 0px |
| Show Placeholder | Display a placeholder image when no product image is set | Enabled |
| Lightbox | Open the full-size image in a lightbox on click | Disabled |
| Aspect Ratio | Lock the image container to a fixed aspect ratio | None |
Place the Product Image widget in the left column of your Product Details page layout alongside the product information column on the right. Enable Lightbox for products where customers benefit from examining high-resolution images, such as jewellery or detailed prints.
