Divi Plugin Highlight: Woo Essential

by | Feb 19, 2023 | Etcetera | 0 comments

Woo Crucial is a third-party plugin that provides 8 new Woo Trade Modules to the Divi Builder. It additionally provides a number of options to streamline the buying groceries procedure, permitting you to show merchandise and classes in more than one layouts and plenty of function choices. On this put up, we’ll take a look at the modules and lines of Woo Crucial to assist you make a decision if it’s the correct product in your wishes.

Woo Crucial Divi Modules

Woo Crucial provides 8 modules to the Divi Builder. Probably the most options require YITH WooCommerce Examine and YITH WooCommerce Wishlist plugins. The loose variations are nice for this. You’ll see a notification should you don’t have those put in. Merely click on the notification to put in and turn on them after activating the Woo Crucial plugin.

You received’t see the entire modules within the Divi Builder to start with. As an alternative, you’ll see one module known as Woo Crucial. Click on this module.


All of the Woo Crucial Modules will then show within the modal. You’ll now upload the modules to any Divi structure to show WooCommerce merchandise.

WooEssential Modules

Let’s take a better take a look at every of the Woo Crucial Modules. I’ll display the default settings after which display an instance of probably the most design options.

Woo Class Accordion

The Woo Class Accordion Module presentations the photographs for the product classes. The pictures increase on hover to turn an outline of the class and the collection of pieces in that class. It’s going to display the class symbol in case you have one arrange.

WooEssential Modules: Category Accordion

You may have complete keep an eye on over the design for each and every part. On this instance, I’ve added a field shadow, rounded the corners, and altered the font colours and sizes for the class identify, depend, and outline. I’ve additionally added padding and line top to the outline.

Woo Class Carousel

The Woo Class Carousel creates a slider whole with navigation and automated sliding. It has plenty of settings to regulate the carousel.

WooEssential Modules: Category Carousel

Woo Class Grid

The Woo Class Grid presentations the kinds as playing cards in a grid. The grid is adjustable, so you’ll be able to exchange the collection of columns.

WooEssential Modules: Category Grid

For this one, I’ve added a border, rounded the corners, adjusted the fonts, and altered the grid depend and hole settings.

WooEssential Modules: Category Grid

Woo Class Masonry

The Woo Class Masonry Module puts the kinds inside of a masonry grid.

See also  Download a FREE Header and Footer Template for Divi’s Artificial Intelligence Layout Pack

WooEssential Modules: Category Masonry Grid

On this instance, I’ve adjusted the grid quantity and hole, and altered the fonts.

WooEssential Modules: Category Masonry Grid

Woo Product Accordion

The Woo Product Accordion works just like the Woo Class Accordion apart from it presentations the goods themselves. It expands on hover to turn the product data. Make a selection which parts to show from the Upload to Cart button, worth, big name score, description, Featured Product Badge, Sale Badge sort, and Sale Badge textual content. You’ll additionally keep an eye on how the accordion works. All of the product modules display the featured symbol by way of default.

WooEssential Modules: Product Accordion

On this instance, I’ve adjusted the content material background, modified the font colours, modified the badge colour, greater the product identify font measurement, and altered the upload to cart button colour.

WooEssential Modules: Product Accordion

Woo Product Carousel

The Woo Product Carousel presentations the goods in one in every of six structure choices. Every features a other hover impact for the buttons. You’ll additionally make a selection which parts to show, modify the carousel settings, and so forth.

WooEssential Modules: Product Carousel

You’ll modify each and every part independently. I’ve adjusted plenty of the colours, borders, and fonts on this instance. I’ve additionally added arrow navigation. That is Structure 3, which puts the cart and different hyperlinks on the backside of the picture on hover.

WooEssential Modules: Product Carousel

Woo Product Filter out

The Woo Product Filter out provides a WooCommerce product grid with a customizable clear out. You’ll make a selection which of the weather to show.

WooEssential Modules: Product Filter

You may have complete keep an eye on over each and every part together with the clear out, grid, fonts, colours, and so forth. I’ve modified a number of of the colours, the font sizes, and altered the grid depend on this instance. I’ve additionally added a field shadow to each the clear out and the product grid.

WooEssential Modules: Product Filter

Woo Product Grid

The Woo Product Grid Module presentations the goods in a grid with a banner that presentations the product counts. It has 8 structure choices for the grid that adjustments the scale of the picture and puts the buttons in numerous places on hover. You’ll choose the weather that show. This presentations structure 8, which puts the icons at the proper of the picture and the Upload to Cart button on the backside of the picture on hover.

WooEssential Modules: Product Grid

