Divi Product Spotlight: Divi Dressmaker Pack

by | Mar 5, 2023 | Etcetera | 0 comments

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.

Divi Product Highlight Divi Designer Pack Import

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.Divi Product Highlight Divi Designer Pack Add Layout from Library

In finding the structure you want to use throughout the Divi Library.

Divi Product Highlight Divi Designer Pack Select Library

Then, click on at the Use This Segment button to load the structure on your internet web page.

Divi Product Highlight Divi Designer Pack Use Section

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.

Divi Product Highlight Divi Designer Pack About 2

That is the dark type of structure 2.

Divi Product Highlight Divi Designer Pack About Dark 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.

Divi Product Highlight Divi Designer Pack About 11

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 Product Highlight Divi Designer Pack About 17

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.

Divi Product Highlight Divi Designer Pack Blog 1

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.

Divi Product Highlight Divi Designer Pack Blog 3

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.

Divi Product Highlight Divi Designer Pack Blog Dark 5

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 Product Highlight Divi Designer Pack Blog 7

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.

Divi Product Highlight Divi Designer Pack Carousel 4

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.

Divi Product Highlight Divi Designer Pack Carousel Dark 7

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.

See also  Automattic WordPress.com vs. WordPress.org: A Complete Information for Florida WordPress…

Divi Product Highlight Divi Designer Pack Carousel 13

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.

Divi Product Highlight Divi Designer Pack Contact 4

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.

Divi Product Highlight Divi Designer Pack Contact 6

Construction 15 choices the contact form on the left with contact wisdom at the correct over a gradient background.

Divi Product Highlight Divi Designer Pack Contact 15

That’s the dark variation of structure 15.

Divi Product Highlight Divi Designer Pack Contact Dark 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.

Divi Product Highlight Divi Designer Pack Count 4

Construction 9 choices some text at the best and amount counters with icons below.

Divi Product Highlight Divi Designer Pack Count 9

Counter structure 11 has a counter bar that fills since the internet web page such a lot. That’s the dark structure.

Divi Product Highlight Divi Designer Pack Counter Dark 11

Counter structure 15 choices text on the left and a CTA button, with some additional text at the correct followed thru amount counters.

Divi Product Highlight Divi Designer Pack Count 15

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.

Divi Product Highlight Divi Designer Pack CTA 5

This is CTA structure 7 at nighttime variation. It has a depressing overlayed image with an icon, text, and two CTA buttons.

Divi Product Highlight Divi Designer Pack CTA Dark 7

Construction 9 features a blurb module with some text and a CTA button covering an image with rounded corners.

Divi Product Highlight Divi Designer Pack CTA 9

Construction 10 choices some text and social media icons.

Divi Product Highlight Divi Designer Pack CTA 10

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.

Divi Product Highlight Divi Designer Pack FAQ 1

And that’s the dark type of FAQ section one.

Divi Product Highlight Divi Designer Pack FAQ Dark 1

FAQ structure 4 has a full-width toggle structure.

Divi Product Highlight Divi Designer Pack FAQ 4

Finally, FAQ structure 7 choices toggle FAQ questions on the left and an image, some text, and a CTA button at the correct.

Divi Product Highlight Divi Designer Pack FAQ 7

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.

Divi Product Highlight Divi Designer Pack Hero 8

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.

Divi Product Highlight Divi Designer Pack Hero 9

Construction 19 makes use of a giant darkened background image and features some text and two buttons.

Divi Product Highlight Divi Designer Pack Hero 19

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.

Divi Product Highlight Divi Designer Pack Pricing 7

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.

Divi Product Highlight Divi Designer Pack Pricing 8

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.

Divi Product Highlight Divi Designer Pack Pricing 12

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 Product Highlight Divi Designer Pack Pricing Dark 12

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.

Divi Product Highlight Divi Designer Pack Services 3

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.

Divi Product Highlight Divi Designer Pack Services 14

Construction 19 choices some heading text and description text, along with six blurb modules with icons representing every supplier.

Divi Product Highlight Divi Designer Pack Services 19

That’s the dark type of services structure 25. It choices 4 services sections with a hover affect that turns the card dark.

