Divi WooCommerce Extended is a third-party plugin for Divi with the function of being the one device you’ll want 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 precise 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 better take a look at each and every module, in the course of the eyes of our Perfumery Layout Pack.
Divi WooCommerce Prolonged Mini Cart
The Mini Cart Module supplies a number of show choices for the cart icon. For the icon kind, choose between Divi’s local icons or a customized icon. The local icons come with an icon picker.
The customized choice allows you to 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 mean you can customise the icon colour, dimension, line peak, textual content shadow, fonts, and so forth. It comprises choices for all of the textual content together with the product depend, mini cart name, product identify, amount, and worth, subtotal. It additionally comprises settings for the view cart button, checkout button, empty cart, cart sizing, and usual settings. For this case, I’ve modified the icon colour and dimension 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 displays Dropdown. I’ve added a DWE Merchandise Module and added a couple of merchandise to my buying groceries cart. The choice of pieces within the cart seems above the cart icon. After I click on at the cart, a dropdown opens to turn the contents of my cart. The entire parts will also be styled. I’ve modified the colour and dimension of the cart, added a shadow, modified the font and larger the dimensions of the fonts. I’ve additionally styled the buttons to check the buttons throughout the format pack.
This situation displays Overlay. You’ll be able to position it in any of the 4 corners of the display screen.
This situation displays Off Canvas. The display screen is driven to at least one aspect because the contents are locked into position. Clicking any place at the display screen closes the window. It may be positioned at the proper or left aspect of the display screen.
This situation displays Modal. It shows the cart content material over the display screen 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 an absolutely customizable product seek. The Configuration customizations come with the quest box placeholder, choice of seek effects, order through, order, and the textual content for no effects.
Seek House
For the quest house, you’ll be able to select the place the module will carry out the quest. You’ll be able to use those settings to make the quest as vast or as slender as you need.
Show
The show choices mean you can select what to turn. You’ll be able to display the quest icon, select the fields, make a selection the choice of columns, and select the column spacing. You’ll be able to additionally display or conceal the scrollbar.
Background
It comprises a number of background choices that come with the quest consequence field background, seek consequence merchandise background, and common background settings.
Design Settings
The Design settings come with all of the font changes, borders, backgrounds, and so forth. Alter 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 use of my design settings from the instance above.
This situation displays 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 format 1. You’ll be able to select the choice of merchandise to show, upload an offset quantity in case a product is already being displayed in every other module and set the order choices.
For the view kind, select the default choice or make a selection to turn featured merchandise, sale merchandise, best-selling merchandise, or top-rated merchandise.
It comprises 3 format choices. They position the weather in several places throughout the playing cards. Format 1 puts the associated fee above the add-to-cart button. This situation displays format 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 conceal the out-of-stock merchandise. Should you conceal them, you’ll be able to 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 good judgment regulate.
Show
The show choices mean you can select the choice 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 parts to turn, upload zoom results, select the thumbnail dimension, and quite a bit extra. You’ll be able to permit any of the weather personally, so you’ll be able to disable the photographs, sale badge, and so forth. I’ve modified this case to two columns, styled the Sale label and custom designed the button.
Pagination
Pagination provides web page numbers. You’ll be able to additionally permit the former and subsequent hyperlinks and upload the textual content you need them to show.
Product Background
The product background settings regulate the background for the textual content house of the cardboard.
Design Settings
The Design settings mean you can alter each and every component independently. You will have complete regulate over the sizes, colours, fonts, backgrounds, borders, and so forth. I’ve adjusted lots of the settings on this instance.
Divi WooCommerce Prolonged Merchandise Carousel
Divi WooCommerce Prolonged Merchandise Carousel items 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 make a selection the product kind, format, quantity to show, the sorting order, conceal merchandise out of inventory, select classes, and so forth.
Show
The entire show choices also are the similar. Display a snappy view button, select the weather to turn or conceal, upload textual content, and display the sale badge.
Slider
It doesn’t come with pagination. As a substitute, it has slider choices. Make a choice the slide impact between Slide, Dice, Coverflow, and Turn. Each and every of the choices has other settings. Make a choice the choice of merchandise to show inside a slide, alter the distance between the slides, equalize the heights, permit loop, permit autoplay, alter the velocity, and so forth. This situation displays 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 displays the default choice throughout the slider. This situation displays Arrows of their default place.
This situation displays the arrows within the height middle.
It additionally comprises dot pagination with 6 kinds to choose between. This situation displays Cast Dot.
This situation displays 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 greater than the ones which might be additional away.
Design Settings
The Design settings come with choices for each and every component 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 each and every of the kinds on your WooCommerce store. It comprises 2 layouts, and you’ll be able to make a selection the kinds you need to show. That is format 1. It puts the name and choice of pieces in that class underneath the featured symbol for the class.
That is format 2. It puts the name and choice of pieces over the picture and shows the cardboard as a defined sq..
Show
The show choices come with the choice of columns, column spacing, masonry, thumbnail, zoom impact, thumbnail dimension, and product depend.
Background
The background settings position a background colour in the back of the name and product counts.
Right here’s how the background appears with format 2.
Design Settings
The design settings come with choices for all of the parts. 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 Marketplace for $59. It comprises limitless utilization, 1 12 months of enhance 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 a large number of options to Divi for construction store pages on your WooCommerce merchandise. I’ve best touched at the primary options and it’s simple to peer how robust it’s. Should you’re serious about including new options for your WooCommerce store, Divi WooCommerce Prolonged is value a glance.
We wish to pay attention from you. Have you ever attempted Divi WooCommerce Prolonged? Tell us what you take into accounts it within the feedback.
The put up Divi Plugin Highlight: Divi WooCommerce Extended seemed first on Elegant Themes Blog.
Contents
- 1 Divi WooCommerce Prolonged Modules
- 2 The place to Acquire Divi WooCommerce Prolonged
- 3 Finishing Ideas
0 Comments