Creating a WooCommerce Product Grid

This article will show you how to populate a Grid with WooCommerce Products and display WooCommerce Product Attributes

Contents

1. Populate a grid with WooCommerce Products

Create a new Grid or download a WooCommerce Grid from the Grid Template Library
Select Post-based Grid as Source and "Product" as Post Type. Then select the Product Category and Tags that you'd like to use.
Edit the Grid Skin using the Item Skin Editor
Select or insert a Layer and select "WooCommerce" as source and an "Element" that you'd like to display
  • Quick Tip:
    Refer to this article that explains more about the available WooCommerce Elements in Essential Grid.

2. Display WooCommerce Attributes on Grid Items

back to top
  • Quick Tip:
    Refer to this article that explains more about creating Product Attributes in WooCommerce
Insert the custom PHP code below into your theme functions.php file or with the Code Snippets Plugin

Edit the Grid Skin using the Item Skin Editor
Select or insert a new Layer and insert the shortcode below into a "Text/HTML" Layer