DiviCommerce is a third-party kid theme for Divi that’s designed for construction on-line retail outlets. It comprises a whole lot of pages and contours to create WooCommerce stores that stand proud of the gang. On this publish, we’ll have a look at the pages and contours of DiviCommerce to lend a hand making a decision if it’s the fitting Divi kid theme to your wishes.

Putting in DiviCommmerce

I discovered putting in DiviCommerce to be intuitive. Set up it like you could possibly any WordPress theme however with Divi because the energetic theme. Were given o Look > Topics > Upload New Theme.

Installing DiviCommmerce

Make a choice Add Theme, click on Select Document, choose the DiviCommerce zipped document for your pc, and click on Set up Now.

Installing DiviCommmerce

Subsequent, click on Turn on.

Installing DiviCommmerce

In any case, choose DC Demo Import > Simple Demo Import.

Installing DiviCommmerce

Select the information to import and click on Import Demo Content material. I like to recommend the usage of the default settings.

Installing DiviCommmerce

As soon as the demo content material imports, click on Take away Demo Content material & Import Purposes. Your website online now seems like the demo with dummy pictures to turn the sizes wanted. Upload your content material and your website online is able to use.

Installing DiviCommmerce

DiviCommerce Pages

DiviCommerce comes with 26 pages that come with 6 house pages designed to create more than one sorts of on-line stores. It additionally comprises 3 store pages, 2 product pages, 2 checkout pages, 5 headers, 2 footers, and a whole lot of extras. Options come with Ajax product filters, cart popups, product Ajax seek, popup paperwork, and WooCommerce variation swatches.

Let’s check out the layouts. I’ll spoil the bigger layouts into smaller teams so that they’re more uncomplicated to regulate and display pictures from the downloaded kid theme and the product demo.

DiviCommerce House One

The hero phase displays a full-screen symbol with a CTA.

DiviCommerce Home One

Following this can be a phase for brand spanking new arrivals. This comprises hover results for the product playing cards. A two-column phase presentations pictures that hyperlink to the store. The pictures come with the Ken Burns impact. Subsequent, is any other store phase with hover results. Right here’s the highest portion of the product demo.

DiviCommerce Home One

The ground part of the primary house structure displays any other full-screen CTA, featured merchandise, a singular deal countdown, a weblog, and pictures.

DiviCommerce Home One

DiviCommerce House Two

The second one house web page displays a full-screen slider with CTAs.

DiviCommerce Home Two

The highest part of the web page comprises CTAs to buy classes, a singular store phase with two merchandise on one aspect and a CTA at the different, a store phase, and a full-width electronic mail signup shape. The entire product playing cards and buttons come with hover results.

DiviCommerce Home Two

The second one part of House Two displays a store phase, a deal countdown timer in a card over a full-screen background symbol, a weblog, and pictures.

DiviCommerce Home Two

DiviCommerce House 3

The highest part of House 3 presentations a full-width CTA, a store phase with new arrivals, a piece with 4 pictures in two columns for class CTAs, and a large electronic mail shape.

DiviCommerce Home Three

The second one part of the structure presentations phase store sections, a weblog phase with a background symbol, and a piece with buyer pictures.

DiviCommerce Home Three

DiviCommerce House 4

The fourth house web page features a distinctive hero phase with two pictures. One is longer than the opposite and the textual content and CTA overlap each pictures. It additionally comprises class pictures with the identify on the backside of the cardboard and a store phase.

DiviCommerce Home Four

The second one part of the structure presentations two massive class CTAs, a store phase, a deal phase with a countdown timer, and a weblog with a background symbol.

DiviCommerce Home Four

DiviCommerce House 5

The 5th house web page presentations a full-screen hero phase with the CTA at the proper. It has a big phase of class pictures with 5 smaller pictures and 3 higher pictures. 3 store sections display what’s new, what’s on sale, and the most productive dealers. This structure additionally comprises the full-width electronic mail shape and buyer pictures.

DiviCommerce Home Five

DiviCommerce House Six

The 6th house web page is probably the most distinctive. It presentations a sale countdown timer within the hero phase. Each and every of the store sections puts the identify in massive textual content to the left of the phase. That is adopted by means of two symbol CTAs that come with the identify and button that overlap the picture and every different. Any other class phase puts comprises pictures with field shadows that disappear on hover. This structure additionally comprises the e-mail shape and buyer pictures.

DiviCommerce Home Six

DiviCommerce Store One

The primary store web page presentations a full-width symbol with a web page identify adopted by means of the goods in 4 columns with a sorting filter out and a sidebar to the left. The sidebar comprises the class, measurement, and colour choices. Merchandise show a field shadow on hover.

DiviCommerce Shop One

DiviCommerce Store Two

