Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

Sorting Filter - Featured Blog Image
How to add Sorting in Elementor
Scroll Text Animation - Featured Blog
How to add a Scroll Text Animation in Elementor
Post Carousel Slider - Featured Blog
How to Add a Post Carousel Slider for Elementor

Woo Product Grid Block for WordPress

Woo Product Grid Widget for Elementor
FREE

Woo Product Grid Block for WordPress

Documentation

The Woo Product Grid block displays products in a visually appealing way on your WordPress pages, with customizable layouts for a stunning WooCommerce product presentation. 

Buy Now
woo product grid widget

Advanced Woo Products Query

Make it easier for your online shoppers to find the products they’re looking for. Easily query and display products with advanced rules anywhere on your online shop website.

Custom Query

Present Woo products generated from advanced dynamic include and exclude rules.

Current Product Query

Create an archive page or shop page based on the link the user is viewing.

Related Products

Display a selection of products that are related or relevant to the currently viewed product.

Manual Products Selection

Choose the specific posts you want to show on the page by name.

woo grid settings

Layout & Settings

Revolutionize Your Online Store

Layouts are a valuable tool for tailoring the look of your online store, enhancing its uniqueness. They allow you to control the design of your product grid items effectively.
post grid popup 1

Product Quick View

Craft Dynamic Product Popups

Generate a dynamic popup for a quick product view without navigating away. Utilize an WordPress single product template to design the layout of this interactive popup.
woo filters

Product Filters

Elevate Your Online Shopping Site

Improve your product grid’s functionality with advanced filters and tools. Our adaptable filter add-ons solution empowers you to effortlessly craft intricate layouts and maintain full website control.
mult level filters

Multi-Level Filters

Multi-Level Robust Filtering System

The advanced grid layouts offer multi-level filters for customers to quickly find products. Utilize categories and subcategories with parent-child roles for a powerful filtering system.
post grid style 1

Style

Showcase Products with Flair

Adjust block colors and fonts easily with WordPress live page builder to match your site’s style. Use the WooCommerce Product Grid block to seamlessly showcase products with style.
woo grid buttons

Woo Product Grid Buttons

Build a Seamless Shopping Journey

The Woo Product Grids provide various call-to-action buttons for grid items, allowing quick viewing, adding to cart, and adjusting quantities directly from the grid.

What Makes The WooCommerce Product Grid Block 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 Block 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.

Why Should You Use the WooCommerce Product Grid Block?

Engage Customers with a Dynamic Product Showcase

The WooCommerce Product Grid block allows you to dynamically display your newest products, best selling 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 Blocks Data

A visually appealing product grid can improve product sales. The WooCommerce Product Grid block 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 block 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.

Woo Product Grid Frequently Asked Questions

What is the WooCommerce Product Grid block?

The WooCommerce Product Grid block is a powerful WordPress block 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.

How do I add the Woo Product Grid block to my WordPress website?

This block is available in the Unlimited Elements Free version.

  1. Go to the Unlimited Elements Block Library. 
  2. Search for “Woo Product Grid” in the search bar. 
  3. Hover over the block in the search results and click Install. 
  4. Add the “Woo Product Grid” block to any WordPress page. 
Is the Woo Product Grid block free?

Yes, the Woo Product Grid block is available for free in the UE Blocks library. You can access and use this block in the free version of Unlimited Elements, which is downloadable from the WordPress plugin repository.

Can I showcase specific products based on dynamic rules using this block?

The WooCommerce Product Grid block is a powerful WordPress block 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 block. 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.

What are some possible dynamic content uses with this block?

The WooCommerce Product Grid block 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 block?

Absolutely! The WooCommerce Product Grid block 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.

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

Yes, With the WooCommerce Product Grid block, 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 block “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
How do I create a product grid in WooCommerce?

You can easily create product grids with the WooCommerce Product Grid block available in the UE Blocks library. With this block, you get a lot of useful features to build a dynamic product grid with pagination, popups, custom layouts.

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!

Download