Divi Product Highlight Divi Designer Pack Services Dark 25

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.

Divi Product Highlight Divi Designer Pack Slider 1

Slider structure 8 is a large image slider with a depressing overlay. There’s text on the left and a button below.

Divi Product Highlight Divi Designer Pack Slider 8

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 Product Highlight Divi Designer Pack Slider 12

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.

Divi Product Highlight Divi Designer Pack Team 8

That is the dark type of structure 8.

Divi Product Highlight Divi Designer Pack Team Dark 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.

See also  How To Make A Website That Makes Money (2024 Guide)

Divi Product Highlight Divi Designer Pack Team 13

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 Product Highlight Divi Designer Pack Team 18

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.

Divi Product Highlight Divi Designer Pack Testimonial 1

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.

Divi Product Highlight Divi Designer Pack Testimonial 2

That’s the dark type of structure 5, that incorporates vibrant sections containing consumer testimonials.

Divi Product Highlight Divi Designer Pack Testimonial Dark 5

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 Product Highlight Divi Designer Pack Testimonial 7

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.

Divi Product Highlight Divi Designer Pack Footer 4

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.

Divi Product Highlight Divi Designer Pack Footer 13

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 Product Highlight Divi Designer Pack Footer 19

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.

Divi Product Highlight Divi Designer Pack Header 7

Header structure 8 choices contact wisdom with an inline logo at the best. Beneath are the menu items.

Divi Product Highlight Divi Designer Pack Header 8

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 Product Highlight Divi Designer Pack Header 13

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.

Divi Product Highlight Divi Designer Pack

Construction 12 choices the 404 numbers in a large font and has a button to go back to the home internet web page.

Divi Product Highlight Divi Designer Pack 404 12

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.

Divi Product Highlight Divi Designer Pack Blog 1

That is the dark type of blog structure 1.

Divi Product Highlight Divi Designer Pack Blog Dark 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.

Divi Product Highlight Divi Designer Pack Blog 8

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 Product Highlight Divi Designer Pack Blog 18

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.

Divi Product Highlight Divi Designer Pack Post 4

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.

Divi Product Highlight Divi Designer Pack Post Dark 5

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.

See also  Will have to You Get started a Weblog or a YouTube Channel? (Novice’s Information)

Divi Product Highlight Divi Designer Pack Post 11

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 Product Highlight Divi Designer Pack Post 13

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.

Divi Product Highlight Divi Designer Pack Cart 1

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.

Divi Product Highlight Divi Designer Pack Cart 8

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.

Divi Product Highlight Divi Designer Pack Cart 2

And that is the dark type of cart structure 8.

Divi Product Highlight Divi Designer Pack Cart Dark 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.

Divi Product Highlight Divi Designer Pack Checkout Dark 3

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.

Divi Product Highlight Divi Designer Pack Checkout 4

That is the dark type of checkout structure 4.

Divi Product Highlight Divi Designer Pack Checkout Dark 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 Product Highlight Divi Designer Pack Checkout 3

 

 

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.

Divi Product Highlight Divi Designer Pack Product 2

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.

Divi Product Highlight Divi Designer Pack Product 6

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.

Divi Product Highlight Divi Designer Pack Product 10

That is the dark type of product structure 10.

Divi Product Highlight Divi Designer Pack Product Dark 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.

Divi Product Highlight Divi Designer Pack Shop 4

Retailer structure 8 features a heading with text and an image, products below with a border, followed thru some blurb modules.

Divi Product Highlight Divi Designer Pack Shop 8That’s the dark type of retailer structure 8.

Divi Product Highlight Divi Designer Pack Shop Dark 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.

Divi Product Highlight Divi Designer Pack Shop 9

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.

Final Concepts

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.

WordPress Web Design

[ continue ]

WordPress Maintenance Plans | WordPress Hosting

Contents

read more

0 Comments

Submit a Comment

DON'T LET YOUR WEBSITE GET DESTROYED BY HACKERS!

Get your FREE copy of our Cyber Security for WordPress® whitepaper.

You'll also get exclusive access to discounts that are only found at the bottom of our WP CyberSec whitepaper.

You have Successfully Subscribed!