EA Woo Product List simplifies the showcasing of your WooCommerce products on any page, offering various styling options. You can use this free element to present your products interactively within minutes. Follow the step-by-step guidelines below to configure and style your EA Woo Product List.

How To Activate EA Woo Product List? #

Before you begin, make sure that you have the ‘WooCommerce‘ Plugin activated. After that, install and activate Essential Addons on your website, and the EA Woo Product List widget will be automatically enabled. 

To access this free widget, you do not need to have Essential Addons PRO installed and activated. If the EA Woo Product List is not enabled, go to Essential Addons → Elements, locate the widget in the dropdown menu, and activate it.

EA Woo Product List

How To Add EA Woo Product List? #

To utilize the Essential Addons element, open your desired page in Elementor (existing or new). Navigate to the ‘Elements’ tab and use the search option to find the ‘EA Woo Product List’ element. Now simply drag and drop the widget onto the page or the ‘+’ section.

EA Woo Product List

How To Configure The Content Settings #

Under the ‘Content’ tab, you’ll find ‘Layout’, ‘Query’, ‘Image’, & ‘Content’ options. According to your preferred layouts, you’ll get a bunch of customization options in your product list.

Layout Presets & Settings #

From the ‘Layout’ section, you can set your product list layout from 3 different presets. Under the ‘General’ section, you’ll find the ‘Load More’ option – by toggling on this option you can bring a load more button to display all products easily.

EA Woo Product List

From the ‘Content Header’ section, you’ll be able to show/hide your products’ ‘Badge’, ‘Rating’, & ‘Review Count.’ 

EA Woo Product List

In ‘Content Body’ you’ll find the ‘Title’, ‘Excerpt’, & ‘Price’ options. You can simply turn on/off the toggle according to your preference.

EA Woo Product List

Lastly, from the ‘Content Footer’ section, show/hide the ‘Total Sold’, ‘Add To Cart’, ‘Quick View’, & ‘Link’ options by clicking on the toggle right beside & get your product list footer the way you wish.

EA Woo Product List

Query Management #

Under the ‘Query’ section, you’ll get the monitoring power of how you can have your WooCommerce product list. You can select the source of the products, & filter your products based on different requirements – featured products, best-selling products, and many more.

Plus, you can set your products’ order by, order (Ascending/Descending), product display count, status, sategories, and so on.

EA Woo Product List

Image Optimization #

Under the ‘Image’ section, you can choose your product image size from different available size options. What if you want to make your product image clickable? To do so, just click on the toggle right beside the ‘Clickable’ option under ‘Image Size.’

EA Woo Product List

Content Customization #

In the ‘Content’ section, you can set your button static, on hover, or both. You can also tweak your content header position & direction. From 3 different presets you can pick your sale badge under the ‘Badge’ section.

Moreover, making adjustments to your product content body & footer all will be at your fingertips with the Woo Product List widget.

EA Woo Product List

How To Style EA Woo Product List #

To customize your Woo Product List with color, text, alignment, and other adjustments, you need to go to the ‘Style’ tab. Here, you can make your widget’s Container, Item, Content, Color & Typography to style your product list.

EA Woo Product List

And a ‘Popup’ section to make your product list more eye-catching to the users to elevate their experience in your store.

EA Woo Product List

Advanced Options #

The ‘Advanced’ tab comes with further Layout customization options, a few EA extensions, Motion Effects choices, Responsive Controls, Background effects, and more. You can explore these options and make necessary changes to give your widget a further polished look.

EA Woo Product List

Final Outcome #

By following the basic steps and a bit more modifying, you can style your Product List as per your preference.

EA Woo Product List

This is how simply you can display all your WooCommerce Products using EA Woo Product List. Getting stuck? Feel free to contact our support for further assistance.

Powered by BetterDocs