Download a Stylish Fashion Layout Pack for Divi

Hey Divi Nation, thanks for joining us for the next installment of our weekly Divi Design Initiative; where each week, we give away a brand new, free Divi Layout Pack from our design team to you.

This week our design team breaks into the world of fashion with a fashion layout pack designed to be as flexible as it is stylish. With the eight different page layouts included in the pack, the website is going to look great right out of the box. And, the site isn’t limited to the fashion niche. With a few customizations, you can build many different kinds of websites including blogs, small business sites, and even e-commerce sites.

  layout

Check Out The Divi Layout Pack
for Fashion Sites Below

Download For Free Today!

 -fashion-layout-pack-grid

Landing Page Design

fashion-landing

View The Live Layout Demo

Home Page Design

fashion-home

View The Live Layout Demo

About Page Design

fashion-about

View The Live Layout Demo

Blog Page Design

fashion-blog

View The Live Layout Demo

Contact Page Design

fashion-contact

View The Live Layout Demo

Gallery Page Design

fashion-gallery

View The Live Layout Demo

Shop Page Design

fashion-shop

View The Live Layout Demo

Designer Page Design

fashion-designer

View The Live Layout Demo

Key Features

One of my favorite things about this layout is it’s flexibility. Changing the color scheme of the site would be really easy since all of the content areas have a white background. This makes it all the more flexible for your branding needs. I can see this being used by bloggers, small businesses, photographers, you name it.

But what really shines is how well it is built for e-commerce. The featured sections on the landing page organized and spaced nicely to showcase items on sale, by category, and popularity. The shop module is used throughout to display products in a way that matches the feel of the design. And I love the customizable promotional banners advertising “20% off” and “Buy 1 Get 1 Free”. The fact that they aren’t images and can be edited is a really helpful addition for an e-commerce site.

Keep in Mind

The shop page and product displays throughout the site require Woocommerce to be installed with products added. Also, be careful to keep all of your product images the same dimensions when adding new products so that they all have the same height on the page. It helps that all of the images for your products are the same size so they line up nicely.

Live Demos

Click the links below to see a live demo for each of the layouts included in the pack.

  1. Fashion Landing Page (live demo)
  2. Fashion Home Page(live demo)
  3. Fashion About Page (live demo)
  4. Fashion Designer Page (live demo)
  5. Fashion Gallery Page (live demo)
  6. Fashion Shop Page (live demo)
  7. Fashion Blog Page (live demo)
  8. Fashion Contact Page (live demo)

Download The Layout Pack

To use the Fashion Layout Pack on your own Divi website, you will first need to download it using the button below. To gain access to the download you will need to subscribe to our Divi Daily email list by using the form below. As a new subscriber you will receive even more Divi goodness and a free Divi Layout pack every Monday! If you’re already on the list, simply enter your email address below and click download. You will not be “resubscribed” or receive extra emails.

.et_bloom .et_bloom_optin_1 .et_bloom_form_content { background-color: #4843d2 !important; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container .et_bloom_form_header { background-color: #ffffff !important; } .et_bloom .et_bloom_optin_1 .carrot_edge .et_bloom_form_content:before { border-top-color: #ffffff !important; } .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:before, .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:before { border-top-color: transparent !important; border-left-color: #ffffff !important; }
@media only screen and ( max-width: 767px ) {.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:before, .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:before { border-top-color: #ffffff !important; border-left-color: transparent !important; }
}.et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !important; } .et_bloom .et_bloom_optin_1 .et_bloom_border_solid { border-color: #f7f9fb !important } .et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !important; } .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 strong { 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 strong, .et_bloom .et_bloom_optin_1 .et_bloom_form_container form input, .et_bloom .et_bloom_optin_1 .et_bloom_form_container form button span { font-family: “Open Sans”, Helvetica, Arial, Lucida, sans-serif; } p.et_bloom_popup_input { padding-bottom: 0 !important;}

Download For Free

Download For Free

Join the Divi Newlsetter and we will email you a copy of the ultimate Divi Landing Page Layout Pack, plus tons of other amazing and free Divi resources, tips and tricks. Follow along and you will be a Divi master in no time. If you are already subscribed simply type in your email address below and click download to access the layout pack.


You have successfully subscribed. Please check your email address to confirm your subscription and get access to free weekly Divi layout packs!

How To Import The Divi Layout

Subscribe To Our Youtube Channel

Once you have downloaded the layout pack, locate the -fashion-layout-pack.zip file in your downloads folder on your computer. Double click the folder to unzip it and then navigate inside the -fashion-layout-pack folder. Inside this folder you will find 8 files, each of which is a unique layout that you can import into your Divi Library. To do so, navigate in your WordPress Admin to Divi > Divi Library > Import & Export. You can select the individual layout you desire or choose the All Layouts file to important everything at once.

  • Fashion_All.json
  • Fashion_About.json
  • Fashion_Blog.json
  • Fashion_Contact.json
  • Fashion_Gallery.json
  • Fashion_Landing.json
  • Fashion_Shop.json
  • Fashion_Home.json
  • Fashion_Designer.json

To load one of these layouts onto your page, activate the Divi Builder and then look for the “Load From Library” icon in the page settings bar (it looks like a plus symbol). Click this icon to launch the Load From Library popup and then navigate to the Add From Library tab. Here you can choose any of the eight layouts we’ve included in this pack to add to your page.

load from library

No Licensing Restrictions

fashion-collage

The photos included with these layouts have no licensing restrictions. This means you can use them in all of your commercial projects without having to worry about paying licensing fees or attributing the photographer. Use them in your commercial websites, sell them within your Divi child themes, include them in your own Divi layout packs or just use them on your blog. We know how challenging it can be to find good photos and how confusing and scary the licensing that governs those photos can be. We want to fix that problem for our users.

Download the Full Res Image Assets

But Wait…There’s More!

We hope you enjoy this fashion layout pack. And to help ensure that you do, we’ll be doing a live stream on our Facebook page this Tuesday at 3pm EST to walk through how to turn this layout pack into a fully functional e-commerce fashion blog. This walk through will show you how to use elements of the different layouts to design a custom post layout for your blog, how to add a shop (with Woocommerce) to sell fashion products online, and more.

See you there!

.divi_cta{background-color: #8f43ee; color: #fff; font-size: 20px; font-weight: bold; padding: 20px; text-align: center; display: block; text-decoration: none; border-radius: 4px;}.divi_cta:hover{text-decoration:none;background-color:#7d37d6;}.divi_cta_red{background-color:#db1c1c;}.divi_cta_red:hover{background-color:#c51a1a;}

The post Download a Stylish Fashion Layout Pack for Divi appeared first on Elegant Themes Blog.

Click Here to Leave a Comment Below 0 comments

Leave a Reply: