Woo Very important 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 a variety of function choices. On this submit, we’ll have a look at the modules and contours of Woo Very important to lend a hand making a decision if it’s the proper product in your wishes.

Woo Very important Divi Modules

Woo Very important provides 8 modules to the Divi Builder. One of the options require YITH WooCommerce Examine and YITH WooCommerce Wishlist plugins. The loose variations are advantageous 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 Very important plugin.

You gained’t see all of the modules within the Divi Builder in the beginning. As an alternative, you’ll see one module known as Woo Very important. Click on this module.


The entire Woo Very important Modules will then show within the modal. You’ll be able to now upload the modules to any Divi format to show WooCommerce merchandise.

WooEssential Modules

Let’s take a more in-depth have a look at every of the Woo Very important Modules. I’ll display the default settings after which display an instance of one of the crucial design options.

Woo Class Accordion

The Woo Class Accordion Module shows the photographs for the product classes. The pictures extend on hover to turn an outline of the class and the selection of pieces in that class. It’ll display the class symbol if in case you have one arrange.

WooEssential Modules: Category Accordion

You will have complete regulate over the design for each component. On this instance, I’ve added a field shadow, rounded the corners, and adjusted the font colours and sizes for the class title, 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 a variety of settings to regulate the carousel.

WooEssential Modules: Category Carousel

Woo Class Grid

The Woo Class Grid shows the kinds as playing cards in a grid. The grid is adjustable, so you’ll exchange the selection of columns.

WooEssential Modules: Category Grid

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

WooEssential Modules: Category Grid

Woo Class Masonry

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

WooEssential Modules: Category Masonry Grid

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

WooEssential Modules: Category Masonry Grid

Woo Product Accordion

The Woo Product Accordion works just like the Woo Class Accordion excluding it presentations the goods themselves. It expands on hover to turn the product knowledge. Make a choice which components to show from the Upload to Cart button, value, celebrity score, description, Featured Product Badge, Sale Badge sort, and Sale Badge textual content. You’ll be able to additionally regulate how the accordion works. The entire 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, higher the product title font dimension, and adjusted the upload to cart button colour.

WooEssential Modules: Product Accordion

Woo Product Carousel

The Woo Product Carousel shows the goods in certainly one of six format choices. Each and every features a other hover impact for the buttons. You’ll be able to additionally make a selection which components to show, alter the carousel settings, and so forth.

WooEssential Modules: Product Carousel

You’ll be able to alter each component independently. I’ve adjusted a variety 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 filter out. You’ll be able to make a selection which of the weather to show.

WooEssential Modules: Product Filter

You will have complete regulate over each component together with the filter 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 filter out and the product grid.

WooEssential Modules: Product Filter

Woo Product Grid

The Woo Product Grid Module shows the goods in a grid with a banner that presentations the product counts. It has 8 format choices for the grid that adjustments the dimensions of the picture and puts the buttons in numerous places on hover. You’ll be able to choose the weather that show. This presentations format 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 be able to 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 format 3, which puts the identify and value underneath the picture and provides the icons just about the ground of the picture on hover.

WooEssential Modules: Product Grid

Extra Woo Very important Options

There are many options, maximum incorporated throughout the modules, that upload capability to the WooCommerce listings. Right here’s a snappy have a look at a number of of the ones options.

Woo Very important Woo Mini Cart

The Mini Cart function provides a popup menu to the buying groceries cart. It’s routinely added to the default WordPress header. It best works with the default header, so that you gained’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 be able to customise all 3 of its components 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

Keep an eye on the way it works and alter the dimensions, form, colours, fonts, icons, and so forth. Have it open on hover, on click on, or slide from the proper or left.

WooEssential Modules: Divi Mini Cart

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

WooEssential Modules: Divi Mini Cart

Woo Very important Quickview Popup

You’ll be able to view the object main points with out leaving the present web page. The fast 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 every other web page.

WooEssential Modules: Quick View

The main points come with all of the product knowledge comparable to the outline, gallery, Upload to Cart button, class, and so forth.

WooEssential Modules: Quick View Popup

Woo Very important Examine Merchandise

You’ll be able to examine more than one merchandise by way of settling on the comparability icon. This procedure could be a little tough in the beginning, such a lot of customers may not be mindful they may be able to examine merchandise.

WooEssential Modules: Compare Products

To do the comparability, view the goods in my opinion that you wish to have to match. Then, click on the examine icon on some of the 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 ideas I wished was once within the documentation. You’ll be able to scroll during the comparability and shut the modal whilst you’re in a position.

More Woo Essential FeaturesMore Woo Essential Features

Woo Very important Settings

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

Woo Essential Settings

Make a choice Modules to look the second one web page. Right here, you’ll disable or allow any of the Woo Very important Modules. That is excellent if you wish to limit the design to only some modules. All are enabled by way of default.

Woo Essential Settings

Woo Very important Templates

The writer’s website online accommodates 8 loose starter layouts that can assist you get began along with your designs. In addition they require every other Divi plugin to paintings, so their usability is proscribed to these with each plugins. They give the impression of being nice and supply a variety of sections to make use of.

Woo Essential Templates

Acquire Woo Very important

Wii Very important is to be had within the Divi Market for $79. It comprises limitless utilization, a 30-day money-back ensure, and 12 months of toughen and updates.

Purchase Woo Essential

Finishing Ideas

That’s our have a look at Woo Necessities for Divi. Those 8 Divi Modules supply a variety of choices for product grids and accordions. Show person merchandise and classes conveniently and elegance 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, regardless that, should you’re the usage of the default WordPress header. In case you’re all in favour of increasing your WooCommerce product pages with a variety of fascinating grids, Woo Necessities is value 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 submit Divi Plugin Spotlight: Woo Very important seemed first on Sublime Issues Weblog.

WordPress Web Design

[ continue ]