Download the Free Divi Wireframe Single Static Product Sections Kit for Landing Pages & Catalogs

How to Learn WordPress: 7-Day Challenge
August 25, 2016
Basics of Inspect Element: Customizing WordPress for DIY Users
August 25, 2016
Show all

Welcome to Day 86 of our Divi 100 Marathon. Keep tuning in for 100 days in a row of awesome Divi resources as we count down to the amazing release of Divi 3.0 on the final day of the series!


single-static-product-sections-kit-00_mockup

Today we continue to expand our Divi Wireframe Kit by providing more product sections. This kit provides nine single product sections perfect for showcasing single products on landing pages or as featured products in catalogues. Enjoy!

Downloading & Using the Free Wireframe Single Static Product Sections for Landing Pages & Catalogs

To use the Free Wireframe Single Static Product Sections for Landing Pages & Catalogs on your own Divi website you will first need to download it using the button below. Next, locate the file divi-100-single-static-product-sections-kit.zip in your downloads folder and unzip it. Then, navigate in your WordPress admin to Divi > Divi Library and click the “Import & Export” button at the top of the page.

When the portability modal pops up go to the import tab. Click the “choose file” button and select the All.json file or any of the individual files you want. Then click the blue “Import Divi Builder Layout” button and wait for the import to complete.

Once the import has finished you will now have the ability to load your new Free Wireframe Single Static Product Sections for Landing Pages & Catalogs on any builder powered page by going to Load From Library > Add From Library. You can also load the individual sections by using the Load From Library option in the in-line section controls.

Download The Layout Pack

All photos courtesy of the generous authors on Unsplash.com via the Unsplash License. Layout Packs are released under the GPL, which means you can use them for free for both personal and commercial projects! By using ElegantThemes.com and our products you agree to our Terms of Service.

The Free Wireframe Single Static Product Sections for Landing Pages & Catalogs

In our full kit layout you get all nine single product sections in one layout so that you can easily mix and match, or edit and re-save more easily.

single-static-product-sections-kit-00_layout_preview

Full Layout Kit

The Single Sections

The nine single sections below can be added to any page or post via the inline “Add From Library” controls within the Divi Builder.

single-static-product-sections-kit-01

Static Product Section 01

single-static-product-sections-kit-02

Static Product Section 02

single-static-product-sections-kit-03

Static Product Section 03

single-static-product-sections-kit-04

Static Product Section 04

single-static-product-sections-kit-05

Static Product Section 05

single-static-product-sections-kit-06

Static Product Section 06

single-static-product-sections-kit-07

Static Product Section 07

single-static-product-sections-kit-08

Static Product Section 08

single-static-product-sections-kit-09

Static Product Section 09

Tomorrow: A New Sneak Peek of Divi 3.0’s Inline Editor

Join us again tomorrow for another sneak peek of Divi 3.0’s magical inline editor. It’s one of our favorite features and we’ve only just scratched the surface so far. See you then!

Be sure to subscribe to our email newsletter and YouTube channel so that you never miss a big announcement, useful tip, or Divi freebie!

divi-2-6-logo

Divi 100 Day 86

The Countdown To Divi 3.0

This post is part of our Divi 100 marathon. Follow along as we post free Divi resources for 100 days in a row! This 100-day countdown will end with the game-changing release of Divi 3.0, including our brand new visual editor built from the ground up using React. Divi 3.0 will change the way you build websites with the Divi Builder forever!
Let the countdown begin.

jQuery(document).ready(function(){jQuery(“#DIV_TO_PLACE_COUNTDOWN”).jCountdown({timeText:”2016/9/7 7:00:00″,timeZone:-8,style:”slide”,color:”black”,width:0,textGroupSpace:15,textSpace:0,reflection:false,reflectionOpacity:10,reflectionBlur:0,dayTextNumber:1,displayDay:true,displayHour:true,displayMinute:true,displaySecond:true,displayLabel:true});});Learn More About Divi 3.0

.section-header{width: 520px; padding: 50px 40px 20px; margin: 100px 0; text-align: center; color: #fff !important; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #6c2eb9; background-image: url(https://cdn.elegantthemes.com/blog/wp-content/uploads/2016/04/divi-100.jpg); background-repeat: no-repeat;}.section-header h2{margin-top: 0 !important; color: #fff;}.section-header strong{color:#fff;}.section-header img{margin-bottom: 10px;}.section-header:after{position: absolute; bottom: -16px; left: 50%; margin-left: -16px; width: 32px; height: 32px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); content:”; background: #6c2eb9;}.divi-demo-link{border-bottom: 4px solid #00d5b5; margin-top: 15px; border-radius: 4px; transition: all.5s ease-in-out; display: block; width: 100%; padding: 10px 0; text-transform: uppercase; font-weight: bold; text-align: center; color: #1C695D; background-color: #00efcb;}.divi-demo-link:hover{text-decoration: none; background-color: #2CFFDF;}.divi-download-link{text-align: center; font-size: 18px; border-radius: 4px; padding: 20px; color: #fff; display: block; margin: 10px 0 10px; background-color: #7e3bd0; transition: background .5s; text-decoration: none; font-weight: bold;}.divi-download-link:hover{background-color: #C04BDE; text-decoration: none;}hr{border-style: solid; margin: 0 0 40px 0; border: 1px solid #EAEBEB;}

The post Download the Free Divi Wireframe Single Static Product Sections Kit for Landing Pages & Catalogs appeared first on Elegant Themes Blog.

View @ ElegantThemes

Skip to toolbar