Development an eCommerce site can include a ton of demanding situations, from having the entirety running the way in which you need it to, to having it glance the way in which you envisioned as neatly. With Divi, we attempt our easiest to make your eCommerce site construction procedure easy, and with the brand new Divi WooCommerce Update, that’s more uncomplicated than ever. We’ve added 8 new modules that let you take your eCommerce to the following stage. This replace used to be accompanied by means of some wonderful cart and checkout designs, which we are actually sharing for FREE! Scroll down additional this publish to get your arms on those wonderful freebies, crafted by means of our design crew.

Set #1

View The Live Layout Demo

Set #2

View The Live Layout Demo

Set #3

View The Live Layout Demo

Set #4

View The Live Layout Demo

Obtain The Cart & Checkout Template Units for FREE

To put your arms at the loose cart & checkout template units, you’re going to first wish to obtain them the usage of the button underneath. To achieve get entry to to the obtain it is important to subscribe to our Divi Day-to-day electronic mail checklist by means of the usage of the shape underneath. As a brand new subscriber, you’re going to obtain much more Divi goodness and a loose Divi Structure pack each Monday! Should you’re already at the checklist, merely input your electronic mail deal with underneath and click on obtain. You’ll no longer be “resubscribed” or obtain further emails.

Download the Files

.et_bloom .et_bloom_optin_1 .et_bloom_form_content { background-color: #4843d2 !necessary; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container .et_bloom_form_header { background-color: #ffffff !necessary; } .et_bloom .et_bloom_optin_1 .carrot_edge .et_bloom_form_content:ahead of { border-top-color: #ffffff !necessary; } .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:ahead of, .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:ahead of { border-top-color: clear !necessary; border-left-color: #ffffff !necessary; }
@media handiest display and ( max-width: 767px ) {.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:ahead of { border-top-color: #ffffff !necessary; border-left-color: clear !necessary; }.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:after { border-bottom-color: #ffffff !necessary; border-left-color: clear !necessary; }
}.et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !necessary; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_fields i { shade: #f92c8b !necessary; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_custom_field_radio i:ahead of { background: #f92c8b !necessary; } .et_bloom .et_bloom_optin_1 .et_bloom_border_solid { border-color: #f7f9fb !necessary } .et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !necessary; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container h2, .et_bloom .et_bloom_optin_1 .et_bloom_form_container h2 span, .et_bloom .et_bloom_optin_1 .et_bloom_form_container h2 sturdy { font-family: “Open Sans”, Helvetica, Arial, Lucida, sans-serif; }.et_bloom .et_bloom_optin_1 .et_bloom_form_container p, .et_bloom .et_bloom_optin_1 .et_bloom_form_container p span, .et_bloom .et_bloom_optin_1 .et_bloom_form_container p sturdy, .et_bloom .et_bloom_optin_1 .et_bloom_form_container shape enter, .et_bloom .et_bloom_optin_1 .et_bloom_form_container shape button span { font-family: “Open Sans”, Helvetica, Arial, Lucida, sans-serif; } p.et_bloom_popup_input { padding-bottom: 0 !necessary;}

See also  How To Re-Bundle Your Current Divi Subscriptions & Save Thousands

Obtain For Unfastened

Sign up for the Divi E-newsletter and we will be able to electronic mail you a replica of without equal Divi Touchdown Web page Structure Pack, plus heaps of different wonderful and loose Divi sources, pointers and methods. Observe alongside and you’re going to be a Divi grasp very quickly. If you’re already subscribed merely sort for your electronic mail deal with underneath and click on obtain to get entry to the format pack.

DOWNLOAD

You may have effectively subscribed. Please test your electronic mail deal with to verify your subscription and get get entry to to loose weekly Divi format packs!

How you can Obtain & Set up the Cart & Checkout Templates

Unzip the Downloaded Zipped Folder

If you’ve downloaded the freebies, pass forward and unzip the folder. You’ll in finding 4 folders, one for each and every cart and checkout template set. Within a particular set folder, there’s a person record for the cart and checkout templates and a blended record that imports each without delay.

Navigate to the Divi Theme Builder

To add the templates, navigate to the Divi Theme Builder within the backend of your site.

Import Template Set of Your Selection

Click on the icon within the height proper nook, toggle the import tab and add the JSON record of your selection.

Save Theme Builder Adjustments & View the End result!

As soon as your templates had been imported, you’ll want to save all Divi Theme Builder settings ahead of previewing the end result in your site! That’s it!

Take a look at Out the Latest WooCommerce Replace for Divi!

We are hoping you’ll experience those loose cart & checkout template units. Those freebies are a part of the newest WooCommerce update for Divi, we added 8 new modules and let you customise all of the purchasing enjoy! Take a look at all of the different cool stuff Divi does by means of navigating to our Divi product page. We steadily liberate new freebies, so you’ll want to keep watch over the weblog. And don’t fail to remember to percentage your ideas within the feedback phase!

The publish Download the first FREE Cart & Checkout Page Template Sets for Divi seemed first on Elegant Themes Blog.

read more