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.
Make a choice Add Theme, click on Select Document, choose the DiviCommerce zipped document for your pc, and click on Set up Now.
Subsequent, click on Turn on.
In any case, choose DC Demo Import > Simple Demo Import.
Select the information to import and click on Import Demo Content material. I like to recommend the usage of the default settings.
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.
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.
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.
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 House Two
The second one house web page displays a full-screen slider with CTAs.
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.
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 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.
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 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.
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 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 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 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 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 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.
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.
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.
Subsequent is the outline and delivery data and a piece for critiques.
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.
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.
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 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.
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.
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.
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.
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 Two
Header two puts the quest field within the most sensible bar. The buying groceries cart and menu change facets.
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 4
The fourth header facilities the brand and the menu, puts the quest at the left, and the cart at the proper.
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.
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 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.
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 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.
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.
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