Divi Plugin Highlight: Divi WooCommerce Extended

by | Nov 1, 2022 | Etcetera | 0 comments

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:

  1. Mini Cart
  2. Fast View
  3. Product Carousel
  4. Classes
  5. Ajax Seek
  6. Tab Supervisor
  7. Checkout Supervisor and
  8. 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 Extended Modules

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.

Divi WooCommerce Extended Mini Cart

The customized choice allows you to select an icon or symbol out of your Media Library.

Divi WooCommerce Extended Mini Cart

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.

Divi WooCommerce Extended Mini Cart

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.

Divi WooCommerce Extended Mini Cart

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.

Divi WooCommerce Extended Mini Cart

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.

See also  How to Create AI Art with Adobe Firefly in 2023

Divi WooCommerce Extended Mini Cart

This situation displays Overlay. You’ll be able to position it in any of the 4 corners of the display screen.

Divi WooCommerce Extended Mini Cart

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.

Divi WooCommerce Extended Mini Cart

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 Extended Mini Cart

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.

Divi WooCommerce Extended Product Ajax Search

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.

Divi WooCommerce Extended Product Ajax Search

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.

Divi WooCommerce Extended Product Ajax Search

Background

It comprises a number of background choices that come with the quest consequence field background, seek consequence merchandise background, and common background settings.

Divi WooCommerce Extended Product Ajax Search

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.

Divi WooCommerce Extended Product Ajax Search

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.

Divi WooCommerce Extended Product Ajax Search

This situation displays 2 columns.

Divi WooCommerce Extended Product Ajax Search

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.

Divi WooCommerce Extended Products

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.

Divi WooCommerce Extended Products

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.

See also  How to Fix the 504 Gateway Timeout Error in WordPress

Divi WooCommerce Extended Products

Format 3 puts the upload to cart button above the name.

Divi WooCommerce Extended Products

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.

Divi WooCommerce Extended Products

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.

Divi WooCommerce Extended Products

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.

Divi WooCommerce Extended Products

Product Background

The product background settings regulate the background for the textual content house of the cardboard.

Divi WooCommerce Extended Products

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 Extended Products

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.

Divi WooCommerce Extended Products

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.

Divi WooCommerce Extended Products

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.

Divi WooCommerce Extended Products

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.

See also  Methods to Come with a Scroll Down Button in Your Divi Fullwidth Header Module

This situation displays the arrows within the height middle.

Divi WooCommerce Extended Products

It additionally comprises dot pagination with 6 kinds to choose between. This situation displays Cast Dot.

Divi WooCommerce Extended Products

This situation displays Rounded Line.

Divi WooCommerce Extended Products

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.

Divi WooCommerce Extended Products

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 Extended Products

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.

Divi WooCommerce Extended Products Categories

That is format 2. It puts the name and choice of pieces over the picture and shows the cardboard as a defined sq..

Divi WooCommerce Extended Products Categories

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.

Divi WooCommerce Extended Products Categories

Right here’s how the background appears with format 2.

Divi WooCommerce Extended Products Categories

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.

Divi WooCommerce Extended Products Categories

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.

Where to Purchase Divi WooCommerce Extended

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.

WordPress Maintenance Plans | WordPress Hosting

read more

0 Comments

Submit a Comment

DON'T LET YOUR WEBSITE GET DESTROYED BY HACKERS!

Get your FREE copy of our Cyber Security for WordPress® whitepaper.

You'll also get exclusive access to discounts that are only found at the bottom of our WP CyberSec whitepaper.

You have Successfully Subscribed!