You’ll upload pagination with buttons to every web page or a Load Extra button. I’ve added the Load Extra button on this instance and styled it. That is structure 3, which puts the name and worth underneath the picture and provides the icons with reference to the ground of the picture on hover.

See also  8 Best WordPress Popup Plugins in 2023

WooEssential Modules: Product Grid

Extra Woo Crucial Options

There are many options, maximum incorporated inside the modules, that upload capability to the WooCommerce listings. Right here’s a handy guide a rough take a look at a number of of the ones options.

Woo Crucial Woo Mini Cart

The Mini Cart function provides a popup menu to the buying groceries cart. It’s mechanically added to the default WordPress header. It best works with the default header, so that you received’t be capable of upload it to headers created with the Divi Builder. This implies it’s no longer as flexible as the opposite options of this plugin. You’ll customise all 3 of its parts independently with the Theme Customizer.

WooEssential Modules: Mini Cart

It comprises 4 sections of settings for the primary cart settings, cart design, view cart button, and checkout button.

WooEssential Modules: Divi Mini Cart

Regulate the way it works and alter the scale, form, colours, fonts, icons, and so forth. Have it open on hover, on click on, or slide from the correct or left.

WooEssential Modules: Divi Mini Cart

The Mini Cart opens a small modal appearing the contents of your cart. It may possibly additionally open a window to the correct or left, relying to your settings. This case presentations the modal opening on hover. The Fly-In possibility, which slides from the correct or left, offers the modal the overall top of the display screen.

WooEssential Modules: Divi Mini Cart

Woo Crucial Quickview Popup

You’ll view the article main points with out leaving the present web page. The short view icon is added to a number of of the modules. Clicking this icon opens the main points in a modal. The popup is rapid and makes it simple to look the main points of the product with out loading some other web page.

WooEssential Modules: Quick View

The main points come with the entire product data similar to the outline, gallery, Upload to Cart button, class, and so forth.

WooEssential Modules: Quick View Popup

Woo Crucial Examine Merchandise

You’ll examine more than one merchandise by way of deciding on the comparability icon. This procedure generally is a little difficult to start with, such a lot of customers may not be conscious they may be able to examine merchandise.

WooEssential Modules: Compare Products

To do the comparability, view the goods personally that you wish to have to check. Then, click on the examine icon on one of the vital merchandise. The comparability modal with open with the goods when compared in a desk. This does paintings, nevertheless it isn’t as intuitive as I really like. It did take just a little paintings to determine. The guidelines I wanted was once within the documentation. You’ll scroll in the course of the comparability and shut the modal whilst you’re able.

See also  Find out how to Upload Save & Proceed Capability in WordPress Bureaucracy

More Woo Essential FeaturesMore Woo Essential Features

Woo Crucial Settings

Woo Crucial provides a hyperlink to the WordPress dashboard. Make a selection this hyperlink to open the settings. The primary web page, House, comprises hyperlinks to the Wisdom Base, Make stronger and Comments, Function Request, and the DiviNext YouTube Chanel.

Woo Essential Settings

Make a selection Modules to look the second one web page. Right here, you’ll be able to disable or allow any of the Woo Crucial Modules. That is just right if you wish to limit the design to only some modules. All are enabled by way of default.

Woo Essential Settings

Woo Crucial Templates

The writer’s web page comprises 8 loose starter layouts that can assist you get began together with your designs. Additionally they require some other Divi plugin to paintings, so their usability is restricted to these with each plugins. They give the impression of being nice and supply plenty of sections to make use of.

Woo Essential Templates

Acquire Woo Crucial

Wii Crucial is available in the Divi Marketplace for $79. It comprises limitless utilization, a 30-day money-back ensure, and twelve months of enhance and updates.

Purchase Woo Essential

Finishing Ideas

That’s our take a look at Woo Essentials for Divi. Those 8 Divi Modules supply plenty of choices for product grids and accordions. Show particular person merchandise and classes very easily and magnificence them with the Divi Builder. Simply see the content material within the cart, the product main points, and examine merchandise. I wish to see the Mini Cart as a Divi Module so it may be added to headers created with the Divi Builder. It does paintings smartly, although, should you’re the use of the default WordPress header. Should you’re involved in increasing your WooCommerce product pages with plenty of fascinating grids, Woo Necessities is price a glance.

We wish to listen from you. Have you ever attempted Divi Necessities? Tell us what you take into consideration it within the feedback.

The put up Divi Plugin Highlight: Woo Essential seemed first on Elegant Themes Blog.

WordPress Maintenance Plans | WordPress Hosting

read more


Submit a Comment

Your email address will not be published. Required fields are marked *