Woo Product List Widget for Elementor
The Woo Product List widget showcases your products in a list layout on any Elementor page, giving you full control over all settings for a tailored WooCommerce display.
WooCommerce Product List Widget Settings
All the settings you need to create unique-looking and flexible WooCommerce Product Lists on your Elementor website.
- Show Product Title
- Show Product Category
- Show Product Description
- Show Product Price
- Show Product Sale Price
- Show Product Image
- Show Product Rating
Filters & Tools
Add filters and tools to your WooCommerce Product List easily to create the best user experience for your website visitors.
- Pagination
- Load More
- Infinite Scroll
- Tabs Filter
- Dropdown Filter
- Search Filter
- Dynamic Popup
- Query Summary
Advanced Product Selection
The most extensive set of WooCommerce product selection options with unlimited possibilities.
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
Create Custom Product Archive Page Templates
Use the WooCommerce Product List widget in combination with the filter and tool widgets to create a customized product archive template for your WordPress website using the Elementor theme builder.
Widget Styling
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.
Entrance Sequence Animation
Add an animated entrance effect to the list of items to make them gradually animate in a sequence onto the page.
- Appear
- Scale Up
- Scale Down
- From Left
- From Right
- From Top
- From Bottom
Dynamic Product Popup
Dynamically create a popup to add a quick view of the products without leaving the page. Use an Elementor single product template to create the layout of the dynamic popup easily and quickly.
Step by Step Tutorial
Learn How It Works?
Learn how to use the Woo Product List Widget with this video tutorial. Master each step at your own pace effortlessly.
WooCommerce Products Sources
Select the source for your products output.
Woo Product List Widget Frequently Asked Questions
The Woo Product List widget is a powerful tool that allows you to showcase your WooCommerce products in a list layout on your Elementor page. It displays product details such as name, price, and image, and can be customized to fit your website's design. It's a great way to present a clean, organized list of products for your visitors.
This widget is available for free in the Unlimited Elements plugin.
- Go to the Unlimited Elements Widget Library.
- Search for “Woo Product List” in the search bar.
- Hover over the widget in the search results and click Install.
- Add the “Woo Product List” widget to any Elementor page.
Yes, the Woo Product List widget is available for free in the Unlimited Elements plugin. You can access and use this widget in the free version of Unlimited Elements, which is downloadable from the WordPress plugin repository.
You can choose what elements to display in this widget. These include the product title, category, description, regular price, sale price, image, and rating. This level of customization allows you to show only the information that’s most relevant to your site visitors. Adjust these settings through the widget’s options panel to suit your design preferences.
Yes, this widget offers a "Collapse On Mobile" option. This feature allows you to set a breakpoint where the layout changes for mobile devices. You can decide how the product list behaves when viewed on smaller screens, ensuring an optimized user experience across various device sizes. Customize the breakpoint and visibility to match your design requirements.
Yes, you can enable and customize the “Show Empty Message” feature. This option lets you display a custom message when no products are available to show in this widget. Tailor the message to inform users that no items are available, or encourage them to check back later. This option improves user experience and ensures clarity when no products are present.
Yes, this widget allows you to enable third-party integrations. This feature helps you connect with external services or plugins to extend the functionality of your product list. Whether it’s an integration for shipping, payment, or customer reviews, enabling third-party integrations enhances the capabilities of the widget. Set up these integrations directly from the widget’s settings.
To use the Woo Product List widget, simply drag and drop it into your Elementor page. You can configure the layout to display product details such as images, titles, prices, and descriptions. Customize the appearance, including the number of columns, product filters, and other visual elements. For detailed instructions, refer to our documentation to get started.
