BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Pro widget

Woo Product Grid Widget for Elementor Pro

A WooCommerce product grid with filters, sorting, quick view and pagination

Overview

What Woo Product Grid does

Woo Product Grid shows WooCommerce products in a grid with four card styles, badges, a quick view popup and add to cart without a page reload. Visitors can filter by category, sort and change pages without reloading. Use it for shop sections on any page, or as the product list of a shop or category template.

Demo

Live demo

Features

What it can do

  • Nine product sources, from Latest Products to Current Query for shop and category pages.

  • Four card styles: Classic, Hover, Minimal and Side.

  • Sale, New, Featured and Out of Stock badges with your own wording.

  • Quick view popup with gallery, rating, price, description, quantity box and add to cart.

  • Add to cart without a page reload for products that need no options.

  • Category filter buttons in Pills, Underline or Plain Text style.

  • Optional result count and a sorting dropdown for visitors.

  • Pagination as numbers, previous and next, load more button or infinite scroll.

Use cases

When to use it

Home page shop section

Show the latest or best selling products with a category filter above the grid.

Shop and category templates

Set Show to Current Query in a product archive template to list the products of that shop, category, tag or search page.

Sale landing page

Pick On Sale, keep the Sale Badge on and add a Load More Button.

Setup

How to set it up

What you need: WooCommerce must be installed and active, with at least one published product.

  1. Drag Woo Product Grid onto the page. It lists your eight latest products in four columns.

  2. In Products, choose what to list under Show and set Number of Products.

  3. In Layout, set Columns for desktop, tablet and mobile.

  4. In Product Card, pick a Card Style and Image Shape and switch the badges on or off.

  5. Switch on Result Count, Sorting Dropdown and Show Category Filter if visitors should sort and filter.

  6. In Pagination, set Type to Numbers, Load More Button or Infinite Scroll, then finish in the Style tab.

FAQ

Questions and answers

Can I use it on my shop and category pages?

Yes. Place it in a product archive template and set Show to Current Query. It then lists the products of the shop, category, tag or search page.

Does it work with the Woo Product Filter widget?

Yes. Put a Woo Product Filter on the same page and the grid updates as visitors choose filters, without a reload.

What does the quick view popup show?

Up to six product images, the title, rating, price, short description, a quantity box with add to cart and a link to the full product page.

Bright Addons Pro

Get Woo Product Grid with Bright Addons Pro

Bright Addons Pro has 80 Pro widgets plus all 51 free widgets, 10 extensions, a Theme Builder and 32 dynamic tags. From $18 a year, with a 14-day money-back guarantee.