Exclusive Divi Cyber Monday Gift #4: WooCommerce Product Layout Pack

December 6, 2019

This year as a special thank you to everyone who purchases an Elegant Themes Membership during our Cyber Monday Sale (and to our wonderful Lifetime customers!) we’ve created several exclusive gifts from our staff to you. Today we’re highlighting gift #4: The WooCommerce Product Layout Pack. This pack includes over a dozen stunning product page layouts that are ready to use for just about any type of online store. In this post we’ll show you how to download the pack and use it on your very own Divi website today.

A Look Inside the Exclusive Cyber Monday WooCommerce Product Layout Pack (14 Layouts Included!)

exclusive-divi-cyber-monday-gift-4-woocommerce-product-layout-pack Exclusive Divi Cyber Monday Gift #4: WooCommerce Product Layout Pack

The Backpack Product Layout

exclusive-divi-cyber-monday-gift-4-woocommerce-product-layout-pack-1 Exclusive Divi Cyber Monday Gift #4: WooCommerce Product Layout Pack

View Live Preview

The Furniture Product Layout

exclusive-divi-cyber-monday-gift-4-woocommerce-product-layout-pack-2 Exclusive Divi Cyber Monday Gift #4: WooCommerce Product Layout Pack

View Live Preview

The Coffee Product Layout

exclusive-divi-cyber-monday-gift-4-woocommerce-product-layout-pack-3 Exclusive Divi Cyber Monday Gift #4: WooCommerce Product Layout Pack

View Live Preview

The Beauty Product Layout

exclusive-divi-cyber-monday-gift-4-woocommerce-product-layout-pack-4 Exclusive Divi Cyber Monday Gift #4: WooCommerce Product Layout Pack

View Live Preview

The Interior Product Layout

exclusive-divi-cyber-monday-gift-4-woocommerce-product-layout-pack-5 Exclusive Divi Cyber Monday Gift #4: WooCommerce Product Layout Pack

View Live Preview

The Fashion Product Layout

exclusive-divi-cyber-monday-gift-4-woocommerce-product-layout-pack-6 Exclusive Divi Cyber Monday Gift #4: WooCommerce Product Layout Pack

View Live Preview

The Software Product #1 Layout

exclusive-divi-cyber-monday-gift-4-woocommerce-product-layout-pack-7 Exclusive Divi Cyber Monday Gift #4: WooCommerce Product Layout Pack

View Live Preview

The Software Product #2 Layout

exclusive-divi-cyber-monday-gift-4-woocommerce-product-layout-pack-8 Exclusive Divi Cyber Monday Gift #4: WooCommerce Product Layout Pack

View Live Preview

The Service Product #1 Layout

exclusive-divi-cyber-monday-gift-4-woocommerce-product-layout-pack-9 Exclusive Divi Cyber Monday Gift #4: WooCommerce Product Layout Pack

View Live Preview

The Service Product #2 Layout

exclusive-divi-cyber-monday-gift-4-woocommerce-product-layout-pack-10 Exclusive Divi Cyber Monday Gift #4: WooCommerce Product Layout Pack

View Live Preview

The Non Profit Product #1 Layout

exclusive-divi-cyber-monday-gift-4-woocommerce-product-layout-pack-11 Exclusive Divi Cyber Monday Gift #4: WooCommerce Product Layout Pack

View Live Preview

The Non Profit Product #2 Layout

exclusive-divi-cyber-monday-gift-4-woocommerce-product-layout-pack-12 Exclusive Divi Cyber Monday Gift #4: WooCommerce Product Layout Pack

View Live Preview

The Startup Product #1 Layout

exclusive-divi-cyber-monday-gift-4-woocommerce-product-layout-pack-13 Exclusive Divi Cyber Monday Gift #4: WooCommerce Product Layout Pack

View Live Preview

The Startup Product #2 Layout

exclusive-divi-cyber-monday-gift-4-woocommerce-product-layout-pack-14 Exclusive Divi Cyber Monday Gift #4: WooCommerce Product Layout Pack

View Live Preview

How to Get the Exclusive WooCommerce Product Layout Pack Today!

exclusive-divi-cyber-monday-gift-4-woocommerce-product-layout-pack Exclusive Divi Cyber Monday Gift #4: WooCommerce Product Layout Pack

For New Members

