Woocommerce Product Grid
PRO

Woocommerce Product Grid Widget for Elementor

Woocommerce Product Grid helps you Showcase your Woocommerce products on any Elementor page in a grid layout with tons of custom options. 

Introduction

The Woocommerrce Product Grid lets you easily display your WooCommerce products anywhere on your Elementor page with plenty of styling options. With the help of this addon, you can create custom Product Archive pages with unique layouts in just a few minutes.

Advanced Product Selection

A collection of settings that will help you select the exact products you want to present in your grid on your Elementor website.

1
Most Popular Products
2
Products On Sale Only
3
Up Sells Products
4
Cross Sells Products
5
Out Of Stock Products Only
6
Recently Viewed Products
7
Products from Post Content

Unique Layouts

Create unique product layouts on the fly by choosing one of the predefined settings. 

1
Under
2
Overlay
3
Under Overlap
4
Partial Overlay
5
Reveal from bottom
6
Side by side

Product Grid Pagination

Add pagination to your Woocommerce Product grid on any page of your WordPress website. Pagination allows your users to page back and forth through multiple product pages.  Break up long grids of products into separate pages with easy navigation and configuration.

Unlimited Design Styling Options

Modify the colors and fonts to match your site’s look and feel  through the Elementor live page builder interface.

 

Customize every single detail to perfectly blend with your website design.

Create Custom Product Archive Page Templates

Use the Woocommerce Product Grid widget in combination with the Post Pagination widget to create a custom product archive template for your WordPress website using the Elementor theme builder.

Content Layout Options

You can turn on or off any part of the Woocommerce Product Grid to make the widget look exactly how you want and suit your website needs.

1
Product Image
2
Product Title
3
Product Price / Sale Price
4
Product Sale Badge
5
Product Rating
6
Quick Add to Cart Button
7
View Product Details Button

Under Layout Demo

The product details are under the product image.

1 2 3 4 5 6 7

Side by Side Layout Demo

The product details are next to the product image.

Footwear
$50.00
$30.00
Footwear
$50.00
$40.00
Footwear
$50.00
$25.00

Under Overlap Layout Demo

The product details are under the product image with a small overlap.

Overlay Layout Demo

Hover over the product image to view the product details

Birthday
$12.00
$10.00
Birthday
$22.00
$15.00

Partial Overlay Layout Demo

The product details are shown on top of the image on the bottom part.

Reveal From Bottom Layout Demo

Hover over the product image to view the product details.

Side by Side Layout Demo

The product details are next to the product image.