WooCommerce Product Grid List View - Addon For Elementor — is a must-have tool for any online store owner using Elementor. It seamlessly integrates with your WooCommerce setup to provide a flexible and user-friendly way to showcase your products. Say goodbye to rigid, default layouts and hello to fully customizable grids and lists that match your brand's aesthetic and improve the overall shopping experience for your customers.
With this addon, you can effortlessly build and style your product displays using Elementor's intuitive drag-and-drop interface. The key feature is the ability for users to toggle between a grid view, perfect for browsing images, and a list view, ideal for comparing product details and specifications. This dual-view functionality caters to different shopping styles, ensuring every visitor can browse your store in the way that suits them best, which can significantly boost engagement and reduce bounce rates.
Why It Matters: Boost Your Conversions
Are your product pages failing to engage visitors? The problem often lies in a rigid, one-size-fits-all layout. Studies show that up to 40% of users will leave a website if the layout is unattractive or hard to navigate. For e-commerce, this means lost sales.
This plugin directly addresses that pain point. By providing a choice between grid and list views, you cater to two primary types of shoppers: the visual browser and the detail-oriented researcher. According to Baymard Institute, offering alternative layouts like a list view can improve product findability by 20-30%. This seemingly small change reduces friction, keeps users on your site longer, and directly contributes to a higher conversion rate. Don't let a poor layout be the reason you lose a customer.
Features
- Easy-to-use Grid/List view toggle button for users.
- Fully responsive design, looks great on all devices.
- Advanced query controls to display products by category, tag, or status (e.g., on-sale).
- Highly customizable layouts within the Elementor editor.
- Control which content to show/hide (price, rating, add-to-cart button).
- Customizable styling for buttons, text, and layout containers.
- Supports pagination (Numeric, Load More, Infinite Scroll).
- AJAX-powered filtering for a seamless user experience (with compatible filter plugins).
- Lightweight code that does not slow down your website.
- Translation ready and compatible with WPML for multilingual sites.
Free vs. Pro: Feature Comparison
| Feature | Free Version | Pro Version |
|---|---|---|
| Grid & List View Toggle | ✔️ Basic | ✔️ Advanced Styles |
| Responsive Layouts | ✔️ | ✔️ |
| Basic Styling Options | ✔️ | ✔️ |
| Standard Product Query | ✔️ | ✔️ |
| Advanced Query (On-sale, Featured) | ❌ | ✔️ |
| Multiple Pagination Styles | ❌ (Standard only) | ✔️ (Load More, Infinite Scroll) |
| Show/Hide Content Control | ❌ | ✔️ |
| Advanced Styling & Typography | ❌ | ✔️ |
| Quick View Popup | ❌ | ✔️ |
| Priority Support | ❌ | ✔️ |
How to install the plugin?
- Download the plugin archive using the button above.
- Navigate to Plugins > Add New in your WordPress dashboard.
- Click "Upload Plugin" at the top and select the downloaded ZIP file.
- Install, activate the plugin, and follow the quick setup wizard instructions.
FAQ
Will this plugin slow down my Elementor-based website?
No, the plugin is built with performance in mind. It uses clean, efficient code and only loads its assets on pages where the widget is actively used. This lightweight approach ensures it won't negatively impact your site's loading speed or performance scores.
Can I customize the look of the grid and list views separately?
Absolutely. Within the Elementor editor, you will find extensive styling options. You can control the number of columns for the grid, customize typography, button colors, spacing, and borders for both the grid and list layouts independently to perfectly match your website's design.
Does this addon work with any WordPress theme?
Yes, this plugin is designed to work with any WordPress theme that supports Elementor and WooCommerce. It inherits some styling from your active theme for better integration, but you can override most visual aspects directly from the Elementor widget's settings.
Is it possible to display custom fields in the list view?
The free version of the plugin supports standard WooCommerce product data like title, price, and ratings. To display custom fields (e.g., from plugins like ACF), you would typically need the Pro version of the addon, which often includes more advanced controls for customizing the content of your product layouts.
