Product Image – woocommerce/product-image
Display the main product image
Use the Product Image block in the All Products block to display the main product image.
Screenshot
Example
Notes
- The Product Image block can be used in the All Products – woocommerce/all-products block.
- Toggle the Link to Product Page.
- Toggle the Show On-Sale Badge.
How to add/edit nested blocks to the All Products block
- If not already done, add the All Products block to the page.
- Click on the Edit icon.
- Use the Add Block icon, displayed between blocks, to add a block.
- Choose from the list of blocks offered.
-
- On-Sale Badge – woocommerce/product-sale-badge
- Product Title – woocommerce/product-title
- Product Price – woocommerce/product-price
- Product Image – woocommerce/product-image
- Product Rating – woocommerce/product-rating
- Product Button – woocommerce/product-button
- Product Summary – woocommerce/product-summary
- If required, rearrange the blocks by using the move arrows or drag and drop.
- Don’t forget to click the Done button.
