WooCommerce product experience

Your products deserve a smarter grid.

Smart Product Grid is an animated WooCommerce product grid with Grid, Masonry and Carousel layouts, AJAX filters and pagination, Quick View, Wishlist, Compare and an animated Add to Cart experience.

Explore features See it in action
WooCommerce required Elementor widget included AJAX powered
yourstore.com/shop
Bestsellers
WooCommerce product grid
9 products / page
All categoriesShoesBagsSort: Popularity
SALE
★★★★★
Studio Carry Bag
$89$69
★★★★★
Everyday Runner
$119
SALE
★★★★☆
Minimal Watch
$160$129
AJAX filtersNo page reload
Compare + WishlistBuilt into every card
A product grid should help people shop.
Not make them wait for page reloads, open a new product page for every question, or lose products when the layout changes. Smart Product Grid keeps discovery, comparison and purchase actions inside the grid.
Product layouts

Choose Your Product Layout

Display your products the way you want. Choose from Grid, Masonry or Carousel and create a stunning shopping experience.

Grid Masonry Carousel
Sort by 12 Products
Running Shoes$89.00
★★★★★
Leather Bag$129.00
★★★★★
Headphones$79.00
★★★★★
Smart Watch$149.00
★★★★★
Casual Sneakers$99.00
★★★★★
Cap$49.00
★★★★★

Grid Layout

Clean and classic. Display your products in a neat grid with complete control over columns and spacing.

Perfect for any store
Sort by 12 Products
Winter Coat$159.00
★★★★★
Running Shoes$89.00
★★★★★
Headphones$79.00
★★★★★
Backpack$119.00
★★★★★
Smart Watch$149.00
★★★★★

Masonry Layout

Create a dynamic and modern look with masonry-style layout. Perfect for showcasing products of different sizes.

More visual, more engagement
Featured Products
Running Shoes$89.00
★★★★★
Leather Bag$129.00

Carousel Layout

Showcase your products in a beautiful sliding carousel. Ideal for highlighting featured or best-selling products.

Smooth & responsive
Plugin capabilities

Everything your product grid needs.

Powerful features. One seamless shopping experience.

3

Product Layouts

Choose from Grid, Masonry or Carousel layouts and create the perfect display for your store.

GridMasonryCarousel
GridMasonryCarousel
Running Shoes$89.00
Leather Bag$129.00
Headphones$79.00
4

Compare Up to 4

Let customers compare products side-by-side and make better buying decisions.

Compare up to 4 products
Compare Products 4 / 4
Sneakers$89.00
✓
Handbag$129.00
✓
Headphones$79.00
✓
Watch$149.00
✓
AJAX

AJAX Filtering

Help customers find products faster with smart filters and smooth Load More pagination.

CategoryTagPrice RangeSort
Category
☑ Men
☐ Women
☐ Accessories
Price Range
Sort by
Default
⟳ Filtering products…
✓ Products updated
1

Elementor Ready

Design and customize your product grid with the powerful Elementor widget. No coding required.

Dedicated Elementor widget
🔍 Search widget…

Caresort Product Grid
Product Grid
A closer look

From discovery to decision, without leaving the grid.

Every interaction is designed around the product card: filter, inspect, save, compare and buy — all in the same shopping surface.

GridMasonryCarousel
AJAX enabled
AccessoriesMinimal Watch★★★★★ · 24 reviews
BagsStudio Carry★★★★★ · 18 reviews
FootwearEveryday Runner★★★★☆ · 31 reviews
ElectronicsStudio Headphones★★★★★ · 12 reviews
How it works

From shortcode to shop-ready.

The plugin works as a shortcode or as an Elementor widget when Elementor is active. Pick the presentation, point it at your products and publish.

01

Install & activate

Install the Smart Product Grid plugin from WordPress. WooCommerce must be installed and active.

02

Choose your entry point

Use the [wccg_grid] shortcode or drag the “WC Custom Grid” Elementor widget onto your page.

03

Configure the products

Set layout, columns, products per page, category, sorting and optional filters such as price and product tag.

04

Let customers shop

Visitors can filter, load more, quick-view, add to cart, save to wishlist and compare products directly from the experience.

3Product layouts
4Products in compare
AJAXFiltering & pagination
1Elementor widget
Smart Product Grid

Make your WooCommerce catalog feel alive.

Grid, Masonry or Carousel. AJAX discovery, Quick View, Wishlist, Compare and animated Add to Cart — built into one product-grid experience.

Download plugin Explore features
Requires WooCommerce · PHP 7.4+ · WordPress 6.2+