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.
Most Popular Products
Products On Sale Only
Up Sells Products
Cross Sells Products
Out Of Stock Products Only
Recently Viewed Products
Products from Post Content
Unique Layouts
Create unique product layouts on the fly by choosing one of the predefined settings.
Under
Overlay
Under Overlap
Partial Overlay
Reveal from bottom
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.
Product Image
Product Title
Product Price / Sale Price
Product Sale Badge
Product Rating
Quick Add to Cart Button
View Product Details Button
Under Layout Demo
The product details are under the product image.
Side by Side Layout Demo
The product details are next to the product image.
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
Partial Overlay Layout With Infinite Scroll
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.
Woo Grid Layout With Load More Button
The product details are next to the product image.
