• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
WooCommerce a2z

WooCommerce a2z

WooCommerce

  • Home
  • Plugins
  • Blocks
  • Shortcodes
  • APIs
  • Classes
  • Files
  • Hooks
  • Sitemap
  • Blog
Home / Blocks / 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

Please set featured image

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 Button – woocommerce/product-button
    • Product Price – woocommerce/product-price
    • Product Rating – woocommerce/product-rating
    • Product Summary – woocommerce/product-summary
    • Product Title – woocommerce/product-title
  • If required, rearrange the blocks by using the move arrows or drag and drop.
  • Don’t forget to click the Done button.

Published: 9th June 2020 | Last updated: 11th June 2020

Footer

WooCommerce a2z
WooCommerce a2z
WooCommerce
WordPress 5.6.2
WordPress a2z
WordPress core a2z
Genesis Theme Framework a2z
Jetpack a2z
WordPress develop tests
Easy Digital Downloads a2z
WooCommerce a2z
Yoast SEO a2z
WordPress Blocks

Site:  woocommerce.wp-a2z.org
© Copyright WooCommerce a2z 2014-2021. All rights reserved.


Website designed and developed by Herb Miller
Proudly powered by WordPress and oik plugins

  • Home
  • Blog
  • Sitemap
  • Sites