Skip to content
default-logo
  • Home
  • Templates
  • Widgets
  • Modules
  • AI Builder
  • Pricing
  • Support
Buy Now

Getting Started

2
  • How to Install & Update BEW
  • How to Install, Activate & Update BEW Pro

How to use BEW Template Library

5
  • Getting started with Template Library
  • About Kits, Pages & Sections
  • Template Library Modal Guide
  • How to Insert Templates
  • Required Plugins When Inserting Templates

How to use BEW Widgets

24
  • Getting started with Widgets
  • How to Setup BEW Site Logo
  • How to use Dropdown Nav
  • How to use Woo Cart
  • How to use Woo Search
  • How to use Woo My Account
  • How to use Woo YITH Wishlist
  • How to use Woo YITH Compare
  • How to use Blog Grid
  • How to use Contact Form 7
  • How to use Woo Categories
  • How to use Woo Products List
  • How to use Woo Categories List
  • How to use Woo Archive Carousel
  • How to use Woo Archive Products
  • How to use Image Carousel [ PRO ]
  • How to use Testimonial Slider [ PRO ]
  • How to use Woo Product Slider [ PRO ]
  • How to use Woo Product Accordion [ PRO ]
  • How to use Woo Product Tabs [ PRO ]
  • How to use Woo Grid Carousel [ PRO ]
  • How to use Woo Hot Deals [ PRO ]
  • How to use Woo Grid Products [ PRO ]
  • How to use Query Management

How to use BEW Site Modules

4
  • Getting started with Site Modules
  • How to use Back to Top
  • How to use Site Preloader
  • How to use Reading Progressbar [PRO]

How to use BEW AI Builder

11
  • Getting Started with BEW AI
  • AI Provider Integration
  • How to use Text Generator
  • How to use Image Generator
  • How to use Bulk Text & Image Generator
  • How to use Repeater Generator
  • How to use Products Generator
  • How to use Blog Generator
  • How to use Saved Presets
  • How to use Generation History
  • Troubleshooting AI Builder

Frequently Asked Questions (FAQs)

1
  • BEW Frequently Asked Questions
View Categories
  • Home
  • Docs
  • How to use BEW Widgets
  • How to use Woo Grid Products [ PRO ]

How to use Woo Grid Products [ PRO ]

1 min read

The Woo Grid Products widget displays your WooCommerce products in a responsive grid — the Pro-tier counterpart to the free plugin’s Woo Archive Products, with the same query options and pagination.

Note: This widget requires an active BEW Pro license.

Adding the Widget #

  1. Open the page in the Elementor editor.
  2. Search the widget panel for Woo Grid Products, under the BEW Elements category.
  3. Drag it into any section or column.

Grid Layout #

  • Number of Columns — a responsive slider up to 6.
  • Number of Products — how many products load per page (up to 200; defaults to 10).
  • Pagination — off by default; switch on to let visitors page through additional products beyond the first load, with a Left/Center/Right position control for the page numbers.
  • Equal Heights — off by default; forces every card to match the tallest one in its row.
  • Rating — on by default; switch to hide star ratings.
  • Alignment — responsive Left/Center/Right text alignment within each card (defaults Center).
  • Image Size — defaults to Medium.

Choosing Which Products Show #

The Query section’s Source control has three modes:

  • All Products — your full catalog, respecting each product’s WooCommerce catalog visibility.
  • Custom Query — filter by category and/or tag, each with its own Match or Exclude rule, plus an Offset to skip a number of results.
  • Manual Selection — pick specific products by name.

Regardless of source, you can also set Exclude Products, Exclude Current Product, and an Advanced group for Filter By (None / Featured / Sale), Order By, and Order.

Styling #

  • Item — card background, border, border radius, box shadow, column/row gap, padding.
  • Image — opacity and CSS filters for Normal and Hover, hover transition duration, border, border radius, margin, padding.
  • Title, Price, Rating, Button, Sale — the same set of card-content style sections used across the other product widgets (colors, typography, borders, spacing for each).
  • Pagination — typography, Normal/Hover/Current colors, item size, spacing, border, border radius, margin (only relevant when Pagination is switched on).

Frequently Asked Questions #

#

They work the same way — same query options, same layout controls, same pagination. This is the Pro-tier version of that widget, available once BEW Pro is active. The one difference is this widget doesn’t include the compare/wishlist icon overlay on each card.

#

Confirm WooCommerce is active and has published products, and check your Query settings — an active Manual Selection with nothing chosen, or a Custom Query whose filters don’t match anything, will show no products.

#

200 is the maximum for Number of Products in a single instance of this widget. For a larger catalog, switch on Pagination so visitors can page through the rest.

Updated on September 3, 2026

What are your Feelings

  • Happy
  • Normal
  • Sad

Share This Article :

  • Facebook
  • X
  • LinkedIn
  • Pinterest
How to use Woo Hot Deals [ PRO ]How to use Query Management
Table of Contents
  • Adding the Widget
  • Grid Layout
  • Choosing Which Products Show
  • Styling
  • Frequently Asked Questions
    • How is this different from the free plugin's Woo - Archive Products?+
    • Why don't I see any products?+
    • Can I show more than 200 products?+
bew-logo-white

Everything you need to build with Elementor: widgets, site modules, ready-made templates, and AI content generation, all in one plugin.

Company
  • Affiliate Program
  • Privacy Policy
  • Terms & Conditoins
  • Our Blog
Product
  • Features
  • Plans & Pricing
Support
  • Support Center
  • My Account
  • Community Forum

Copyright © 2026 BEW. Made with

  • by
  • Bosa Themes