Store Two features a full-width symbol, puts the goods in one column, and provides a captivating product filter out the place customers can filter out by means of class, measurement, and colour above the store phase. It additionally comprises the sorting filter out and provides pagination on the backside of the web page. The filters open on hover.

DiviCommerce Shop Two

DiviCommerce Store 3

Store 3 doesn’t come with a full-width symbol. It puts the store classes on the most sensible of the web page with pictures. The store phase comprises the sidebar, filter out, hover results, and pagination.

DiviCommerce Shop Three

Product Web page One

The primary product web page presentations a big, featured symbol at the left and the product choices at the proper. The product choices stay in position as you scroll. Breadcrumbs on the most sensible of the web page display the shoppers the place they’re within the navigation construction.

Product Page One

Following the featured symbol is a collection of thumbnail pictures and any other massive symbol. As soon as the huge symbol reaches the world of the product choices, the choices scroll with the web page.

Product Page One

Subsequent is the outline and delivery data and a piece for critiques.

Product Page One

Finally, there’s a phase the place shoppers can upload their very own critiques.

Product Web page Two

The second one product web page follows the design of the primary however provides the outline and delivery data to the product choices house within the toggles.

Product Page Two

The ground of the web page provides a piece of goods the buyer may well be excited about. The product playing cards upload field shadows on hover.

Product Page Two

Cart Popup

The cart popup seems when a product is added to the cart. It features a box so as to add a chit code, a slider with identical merchandise, and a checkout button.

Cart Popup

Cart Web page

DiviCommerce features a styled cart web page. The cart data features a field shadow. The buttons are crimson to check the kid theme’s design.

Cart Page

Checkout Web page One

It has two checkout pages. That is the primary checkout web page. It puts the order and fee data at the proper of the checkout shape. The second one checkout web page puts this data below the shape and puts corporate data at the proper of the shape.

Checkout Page One

About Us

The About Us web page presentations angled pictures that stand out. The web page additionally features a full-width symbol, a number of spaces for textual content, and a few higher pictures.

About Us

Touch Us

The Touch Us web page presentations the touch data with blurbs, presentations a touch shape, toggles for the FAQs, and features a full-width map.

Contact Us

DiviCommerce Headers

DiviCommerce comprises 5 headers. They come with more than one sections that can be utilized, deleted, or swapped to any other header.

Header One

The primary header provides a sale bar on the most sensible and features a seek, account login, and a hyperlink for the popup buying groceries cart at the proper. The brand and menu are at the left.

Header One

Header Two

Header two puts the quest field within the most sensible bar. The buying groceries cart and menu change facets.

Header Two

Header 3

The 0.33 header puts the menu in a brand new bar within the middle and on the backside and strikes the quest to the middle.

Header Three

Header 4

The fourth header facilities the brand and the menu, puts the quest at the left, and the cart at the proper.

Header Four

Header 5

In any case, the 5th header puts the quest field within the most sensible bar, strikes the brand and menu to the left, and puts the cart at the proper.

Header Five

DiviCommerce Footers

DiviCommerce comprises two footers. Each paintings smartly for eCommerce.

Footer One

Footer primary comprises two sections. The primary phase incorporates blurbs for info equipped as textual content. The second one phase comprises an Symbol Module for the brand, a Social Media Apply Module, and a whole lot of Textual content Modules for info and hyperlinks.

Footer One

Footer Two

The second one footer replaces the highest phase with an electronic mail shape. The second one phase strikes the Social Media Apply buttons to the fitting in its personal column.

Footer Two

DiviCommerce Popup

DiviCommerce features a popup made with the Divi Builder and a plugin referred to as Popup Maker. The popup itself presentations an electronic mail shape with a sign-up CTA on one aspect and a picture at the different aspect. It comprises an overlay and a detailed button.

DiviCommerce Popup

DiviCommerce Seek

The Ajax seek lists the types and merchandise as you kind. The hunt is rapid and the consequences keep open, permitting the buyer to click on the rest within the effects.

DiviCommerce Search

The place to Acquire DiviCommerce

DiviCommerce is to be had within the Divi Market for $25. It comprises 365 days of enhance and updates, limitless web site utilization, and a 30-day money-back ensure.

Where to Purchase DiviCommerce

Finishing Ideas on DiviCommerce

That’s our have a look at the DiviCommerce kid theme for Divi. This kid theme comprises a whole lot of pages and layouts to construct any form of WooCommerce store. The 5 additional plugins with the kid theme upload many fascinating options, such because the cart, popups, and filters. The Ajax options are rapid They offer the web site many sublime and helpful gear and stand proud of the gang.

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

The publish Divi Product Spotlight: DiviCommerce gave the impression first on Sublime Topics Weblog.

WordPress Web Design

[ continue ]