1. Home
  2. Docs
  3. Dynamic Content Elements
  4. WooCommerce Product Grid

WooCommerce Product Grid

WooCommerce Product Grid helps you create interactive product grids for your WooCommerce online store. You need to have WooCommerce installed on your WordPress website to use this plugin. 

From the Elementor side panel pick EA Product Grid and drop it into the builder interface.


Use the Filter by drop-down menu to pick a criterion to filter your products by. Similarly, use the drop-down menu to pick the number of columns you want the grid to have. You can have a maximum of 6 columns. From the Product Categories field, you can pick any category name to sort your products. The element will automatically fetch all your category names used on your WordPress website. At last use the simple toggle bar to show/hide ratings for your product.


Product Styles-Pick a content background color. It will be visible as the background for the area below the product image. You can also adjust the width, color and radius for the border if you choose to pick any.

Color and Typography-You can separately edit the Product line, title, price, ratings, and badge for the grid. Click on the little pencil icon to open the typography pop-up.

Add to Cart Button Styles-  You can adjust the color, border, and typography for both the normal and hover state of the button.

See how beautiful WooCommerce Product Grid you can build with Essential Addons.


Click to see Live Demo.

How can we help?