Woocommerce Product Grid
PRO

WooCommerce Product Grid Widget for Elementor

Easily showcase your WooCommerce products on any page built with Elementor with the WooCommerce Product Grid widget. Customize the design and display of your products using a dynamic grid layout with a wide range of flexible post query options and AJAX filters.

Why Should You Use the WooCommerce Product Grid Widget?

Engage Customers with a Dynamic Product Showcase

The WooCommerce Product Grid widget allows you to dynamically display your newest products, bestselling items, recently viewed products, featured items, or any other product type in a beautiful grid layout that keeps customers interested and engaged in your store.

Robust Synchronization With Post Widgets Data

A visually appealing product grid can improve product sales. The WooCommerce Product Grid widget helps you create an engaging shopping experience that encourages customers to browse your catalog, discover new products, and purchase through an attractive product grid.

Improve the Navigation and User Experience

Your customers deserve a seamless shopping experience. The Product Grid widget combined with AJAX filters will allow customers to filter and sort products by category, brand, price, and more to find what they need quickly. Enhance the user experience and engagement considerably.

Product Query

Make it easier for customers to find what they’re looking for by creating advanced product queries.

Custom Products Query
Select a list of products generated from advanced dynamic rules.
Current Products Query
Create an archive page or shop page based on the link the user is viewing.
Related Products Query
Display a selection of products that are related or relevant to the currently viewed product.
Manual Products Selection
Choose the specific products you want to show in the grid by name.

Snowboards Gear & More

We gather all the best quality gear under one place.

All
Snowboards
Snow Boots
Snow Goggles
1 2 3 4
Widgets used in the section above: Tabs Filter, WooCommerce Product Grid, Post Pagination

WooCommerce Gird Layout Styles

Layouts can help you customize the appearance of your online store and make it more distinctive. You can use them to manage the style of your product grid items.

Winery Section

Celebration of tastes just waiting for you to choose.

All
Red WIne
Rose Wine
White Wine
Loading...
1 2 3 4 5

Add a Dynamic Popup in an Easy 2 Step Process

Dynamically create a popup to add a quick view of the product without leaving the page. Use an Elementor single product template to create the layout of the dynamic popup.

1

Set Product Link

Choose to open a dynamic popup from the product button settings.

2

Configure Popup

Add the dynamic post popup widget to the page and select the single product template you want to open.

selfcare never been better

With hundredrs of products | make your selfcare fun and easy.

All
Perfumes
Cosmetics
Face Cream
Hand cream
1 2 3 10
Widgets used in the section above: Tabs Filter, WooCommerce Product Grid, Post Pagination

WooCommerce Grid Filters & Tools

Enhance the functionality of your product grid by utilizing advanced filters and tools. Our flexible filter addons solution allows you to easily create elaborate layouts and have complete control over your website.

Air Jorden Shoes

1 2 3 4
Widgets used in the section above: Checkboxes Filter, WooCommerce Product Grid, Post Pagination

Multi-Level Filters

Our advanced grid layouts allow you to add multi-level filters that make it easier for customers to narrow down their search results and find the product they’re looking for quickly. Use categories and subcategories with parent and child roles to create a more powerful filtering system. 

fashion addiction

Simple, Clean and Beautiful,

We bring you the latest hits from around the world.

All
Men
Women
Coats
Jeans
Shirts
Shoes
Coats
Jeans
Shirts
Shoes
1 2 3 36
Widgets used in the section above: Tabs Filter, WooCommerce Product Grid, Post Pagination

Full Control Over Styling Options

You can adjust the colors and fonts of the widget using the Elementor live page builder interface to match your website’s overall look and feel. With the WooCommerce Product Grid widget, you can modify every element to seamlessly integrate with your website design.

extreme sports

Clear Selection
1 2 3 19
Loading...

WooCommerce Product Grid Buttons

The WooCommerce Product Grids offers different options to add call to action buttons to the grid items. You can add a link to view the product on a separate page or open a dynamic popup to see a quick view. Also, there’s an “Add to Cart” button to quickly add the product to your cart directly from the grid. Furthermore, the Quantity Increment Buttons is a unique feature that enables customers to easily increase or reduce the number of items they want to buy with a simple click directly from the grid. 

What Makes The WooCommerce Product Grid Widget Special?

