Divi Fashion designer Pack is a structure pack with over 720 design parts you’ll use with the Divi Builder to with out issues create your next internet web page. It comes with every delicate and dark layouts and a variety of designs for every section of your internet web page. In this post, we’ll take a look at some of the layouts that come with the Divi Fashion designer Pack to look if that’s the appropriate product for you.
Let’s get started!
Setting up Divi Fashion designer Pack
Divi Fashion designer Pack comes as a .ZIP file containing Divi Library .json information. The layouts are packaged in an effort to arrange all layouts, all layouts of a definite magnificence, or all delicate or dark layouts of a definite magnificence depending on your needs.
To place within the layouts, get began thru unzipping the .ZIP file to your file manager. Then, open your WordPress dashboard and navigate to the Divi Library internet web page. Click on on Import & Export at the best, then make a selection the import tab. Make a selection a .json structure pack report back to import, then make a selection Import Divi Builder Layouts.
As quickly because the structure has been imported, open your internet web page throughout the Divi Builder. Click on at the blue plus icon so to upload a brand spanking new section, then make a selection Add From Library.
In finding the structure you want to use throughout the Divi Library.
Then, click on at the Use This Segment button to load the structure on your internet web page.
Divi Fashion designer Pack
Divi Fashion designer Pack comes with 720+ layouts for quite a lot of internet web page sections with every delicate and dark designs. Each and every of the layouts will also be customized to your liking and the content material subject material can all be replaced with your individual. On account of there are such a large amount of different layouts that come with this pack, we can’t cover they all in this post. We’ll take a look at a few layouts from every magnificence to come up with an idea of what designs you’ll get with the Divi Fashion designer Pack. You’ll be capable to moreover view all of the layouts on the reside demo web page.
Divi Fashion designer Design Sections
Divi Fashion designer About Sections
There are 25 about section layouts in total. Construction 2 has an image and an overlapping text box with a host. There’s text at the correct side, along with some blurb modules.
That is the dark type of structure 2.
Construction 11 features a two-tone design with some text on the left and an image at the correct, a CTA button, and a couple of blurb modules that incorporates social media icons.
About structure 17 uses gradient shapes spherical an image. There’s some text and a CTA button on the left, along with some blurb modules with arrow icons.
Divi Fashion designer Blog Sections
There are 7 blog sections in total, with dark and lightweight diversifications. The ones sections display a variety of posts on your blog. Construction 1 has a simple and minimalistic design, with a zoom-in hover affect on the photos and an underline hover affect on the post establish.
The third blog structure features a CTA button at the best right kind and taking part in playing cards with a slight shadow hover affect.
That is the dark variation of blog structure 5. It features a hover affect that gives an underline to the post establish and moves the card up rather.
Blog structure 7 features a card with the post wisdom at the best, the image throughout the middle, and a be told additional button at the bottom.
Divi Fashion designer Carousel Sections
There are 16 different carousel designs, with a variety of quite a lot of types of carousels. The principle example is carousel 4, a body of workers member carousel. Each and every body of workers member card choices an image, name, process establish, description, and social media icons.
Construction 7 is a testimonial carousel. That’s the dark structure. Each and every carousel products features a profile image, testimonial text, name, and process establish.
Carousel 13 is a blog post carousel. It is a simple card structure with the blog magnificence on the best right kind corner of the image and the post establish below.
Divi Fashion designer Contact Sections
Divi Fashion designer comes with 20 contact section layouts. This is structure 4, which choices some text and get in touch with wisdom on the left and a marginally form at the correct.
Contact structure 6 is a straightforward section with a phone amount, some text, and a CTA button on the left, with an image at the correct.
Construction 15 choices the contact form on the left with contact wisdom at the correct over a gradient background.
That’s the dark variation of structure 15.
Divi Fashion designer Counter Sections
There are 16 counter layouts in total. The principle structure is to get a unfastened quote and has some text and a CTA button on the left and an image and a couple of amount counters below.
Construction 9 choices some text at the best and amount counters with icons below.
Counter structure 11 has a counter bar that fills since the internet web page such a lot. That’s the dark structure.
Counter structure 15 choices text on the left and a CTA button, with some additional text at the correct followed thru amount counters.
Divi Fashion designer CTA Sections
There are 15 CTA layouts throughout the Divi Fashion designer Pack. This number one example is structure 5. It is a CTA section highlighting a mobile app and it choices photos that can link to the Google Play store and the App Store.
This is CTA structure 7 at nighttime variation. It has a depressing overlayed image with an icon, text, and two CTA buttons.
Construction 9 features a blurb module with some text and a CTA button covering an image with rounded corners.
Construction 10 choices some text and social media icons.
Divi Fashion designer FAQ Sections
There are 15 FAQ section layouts. This is FAQ section one. It choices a large image on one side and toggle-style FAQ questions at the correct.
And that’s the dark type of FAQ section one.
FAQ structure 4 has a full-width toggle structure.
Finally, FAQ structure 7 choices toggle FAQ questions on the left and an image, some text, and a CTA button at the correct.
Divi Fashion designer Hero Sections
There are 30 hero section layouts in total. The principle one, structure 8, choices some text on the left-hand side with a transparent image of a person at the correct.
Hero structure 9 features a darkened background image with massive hero text and a search bar. Beneath the search bar are 3 image taking part in playing cards with description text and a be told additional button.
Construction 19 makes use of a giant darkened background image and features some text and two buttons.
Divi Fashion designer Pricing Sections
There are also 20 pricing layouts. This is pricing structure 7. It features a pink background and two pricing taking part in playing cards with some text to the fitting. Each and every pricing card has a heading and subheading, a value, details, and a purchase order now button.
Pricing structure 8 choices 3 pricing tiers. The establish and price, along with the subtitle are on the left. The choices are at the correct, presented with take a look at marks, and the acquisition now button is at the correct. The middle chance is highlighted in green.
Construction 12 choices 3 taking part in playing cards with an icon, establish and subtitle, and price at the best of every card. There’s a green banner that separates the perfect from the choices, and then a list of choices followed thru a button. Each and every card has a hover affect that moves the card up on hover.
That is the dark type of pricing structure 19. It has some blurb icons at the best to focus on choices, and three pricing plan blocks.
Divi Fashion designer Services and products and merchandise Sections
Divi Fashion designer Pack comes with 25 services layouts. Construction 3 features a heading, 3 blurb modules on a depressing background with description text, and a button.
Services and products and merchandise structure 14 has 3 taking part in playing cards with an icon at the best, some description text, a numbered text checklist, and a link to view details.
Construction 19 choices some heading text and description text, along with six blurb modules with icons representing every supplier.
That’s the dark type of services structure 25. It choices 4 services sections with a hover affect that turns the card dark.
Divi Fashion designer Slider Sections
There are a whole of 15 slider layouts. Slider structure 1 features a small text slider with a host, text, and a button on every slide. There’s a establish section with green background above the slider, and an image at the correct side.
Slider structure 8 is a large image slider with a depressing overlay. There’s text on the left and a button below.
Slider structure 12 has a large background image and text slides on a white background that changes with every slide. There may be a button on every slide.
Divi Fashion designer Group Sections
There are 25 body of workers section layouts in total. Construction 8 features a heading and three body of workers member photos with a hover affect. Whilst you hover over the image, there’s a dark overlay and the body of workers member’s name, process establish, and social media icons are confirmed.
That is the dark type of structure 8.
Construction 13 has a heading and text on the left-hand side, along with a CTA button. At the correct are 3 spherical body of workers member photos. Similar to the overall design, while you hover over the image the body of workers member’s name, process establish, and social media icons are published.
This design is structure 18 and features taking part in playing cards with body of workers member photos, process titles, and social media links. At the correct is a heading and description, followed thru a CTA button.
Divi Fashion designer Testimonial Sections
There are 25 different testimonial sections. This is structure 1 and features heading and body text at the best, followed thru 3 testimonial sections. Each and every testimonial has an icon, an image, body text, a name, process establish, and company.
This section is structure 2. It choices two testimonial taking part in playing cards with a quote icon, text, an image, name, process establish, and company establish on an image background with a depressing overlay. On the left you’ll to search out some header text, body text, and a CTA button.
That’s the dark type of structure 5, that incorporates vibrant sections containing consumer testimonials.
Construction 7 features a testimonial slider on the left with an image, testimonial text, and a name at the bottom. At the correct is heading text, body text, and a CTA button.
Divi Fashion designer Theme Builder Templates
Next are the theme builder templates. The ones are header, footer, and body templates that can be uploaded from the theme builder throughout the Divi settings to your WordPress dashboard.
Divi Fashion designer Footer Templates
There are a whole of 20 footer templates. First is footer structure 4. This design features a logo, social media icons, and a copyright perceive on the left. At the correct are two columns of menu items.
Footer structure 13 has a marginally form on the left and get in touch with wisdom and social media icons at the correct. There’s a sub footer bar with copyright wisdom as well.
Footer structure 19 features a logo, care for, and open hours on the left side. Throughout the center is a menu bar, and at the correct is a e-newsletter sign-up form and social media links. At the very bottom is a copyright perceive.
Divi Fashion designer Header Templates
There are 20 header templates throughout the Divi Fashion designer Pack as well. This is header 7. It features a secondary menu bar in green with contact wisdom and a CTA button. The primary menu bar features a logo on the left and menu items aligned to the fitting.
Header structure 8 choices contact wisdom with an inline logo at the best. Beneath are the menu items.
Header structure 13 choices some social media icons on the left, a logo throughout the center, and a CTA button to the fitting. Beneath are the menu items, aligned to the left, and a search bar which is aligned to the fitting.
Divi Fashion designer 404 Templates
There are 25 different 404 internet web page templates. The principle design, structure 6, choices the letters “OOPS” at the back of the 404 error text. This structure moreover has an orange button to seek advice from the home internet web page.
This is structure 9. It choices some massive shadowed text and the 404 error, along with a button to go back to the home internet web page followed thru some social media icons.
Construction 12 choices the 404 numbers in a large font and has a button to go back to the home internet web page.
Divi Fashion designer Blog Templates
Divi Fashion designer Blog Internet web page Templates
There are 20 blog templates that come with the Divi Fashion designer Pack. Blog structure 1 choices an image header with a establish and a button. The posts are listed on the left with the featured image, post wisdom, and browse additional button. There’s a sidebar at the correct with a search bar, fresh posts, and up to the moment comments. At the bottom is another image with text overlaid.
That is the dark type of blog structure 1.
Blog structure 8 choices some curved section dividers and a header section with text and a button at the best. Blog posts have a card-style structure with an image, post details, and a be told additional button. At the bottom of the internet web page is another text section.
Blog structure 18 features a heading section with text and a button, followed thru two blog columns. The left column displays posts with a large featured image. The right kind column merely choices the post’s details and a be told additional button. Finally, there is also some additional text throughout the footer.
Divi Fashion designer Submit Templates
There are 20 different post templates that come with the pack. Submit structure 4 has the featured image at the very best of the internet web page, with the post establish, post wisdom, and a button overlaid. Following that’s the post content material subject material and comments. There’s a sidebar at the correct that features a search bar, fresh posts, and up to the moment comments. At the bottom of the internet web page is a couple of additional text.
That is the dark type of post structure 5. The featured image is at the best with a curved divider. The post content material subject material and comments are on a depressing background, followed thru a work with an image and overlayed text promoting an offer.
Construction 11 begins with the post establish at the best, then the massive featured image. Then, you’ll to search out the post content material subject material and the comments. At the correct there’s a card containing the post wisdom.
Submit structure 13 moreover choices the establish at the best, followed during the featured image. The post wisdom is listed below the image. Next is the post content material subject material and comments, and in the end there’s a identical posts section displaying taking part in playing cards with other posts from the blog.
Divi Fashion designer Woo Templates
The Woo Templates are layouts that artwork with the Woo Business plugin.
Divi Fashion designer Cart Templates
There are 13 cart templates that come with the pack. Cart structure 1 features a blue color theme. There’s a heading at the best, followed during the cart where you’ll see the cart contents, apply a bargain, and substitute the cart. There’s a return to shop for button below this. At the correct is the cart total, followed during the proceed to checkout button.
Cart structure 2 has a heading with a cart icon. Then there is also the cart where you’ll see the products. Following this on the left is a couple of coupon wisdom, and at the correct is the cart total and the proceed to checkout button.
Cart structure 8 begins with a heading, followed during the cart content material subject material. Beneath the ones are some blurb icons and a return to shop for button. Following that’s the cart total and a proceed to checkout button. At the correct of this is an accordion module with some FAQs.
And that is the dark type of cart structure 8.
Divi Fashion designer Checkout Templates
There are 13 checkout templates in total. Checkout structure 3 choices links to the shop and cart pages at the best, followed thru a bargain get right of entry to section. Beneath on the left are billing details and additional wisdom, and at the correct are the order total and price. That’s the dark type.
That’s the 4th template. It choices a variety of icons at the best which may well be hooked up to the cart and retailer, followed thru a bargain code get right of entry to. On the left are billing details and additional wisdom, and at the correct are the order total and price way.
That is the dark type of checkout structure 4.
Checkout structure 10 features a establish and coupon get right of entry to at the best, followed during the billing details and additional wisdom. At the correct are the order total, price, and a couple of blurb modules.
Divi Fashion designer Product Templates
There are 13 product templates as well. This is structure 2, which choices a large image of the product at the best. Following that’s the product name, worth, description, and add to cart button. Beneath are identical products and evaluations.
Product structure 6 has a darker background and features the product image on the left and the product wisdom at the correct, with the add to cart button. Beneath are the description, evaluations, and identical products.
Product structure 10 has a card structure with the product wisdom and add to cart button on the left. At the correct is the product image. Beneath are evaluations and identical products.
That is the dark type of product structure 10.
Divi Fashion designer Retailer Templates
Finally, there are also 10 retailer templates that come with the Divi Fashion designer Pack. This is structure 4, which incorporates a header with an image, followed thru a sidebar and the products. At the bottom are some blurb modules with massive icons.
Retailer structure 8 features a heading with text and an image, products below with a border, followed thru some blurb modules.
That’s the dark type of retailer structure 8.
Finally, retailer structure 9 features a heading with an image, followed thru products on the left and a sidebar at the correct, then some blurb modules at the bottom.
Achieve Divi Fashion designer Pack
Divi Fashion designer Pack is available throughout the Divi Market. It costs $19 for endless internet web page usage and lifetime updates. The fee moreover includes a 30-day money-back be certain.
We merely hit the highest of the iceberg in this article, there are such a large amount of additional layouts to search out throughout the Divi Fashion designer Pack, all with different varieties and uses. In truth, every structure will also be completely customized with your individual content material subject material and changed to check your explicit use case, and also you’ll combine many various section layouts to easily create full-page layouts. To preview all of the different layouts you get with the Divi Fashion designer Pack, check out the reside demo.
We want to pay attention to from you! Have you ever ever tried Divi Fashion designer Pack? Let us know what you take into accounts it throughout the comments!
The post Divi Product Spotlight: Divi Dressmaker Pack appeared first on Chic Issues Weblog.