Divi WooCommerce Prolonged is a third-party plugin for Divi with the function of being the one software you’ll wish to construct eCommerce internet sites with Divi. It comprises 5 modules with a number of options and choices. On this put up, we’ll take a look at Divi WooCommerce Prolonged to assist you make a decision if it’s the suitable product to design your WooCommerce store.
Divi WooCommerce Prolonged Modules
Divi WooCommerce Prolonged provides 5 modules to the Divi Builder. The modules can be utilized in combination, independently, on product pages, store pages, and common pages.
Options come with:
- Mini Cart
- Fast View
- Product Carousel
- Classes
- Ajax Seek
- Tab Supervisor
- Checkout Supervisor and
- Divi Library Shortcode Extension
We’ll take a more in-depth take a look at every module, in the course of the eyes of our Perfumery Format Pack.
Divi WooCommerce Prolonged Mini Cart
The Mini Cart Module supplies a number of show choices for the cart icon. For the icon kind, make a choice from Divi’s local icons or a customized icon. The local icons come with an icon picker.
The customized choice means that you can select an icon or symbol out of your Media Library.
The mini cart can show as a dropdown, overlay, off canvas, or modal. Cause choices come with click on or hover. Placement choices come with the highest or backside and at the proper or left. You’ll be able to additionally upload a name and select the weather that show from an inventory.
Textual content choices come with the view cart button, checkout button, and empty cart textual content. It additionally features a separate choice for the cart background.
Design Settings
The Design settings allow you to customise the icon colour, measurement, line peak, textual content shadow, fonts, and so on. It comprises choices for all of the textual content together with the product depend, mini cart name, product title, amount, and value, subtotal. It additionally comprises settings for the view cart button, checkout button, empty cart, cart sizing, and usual settings. For this situation, I’ve modified the icon colour and measurement and added a textual content shadow. The textual content choices don’t display within the Visible Builder, so that you’ll have to peer them at the entrance finish.
Mini Cart Examples
This situation presentations Dropdown. I’ve added a DWE Merchandise Module and added a couple of merchandise to my buying groceries cart. The selection of pieces within the cart seems above the cart icon. Once I click on at the cart, a dropdown opens to turn the contents of my cart. All of the components can also be styled. I’ve modified the colour and measurement of the cart, added a shadow, modified the font and greater the dimensions of the fonts. I’ve additionally styled the buttons to check the buttons inside the structure pack.
This situation presentations Overlay. You’ll be able to position it in any of the 4 corners of the display.
This situation presentations Off Canvas. The display is driven to at least one aspect because the contents are locked into position. Clicking anyplace at the display closes the window. It may be positioned at the proper or left aspect of the display.
This situation presentations Modal. It shows the cart content material over the display and comprises changes to turn the shut button, the shut button place, selected shut or esc, and shut on background click on.
Divi WooCommerce Prolonged Product Ajax Seek
Divi WooCommerce Prolonged Product Ajax Seek provides a completely customizable product seek. The Configuration customizations come with the quest box placeholder, selection of seek effects, order via, order, and the textual content for no effects.
Seek Space
For the quest house, you’ll select the place the module will carry out the quest. You’ll be able to use those settings to make the quest as large or as slim as you need.
Show
The show choices allow you to select what to turn. You’ll be able to display the quest icon, select the fields, choose the selection of columns, and select the column spacing. You’ll be able to additionally display or cover the scrollbar.
Background
It comprises a number of background choices that come with the quest outcome field background, seek outcome merchandise background, and common background settings.
Design Settings
The Design settings come with all of the font changes, borders, backgrounds, and so on. Modify the fields, seek icon, loader, and extra. On this instance, I’ve modified the fonts and styled the quest icon. I’ve additionally rounded the corners and adjusted the colours.
Product Ajax Seek Examples
Right here’s how the quest effects glance with the default settings of one column the usage of my design settings from the instance above.
This situation presentations 2 columns.
Divi WooCommerce Prolonged Merchandise
Divi WooCommerce Prolonged Merchandise shows the WooCommerce merchandise as playing cards inside a grid. It’s absolutely adjustable with a number of view sorts and layouts. This situation makes use of the default view kind and structure 1. You’ll be able to select the selection of merchandise to show, upload an offset quantity in case a product is already being displayed in any other module and set the order choices.
For the view kind, select the default choice or choose to turn featured merchandise, sale merchandise, best-selling merchandise, or top-rated merchandise.
It comprises 3 structure choices. They position the weather in numerous places inside the playing cards. Format 1 puts the associated fee above the add-to-cart button. This situation presentations structure 2, which puts them side-by-side.
Format 3 puts the upload to cart button above the name.
You’ll be able to display or cover the out-of-stock merchandise. When you cover them, you’ll label them as out-of-stock if you need or upload any label you need to make use of. You’ll be able to additionally select the kinds and tags to incorporate and select the taxonomy relation for some common sense keep watch over.
Show
The show choices allow you to select the selection of columns, the distance between the columns, display masonry, display a sorting dropdown, show a snappy view hyperlink, upload fast view textual content and an icon, select which components to turn, upload zoom results, select the thumbnail measurement, and loads extra. You’ll be able to allow any of the weather personally, so you’ll disable the photographs, sale badge, and so on. I’ve modified this situation to two columns, styled the Sale label and custom designed the button.
Pagination
Pagination provides web page numbers. You’ll be able to additionally allow the former and subsequent hyperlinks and upload the textual content you need them to show.
Product Background
The product background settings keep watch over the background for the textual content house of the cardboard.
Design Settings
The Design settings allow you to regulate each part independently. You have got complete keep watch over over the sizes, colours, fonts, backgrounds, borders, and so on. I’ve adjusted lots of the settings on this instance.
Divi WooCommerce Prolonged Merchandise Carousel
Divi WooCommerce Prolonged Merchandise Carousel gifts the WooCommerce merchandise inside a slider. It comprises the similar settings because the WCE Merchandise Module and provides the ones for the carousel. You’ll be able to choose the product kind, structure, quantity to show, the sorting order, cover merchandise out of inventory, select classes, and so on.
Show
All of the show choices also are the similar. Display a snappy view button, select the weather to turn or cover, upload textual content, and display the sale badge.
Slider
It doesn’t come with pagination. As a substitute, it has slider choices. Make a selection the slide impact between Slide, Dice, Coverflow, and Turn. Every of the choices has other settings. Make a choice the selection of merchandise to show inside a slide, regulate the distance between the slides, equalize the heights, allow loop, allow autoplay, regulate the rate, and so on. This situation presentations Coverflow.
The slider additionally comprises the usual varieties of navigation. You’ll be able to display them or disable them. You’ll be able to additionally select the arrows from the checklist of icons, display them best on hover, and select their place from 8 choices. This presentations the default choice within the slider. This situation presentations Arrows of their default place.
This situation presentations the arrows within the height middle.
It additionally comprises dot pagination with 6 kinds to make a choice from. This situation presentations Forged Dot.
This situation presentations Rounded Line.
It additionally has an choice known as Dynamic Dots. This adjustments the sizes of the dots to turn the ones closest to the present slide are better than the ones which are additional away.
Design Settings
The Design settings come with choices for each part of the slider. I’ve adjusted font colours, background colours, borders, arrows, and dots on this instance.
Divi WooCommerce Prolonged Merchandise Classes
Divi WooCommerce Prolonged Merchandise Classes creates playing cards that constitute every of the kinds to your WooCommerce store. It comprises 2 layouts, and you’ll choose the kinds you need to show. That is structure 1. It puts the name and selection of pieces in that class below the featured symbol for the class.
That is structure 2. It puts the name and selection of pieces over the picture and shows the cardboard as a defined sq..
Show
The show choices come with the selection of columns, column spacing, masonry, thumbnail, zoom impact, thumbnail measurement, and product depend.
Background
The background settings position a background colour at the back of the name and product counts.
Right here’s how the background appears to be like with structure 2.
Design Settings
The design settings come with choices for all of the components. On this instance, I’ve adjusted the textual content colours, sizes, weights, spacing to check the styling we’ve used around the web page template and from the Perfumery Format Pack.
The place to Acquire Divi WooCommerce Prolonged
Divi WooCommerce Prolonged is to be had within the Divi Market for $59. It comprises limitless utilization, 1 yr of improve and updates, and a 20-day money-back ensure.
Finishing Ideas
That’s our fast take a look at Divi WooCommerce Prolonged. Those 5 modules upload numerous options to Divi for development store pages in your WooCommerce merchandise. I’ve best touched at the major options and it’s simple to peer how tough it’s. When you’re enthusiastic about including new options in your WooCommerce store, Divi WooCommerce Prolonged is value a glance.
We need to pay attention from you. Have you ever attempted Divi WooCommerce Prolonged? Tell us what you consider it within the feedback.
The put up Divi Plugin Spotlight: Divi WooCommerce Prolonged seemed first on Sublime Issues Weblog.
WordPress Web Design