Pre-built Layouts

Save valuable time with our collection of pre-built layouts designed to easily display your WooCommerce products. These layouts come with additional controls that allow you to customize the design of your grid layout, giving you complete flexibility.

Advanced Product Query

Take control of your product display with the ability to showcase specific WooCommerce products based on dynamic rules. Build your criteria to include or exclude products from the grid based on sale availability, stock status, upsells, recently viewed items, and much more.

Product Sale Labels

Capture attention and highlight special offers or limited-time discounts by quickly adding labels such as “Sale” on products. Whether you're running a sale campaign or want to showcase exclusive deals, labels ensure your products stand out and drive sales.

Add Dynamic Popups

Enhance your product grid with Dynamic Popus. Add a quick view of your products to allow users to easily browse your products without leaving the page. Design the dynamic popup by creating a single product template.

Quantity Increment Buttons

Unlike some other post grid plugins, the Post Grid Widget fully supports custom post types. Whether you're showcasing blog posts, portfolio items, products, events, or any other custom content.

Customization Options

With intuitive controls and a user-friendly interface, customizing the design of the product grid is easy. Quickly tailor the styling to align with your brand's aesthetics easily and effortlessly to create amazing WooCommerce product grids.

Fitness & Sports

Show More

Frequently Asked Questions

What is the WooCommerce Product Grid widget?

The WooCommerce Product Grid widget is a powerful Elementor widget that allows you to present your product catalog in a visually appealing grid layout on your WooCommerce store. It enables you to showcase your products in a customizable and user-friendly way.

Can I showcase specific products based on dynamic rules using the WooCommerce Product Grid widget?

The WooCommerce Product Grid widget is a powerful Elementor widget that allows you to present your product catalog in a visually appealing grid layout on your WooCommerce store. It enables you to showcase your products in a customizable and user-friendly way.

Can I add labels such as “Sale or out of stock” to highlight certain products?

You can easily add labels to your products using the WooCommerce Product Grid widget. Whether running a sale, offering discounts, or promoting featured items, labels can be added to make the products stand out in a grid layout. This helps draw attention to special offers and incentivizes customers to explore and purchase those products. You can also add “Out of Stock” labels to prominently highlight products that are not in your inventory.

Can customers add products to their cart directly from the product grid?

Yes, the this widget allows you to add “Add To Cart” button with WooCommerce quantity increment buttons. Customers can make buying decisions easily by adding products to their cart and adjusting the quantity on the shop, product, and category pages. This streamlined process enhances user experience and increases the likelihood of sales.

What are some possible dynamic content uses with the WooCommerce Product Grid widget?

The WooCommerce Product Grid widget enables you to showcase dynamic content on product, archive and shop pages effortlessly. You can use it to display your latest products, related products, featured items, bestselling goods, or any specific selection of products you want to showcase in a grid layout to engage your visitors dynamically.

Can I control the order of the products in the grid using the WooCommerce Product Grid widget?

Absolutely! The WooCommerce Product Grid widget allows you to control the order in which your products appear in the grid. You can specify the sorting criteria, such as by date, title, price, or any other custom criteria, to organize your product display. You can also add a live sorting filter to allow site visitors to change the product order easily on the live shop page.

How do I create a product grid in WooCommerce?

You can easily create product grids with the WooCommerce Product Grid widget available in the Unlimited Elements plugin. With this widget, you get a lot of useful features to build a dynamic product grid with pagination, popups, custom layouts, customizable designs, filters, sorting, labels, load more buttons, quantity selectors buttons and much more.

Can I control the number of products (columns) in a row in my WooCommerce grid layout?

Yes, With the WooCommerce Product Grid widget, you have complete control over the layout of your product grid, allowing you to control how many products you would like to show in a row on WooCommerce shop pages. This feature is responsive, and you can individually set the number of items to be displayed in a row for desktop, tablet and mobile devices. Simply adjust the value of the “Items in column” within the widget “General” settings to specify the number of products in a row.

What sorting (ordering) options does the WooCommerce Product Grid have?
  1. Order by Product price 
  2. Order by Number of Product Sales
  3. Order by Product Rating
What kind of special product queries can I use in the WooCommerce Product Grid?
  1. Show products on sale
  2. Show cross-sell products
  3. Show out-of-stock products
  4. Show recently viewed products