If you don’t have an Elegant Themes Membership yet, you can get the WooCommerce Product Layout Pack (plus a lot more) by clicking the button below to claim the Cyber Monday deal. Once you are a member, you will have access to the theme builder pack downloads in your members area.

Claim the Deal Before It Disappears!

For Existing Members with Yearly Subscription

If you already have a yearly subscription to Elegant Themes, you can gain access to this free WooCommerce Product Layout Pack (plus a lot more) when you upgrade to a lifetime subscription during the Cyber Monday deal. Click the button below to claim the deal. Once you are a lifetime member, you will have access to the theme builder pack downloads in your members area.

Claim the Deal Before It Disappears!

For Lifetime Members

If you are already a Lifetime Member, you already have access to the exclusive WooCommerce Product Layout Pack! All you need to do is login to your members area to find the download links for each of the packs.

Go to the Cyber Monday Perks Page in the Members Area!

How to Download and Use the WooCommerce Product Layout Pack on Your Own Divi Website Today

[embedded content]

Subscribe To Our Youtube Channel

Downloading the Pack from the Members Area

All of the Theme Builder Pack downloads can be found in your members area. To access the downloads, you must first login to the members area with the username and password created when you signed up as a member.

exclusive-divi-cyber-monday-gift-4-woocommerce-product-layout-pack-15 Exclusive Divi Cyber Monday Gift #4: WooCommerce Product Layout Pack

Once you are logged in, click the link on the far right of the members area menu called “Cyber Monday Perks”. Under Cyber Monday Perks, click the Download the Pack button to download the Theme Builder Templates.

exclusive-divi-cyber-monday-gift-4-woocommerce-product-layout-pack-16 Exclusive Divi Cyber Monday Gift #4: WooCommerce Product Layout Pack

Once the file has been downloaded, unzip the folder and open it. There you will see a total of 15 json files included. 14 of the files can be used to import each of the product layouts individually.  One of the files designated with “Pack” in the name (ie. “Divi-Product-Layout-Pack.json”) can be used to import the entire product layout pack (all the layouts) to your Divi Library at once.

exclusive-divi-cyber-monday-gift-4-woocommerce-product-layout-pack-17 Exclusive Divi Cyber Monday Gift #4: WooCommerce Product Layout Pack

Importing the Product Layout(s) to the Divi Library

Now that you have the product layout files ready, you can use them to import the product layouts to the Divi Library. Once done, they will be ready to add to any product or template layout on your site.

Here’s how to do it.

From the WordPress Dashboard, navigate to Divi > Divi Library. Then Click the Import/Export button at the top of the page.

exclusive-divi-cyber-monday-gift-4-woocommerce-product-layout-pack-18 Exclusive Divi Cyber Monday Gift #4: WooCommerce Product Layout Pack

In the portability popup modal, select the import tab. Then choose the file named “Divi-Product-Layout-Pack.json” from the unzipped folder you previously downloaded from the members area. This complete pack file will add them all at once. Then click the Import button.

exclusive-divi-cyber-monday-gift-4-woocommerce-product-layout-pack-19 Exclusive Divi Cyber Monday Gift #4: WooCommerce Product Layout Pack

Once done, you should see all 14 product layouts imported to the Divi Library.

exclusive-divi-cyber-monday-gift-4-woocommerce-product-layout-pack-20 Exclusive Divi Cyber Monday Gift #4: WooCommerce Product Layout Pack

Adding a Product Layout to a Product in Divi

Now that you have all 14 product layouts into the Divi Library, you can easily add them to any product on your store.

Here’s how to do it.

From the WordPress Dashboard, navigate to Products > All Products. Then hover over a product that you want to add the new layout to and click the edit link.

exclusive-divi-cyber-monday-gift-4-woocommerce-product-layout-pack-21 Exclusive Divi Cyber Monday Gift #4: WooCommerce Product Layout Pack

The click the Use the Divi Builder button.

exclusive-divi-cyber-monday-gift-4-woocommerce-product-layout-pack-22 Exclusive Divi Cyber Monday Gift #4: WooCommerce Product Layout Pack

Under the Divi Page Settings, choose a fullwidth page layout so that the product layout will span the full width of the page. Then click Build on the Front End.

exclusive-divi-cyber-monday-gift-4-woocommerce-product-layout-pack-23 Exclusive Divi Cyber Monday Gift #4: WooCommerce Product Layout Pack

Open the settings menu at the bottom of the front end Divi Builder and click “Load from Library” plus icon. Select the “Your Saved Layouts” tab. There you will see a list of all the Product Layouts you imported to the Divi Library earlier. Choose the product layout you want to use from the list.

exclusive-divi-cyber-monday-gift-4-woocommerce-product-layout-pack-24 Exclusive Divi Cyber Monday Gift #4: WooCommerce Product Layout Pack

And just like that, you have a brand new layout for your product. Save the layout and you are good to go.

exclusive-divi-cyber-monday-gift-4-woocommerce-product-layout-pack-25 Exclusive Divi Cyber Monday Gift #4: WooCommerce Product Layout Pack

Using a Product Layout as a Product Template for all Products Site-Wide

If you want to apply one of the product layouts to all of your products site-wide, you will need to use the product layout in a new Theme Builder Template.

Here’s how to do it.

From the WordPress Dashboard, navigate to Divi > Theme Builder. Then click the Add New Template area.

exclusive-divi-cyber-monday-gift-4-woocommerce-product-layout-pack-26 Exclusive Divi Cyber Monday Gift #4: WooCommerce Product Layout Pack

Next, click the Add Custom Body area to build a custom body.

exclusive-divi-cyber-monday-gift-4-woocommerce-product-layout-pack-27 Exclusive Divi Cyber Monday Gift #4: WooCommerce Product Layout Pack

Assign the new template to “All Products” and click Create Template.

exclusive-divi-cyber-monday-gift-4-woocommerce-product-layout-pack-28 Exclusive Divi Cyber Monday Gift #4: WooCommerce Product Layout Pack

Select the option to Choose a Premade Layout.

exclusive-divi-cyber-monday-gift-4-woocommerce-product-layout-pack-29 Exclusive Divi Cyber Monday Gift #4: WooCommerce Product Layout Pack

Select the “Your Saved Layouts” tab. There you will see a list of all the Product Layouts you imported to the Divi Library earlier. Choose the product layout you want to use from the list.

exclusive-divi-cyber-monday-gift-4-woocommerce-product-layout-pack-30 Exclusive Divi Cyber Monday Gift #4: WooCommerce Product Layout Pack

And just like that, you have completely new product template for all of your products!

Don’t  forget to save the template layout before exiting.

exclusive-divi-cyber-monday-gift-4-woocommerce-product-layout-pack-31 Exclusive Divi Cyber Monday Gift #4: WooCommerce Product Layout Pack

Then save the changes on the Theme Builder.

exclusive-divi-cyber-monday-gift-4-woocommerce-product-layout-pack-32 Exclusive Divi Cyber Monday Gift #4: WooCommerce Product Layout Pack

Final Thoughts

This Divi WooCommerce Product Layout Pack is just one part of our Cyber Monday Deal. By joining our empowered community during these days and becoming a member, you’ll get:

  • 25% OFF EVERYTHING
  • All of the exclusive Theme Builder packs for free
  • Access to our awesome themes and plugins
  • Bonus Prizes & Exclusive Deals from our partners

Seize the opportunity and become a member today by going to our Cyber Monday Deal Page.

Source

Share this article:
 

eHost managed wordpress hosting

We’re listening.

Have something to say about this article? Share it with us on Facebook, Twitter or LinkedIn:

SHARE IT HERE:

Related Posts

5 Cash Flow Tips for Freelancers

5 Cash Flow Tips for Freelancers

If you run a business, you want more money coming in than the amount going out – that much is a given. When you work as a contractor, you need to think of yourself as a company if you’re going to scale. That means taking steps to ensure you maintain a positive...

What is a Sidebar and Do You Need One on Your Blog?

What is a Sidebar and Do You Need One on Your Blog?

When you think about a typical website’s layout, there’s a strong chance you include a column of important links or information to the right or left of the main content area. This element is known as a “sidebar”, and is extremely prevalent across the web. However, for...

Get ALL Your SEO, WordPress & Divi News

Join Our Daily Roundup

SEO News and More

SEO News and More

Subscribe ToThe Weekly SEO Trade News Updates

Get the latest SEO, SEM and SMM marketing intel, tips and tricks from one of the best SEO Gurus online. 

Every Tuesday morning we send out an aggregated email listing all new posts on SEO Trade News.

Excellent! Now check your email to confirm your subscription.