Tag: Divi Child Theme

Divi Product Highlight: Furniture Shop Divi WooCommerce Theme
Furniture Shop Divi WooCommerce Theme is a third-party child theme for Divi that was designed for eCommerce. It includes multiple page designs and adds many features that work with WooCommerce. In this post, weâ€™ll take a look at the Furniture Shop Divi WooCommerce Theme to help you decide if itâ€™s the right Divi Child Theme for your online shop.

Installing Furniture Shop Divi WooCommerce Theme

Installing this Divi Child Theme was simple. With Divi activated, upload and activate the Furniture Shop Divi WooCommerce Theme like any WordPress theme. First, go to Themes:
1. Appearance
2. Themes
3. Add New
Next, upload the theme.
1. Upload Theme
2. Choose File
3. Install Now
Next, activate the Child Theme.
1. Activate
Select all of the content you want to install. This includes all of the pages, layouts, and even the plugins. It will also activate the plugins for you. Everything is selected by default. I recommend leaving everything selected. Click Import Demo Content and wait for the import to finish.
1. Import Demo Content
Finally, once everything has been imported and activated, youâ€™ll see a message that the process is complete, and you can then remove the importer.
1. Remove Demo Content and Import Functions
I got a message that the WooCommerce Wishlist plugin was misconfigured, but it was an easy fix. You will need to set up a few plugins, such as your WooCommerce options, the WooCommerce Wishlist Plugin options, FiboSearch settings, etc. The documentation does show the settings youâ€™ll need. Most of mine were correctly configured, but I did need to make some adjustments to match the documentation.

Furniture Shop Divi WooCommerce Theme Options

The theme settings include a one-click color change, color pickers, and preloaders. The general tab includes theme color options and color pickers where you can select the default primary and secondary colors.

The preloader tab includes 28 built-in preloaders to choose from. You can also upload a custom preloader and choose the color, background, effects, delay, and fadeout speed.

Furniture Shop Divi WooCommerce Theme Pages

Furniture Shop Divi WooCommerce Theme adds 32 pages to your website, not counting the pages created in the Divi Theme Builder. These include home pages, standard website pages, WooCommerce pages, etc.

Home Pages

Furniture Shop Divi WooCommerce Theme has 3 different home pages to choose from. All three follow the white color scheme with green highlights, include the same design elements, and focus on eCommerce. Hereâ€™s a look at all three home pages.

Home One

Hereâ€™s the top portion of the first home page. It includes a CTA slider at the top of the page with vertically placed social icons and a message on the right. Category icons with hover animations link to the various shop categories. A section for new products displays the products in a styled Shop Module. This section is labeled with a vertically placed title. A Deals section includes a CTA with a countdown timer and a product image and a background image.

This is the bottom portion of the page. It includes a newsletter form and a product section with images in a mosaic that link to product categories. They include gradient overlays. It also includes an About section, a styled blog section, and logos. Each of the sections includes vertical text.

Home Two

The first portion of the second home page includes a full-width slider for the hero section. Images with text work as links to the shop categories, icons show information, another slider works as a CTA, and the product section shows styled products in a grid.

The second portion shows new products, an overlapping CTA with a countdown timer, a small newsletter form, larger images for category CTAs, and a contact section with information on one side and a map on the other side.

Home Three

The first section of the third home page includes a full-width slider with overlapping icons that link to the shop categories. Large images in a mosaic work as CTAs to the shop.

The bottom portion shows a CTA with a countdown timer, a shop section with a CTA, a blog section, and logos.

Inner Pages

Furniture Shop Divi WooCommerce Theme has 25 inner pages to build your website. This includes all of the standard pages and a few extras.

About

The About page includes a small hero section with information and breadcrumbs followed by a larger section with information. A set of text blocks shows company information. Team Members include social icons that reveal on over. Accordion Modules build the FAQs. It also includes a section for logos.

Our Team

The Our Team page includes Person Modules with social icons that show on hover, as you can see in the middle module of the bottom row. It also includes a smaller FAQ next to a contact form.

Testimonials

The testimonials page includes lots of styled testimonial cards with hover effects. Hovering moves the card downward, changes the color of the quote icon, adds a background to the icon, and adds a bar at the bottom of the card.

Blog

There are four blog pages to choose from including a 2-column grid, a 3-column grid, a list with the image on the left, and a list with the image on the right. The example below shows a 3-column blog grid. The blog cards include hover animations that zoom the image.

This example shows a list with the image on the right.

Blog Post

The layout for the blog posts displays the featured image, blog content, a styled sidebar, recent posts with cards that match the blog, and a styled comment section.

404

The 404 page displays a full-screen image with a background mask that reveals a portion of the image. It also includes a 404 message and a button to return to the home page.

Headers

There are three headers to choose from. All three include a mega menu.

First Header

The first header includes a top bar and navigation with a mega menu. The top bar includes a text CTA. Both areas include icons. Navigation is placed on the right.

Second Header

The second header includes three bars. The top bar shows shopping information, several CTAs, and social media icons. The second bar includes the logos and a search box. Navigation is placed in the bottom bar.

Third Header

The third header includes two bars. The top bar includes elements of the first two headers. Navigation is placed in the center.

Footers

There are three footers to choose from.

First Footer

The first footer displays two search boxes. The first includes a CTA and a small subscribe form, followed by shipping information, and links in multiple layouts.

Second Footer

The second footer displays the shipping information at the top, then the links, and the email form at the bottom.

Third Footer

The third footer includes a background image. A message and an email form are placed at the top, followed by links.

Furniture Shop Divi WooCommerce Theme WooCommerce Pages

Furniture Shop Divi WooCommerce Theme also includes lots of WooCommerce pages and features.

Shop Pages

There are three shop pages to choose from, and you can choose with or without a sidebar. They include AJAX product filters, an AJAX live search, a flying cart, a wishlist, and a quick view popup.

Shop Page One

The first shop pages include a small hero section followed by category icons. A large shop section covers most of the page. It ends with a CTA to a specific category. The shop section includes a filter, pagination, styled purchase buttons, etc.

Shop Page Two

The second shop page includes two shop sections. The first is the newest products. It includes a vertical title. The second is all products. It includes pagination.

Shop Page Three

The third shop page includes one shop section and adds a CTA with a number counter at the bottom of the page.

Single Product Page Layouts

There are several product pages. They include with or without a sidebar, and there are pages for product types. The types include simple, grouped, variable, and external. They all follow a similar design.

Simple Product Type

The simple product-type page includes a sidebar with box shadows. It also includes related products. The sidebar includes a product search, recently viewed products, and product tags. The green line under the title of each sidebar module expands on hover.

Grouped Product Type

The grouped product page type lets the user choose from multiple products on the same page. It also includes related products at the bottom of the page. This example shows a few more of the sidebars including reviews.

WooCommerce Features

There are also many extra features added to WooCommerce including a flying cart, AJAX filters, and more. Hereâ€™s a look at a few of the extra WooCommerce features.

Flying Cart

The flying cart is a popup that shows all the products with their counts in the cart. The user can change the number of items for each product, see the cart page, checkout, share the cart, and continue shopping. The green and red color schemes stand out. I think this is one of the most interesting features of the Furniture Shop Divi WooCommerce Theme.

Cart

The cart itself is clean and includes icons to show where the user is in the checkout process.

Wishlist Popup

When the user adds an item to the wishlist, a small popup confirms the item was added. It includes a list to view the wishlist.

Wishlist

The wishlist page includes the same styling as the rest of the site and includes social media sharing icons.

AJAX Search

Product search uses AJAX, so the user doesnâ€™t need to go to a different page to see the results. Itâ€™s fast and easy to use. It shows the categories and the products. This example shows the AJAX search box in the header.

Where to Buy Furniture Shop Divi WooCommerce Theme

Furniture Shop Divi WooCommerce Theme is available in the Divi Marketplace for $39.99. It includes unlimited usage, one year of updates and support, and a 30-day money-back guarantee.

Ending Thoughts

Thatâ€™s our look at the Furniture Shop Divi WooCommerce Theme for Divi. There are a lot of WooCommerce pages and features available within this Divi Child Theme. I found the pages and features easy to use. The color options make it easy to match the Child Theme to your branded colors, making it look different from the original design. If youâ€™re interested in a WooCommerce Child Theme, Furniture Shop Divi WooCommerce Theme is worth a look.

We want to hear from you. Have you used the Furniture Shop Divi WooCommerce Theme? Let us know how you like it in the comments.

The post Divi Product Highlight: Furniture Shop Divi WooCommerce Theme appeared first on Elegant Themes Blog.
17.09.2023
Divi Product Highlight: Avanti â€“ Divi Multi-Purpose Child Theme
Avanti is a third-party child theme for Divi with over 60 pages in 9 niches to help you build just about any type of website you need. Using Avanti helps you build your website quicker. There are also WooCommerce-focused designs that’ll help you easily set up your online store. In this post, we’ll go through some of the layouts this Divi child theme provides to help you decide if it’s the right product for you!

Let’s get to it.

Installing Avanti

Installing Avanti is simple. It works the same way as installing a regular WordPress theme, but it has a couple more steps. It’s recommended to install Avanti on a fresh WordPress site. Since this is a Divi child theme, Divi is required. I found the installation process to be intuitive.
1. Go to Appearance
2. Select Themes
3. Select Add New
1. Click Upload Theme
2. Click Choose File
3. Navigate to the zipped file on your computer, choose it, and click Install Now
1. Click Activate
1. Go to Avanti Demo Import
2. Click Easy Demo Import
3. Choose Import Demo Content
1. Click Remove Demo Content and Import Functions
Avanti Pages, Layouts, and Templates

With a combination of pages and templates, Avanti provides over 60 pages with over 30 elements in 9 niches. This includes complete websites, multiple header and footer designs, shop pages, etc. I’ll show the layout with the placeholder images for some of the layouts and screenshots with the images from the sales demo to get a better look at the finished product. Here are some of the pages.

Here are some of the layouts added to the Divi Library.

It also includes 11 premade and preassigned templates.

Avanti Home Pages

Avanti includes 11 home pages for different types of businesses. They include:
1. Business
2. Restaurant
3. Photography
4. Consultation
5. Web Design
6. Dental
7. Renovation
8. Plumber
9. Shop V1
10. Shop V2
11. Shop V3
Each includes lots of styled elements, hover animations, scroll animations, and even the Ken Burns effect for background images. They include dummy images with their image size. The Business homepage is the default. This Divi child theme receives regular updates. We’ll look at the two newest home pages, Restaurant and Photography, and we’ll also look at its latest WooCommerce update.

Avanti Restaurant Home Page

The Restaurant layout has 5 pages, including the home page, about, food menu, testimonials, and contact page. Here’s the hero section of the home page with the dummy images.

Here’s a look at the home page with images from the child theme’s demo page. This includes a custom header.

Here’s part of the demo page. As you can see, this is a large page with many elements. All of the full-screen images are stationary. It includes a full-screen hero section with a link to the menu, an about section with image hover effects, images with hover effects that link to the food categories, a CTA to the food menu, a CTA to make a reservation, a two-column food menu created with blurbs, custom testimonial cards, a contact form, and more.

Avanti Photography Home Page

Photography includes 10 pages, including home, about, services, single service, photo gallery, single gallery, testimonials, pricing, FAQ, and contact. Here’s the Photography home page. It also includes a transparent header. This is the hero section with images from the child theme’s demo page.

Here’s the demo home page. This image was taken with parallax scroll effects. It includes a full-screen hero section with a link to the galleries, images that link to the categories, an about section with a link to the full story, styled testimonials with a custom design, a blog with custom blog cards, a contact form with images on both sides and a custom footer with contact information and an email form.

Other Avanti Pages

Aside from home pages, Avanti includes 3 WooCommerce shop home pages, 5 About Us, 3 Services, 3 Service pages, 5 Contact Us, 4 Portfolio pages, and many more. Other pages include blogs, Thank You, Testimonials, FAQ, Pricing, 404, etc. Many of these also include multiple versions.

Home Page Shop V1

Home Page Shop V1 displays a full-width slider with a CTA to the shop. This is the page with placeholder images. This is one of the original layouts, but I wanted to include it to see how the new layouts compare.

Here’s the page from the demo. It includes a section for the shop with categories, best sellers, CTAs, and products on sale. Following this is a full-screen CTA in parallax with text scrolling effects, a blog section for the latest news, and an email subscription CTA.

Home Page Shop V3

Home Page Shop V3 is a new shop design. Here’s the hero section with the placeholder images.

Here’s the page from the demo. It includes a slider with CTA, blurbs with information, a shop section with the featured and latest products, a full-screen CTA in true parallax, products on sale with a styled image, a deal of the day section with a countdown timer, CTAs, new products, the latest news, and brand logos.

Cart V2

Cart V2 is a new cart page that displays navigation icons at the top of the page to show the user knows where they are in the shopping process. It also displays a styled cart, a sale CTA, and cart totals.

Cart V3

Cart V3 is also new. It includes the same style as Cart V2 but moves the cart totals next to the cart and does not include the sale CTA.

Checkout V3

Checkout V3 is a new checkout page. It includes the navigation icons at the top of the page and a two-column section with a checkout form on the left and a smaller column on the right with information and testimonials.

About Us V4

About Us V4 is a new page that’s designed for the new Restaurant layout.

Here’s part of the page from the demo. It includes a full-width CTA in parallax, an about section with zoom effects, a menu CTA, and styled testimonials.

About Us V5

About Us V5 was designed for the new Photography layout.

The page includes a hero section in parallax with a CTA, an about section with a link to the contact page, blurbs that show information, testimonials, a blog, and a styled contact form. Most of these are included on the home page.

Services V3

Services V3 is a new page designed for the Photography layout. It includes a section with images for the services with an interesting hover effect. The image swings upward, and the text swings downward inside the card to reveal a photo and a button to see more. It also includes styled pricing tables.

Single Service V3

Single Service V3 is a new page for the Photography layout. It includes a large section for text and an image to describe a single service. It also includes testimonials, a contact form, etc.

Contact Us V4

Contact Us V4 is a contact page for the new Restaurant layout. It includes a two-column section with contact information, opening hours, and a form on the left side. The right side includes a map in monochrome.

Contact Us V5

Contact Us V5 is the contact page for the Photography layout. It includes a section of blurbs with contact information. The main part of the page contains a large contact form.

Testimonials V2

Testimonials V2 is a testimonials page for the new Restaurant layout. It displays testimonials within a styled card with an image background.

Pricing V2

Pricing V2 is a new page for the Photography layout. It includes the same hero section, testimonials, and contact section from the other pages and adds a styled pricing table. The table displays cards with varying heights and background colors for the titles.

Avanti Elements

Avanti includes several pages with just the elements so you can easily access them. They include headers, footers, slide-ins, flip boxes, service boxes, pricing tables, opt-ins, team members, and testimonials. Three of them include new elements. We’ll look at those three.

Headers

Avanti includes 5 headers to choose from. They include dropdown menus with backgrounds that match elements within the header. The first header is the default. It’s set up in the Divi Theme Builder as the global header. All the headers are added to the Divi Library, so you can easily change to a different header if you want.

Service Boxes

Avanti’s service boxes include six different ways to showcase your services. Most include hover effects that add text, change the images, zoom, etc., to create interesting cards.

Testimonials

Avanti includes 5 testimonial designs. These present your testimonials in styled cards. They include the new designs for the Restaurant and Photography layouts. The first testimonial includes hover effects.

Avanti Documentation

The documentation steps through setting up the child theme and performing specific tasks such as disabling the Ken Burns effect, changing the content of the flip boxes, redirecting the contact form, changing the slide-in, adding a menu badge, and more.

Where to Purchase Avanti

Avanti is available in the Divi Marketplace for $35. It includes unlimited usage, a 30-day money-back guarantee, and one year of support and updates.

Ending Thoughts

That’s our look at the Avanti Divi child theme. I found it easy to use, and the number of pages makes it highly versatile. The new pages and elements look great. I especially liked the new Restaurant, Photography, and shop home pages. Avanti has a lot of pages in many niches, making it a great choice for just about any type of website. I felt that its value far outweighed its price.

We want to hear from you. Have you tried the Avanti Divi child theme? Let us know what you think about it in the comments.

The post Divi Product Highlight: Avanti – Divi Multi-Purpose Child Theme appeared first on Elegant Themes Blog.
14.05.2023
Molti â€“ Divi Child Theme Overview

Molti is a multi-purpose Divi child theme with over 15 pages, 6 headers, 6 footers, and over 50 element designs to create any type of website you need. Itâ€™s designed with service-based businesses in mind and includes multiple versions of the design elements to help you create your Divi website. In this post, weâ€™ll take a look at Molti to help you decide if itâ€™s the right Divi child theme for your needs.

Installing Molti Divi Child Theme

Molti installs differently than most Divi child themes Iâ€™ve used. Itâ€™s installed as a plugin. It installs fast and easily. First, upload and activate the plugin.

Next, go to Molti Demo Importer in the WordPress dashboard. Select everything you want to import. I recommend leaving everything at their default. Lastly, click Begin site import.

Wait for the import to complete. Once itâ€™s finished, you can uninstall the plugin. Thatâ€™s it.

Molti child theme is now the active theme in your WordPress Themes directory. All the pages, templates, menus, and styling are now in place and ready for your content.

Hereâ€™s the default homepage with menus and a mega menu. This is a demo page with screenshots of the other pages and information about the features. Youâ€™ll need to set the actual home page by going to Settings > Reading in the WordPress dashboard.

Molti Divi Child Theme Pages

The 15 pages include a home page, pricing, portfolio, services, about, blog, careers, contact, and more. Some of the pages are built with Divi Theme Builder templates, while most are available as a page. Letâ€™s look closer at a few of the pages and elements.

Molti Home Page

The homepage includes 10 sections. They include the hero section, services, about, features, number counters, pricing, testimonials, and a blog. It has a light orange color scheme and dummy images. Each of the elements includes custom styling and animations. They look great. I especially like the blurbs and the blog section. This page is ideal for any type of business and is especially well-suited for a service business.

Molti Contact Us Page

The Contact Us page includes 4 sections with a hero section, contact information, a contact form, and an FAQ. It has lots of whitespace and many of the elements take the full width of the screen.

Molti About Us Page

The About Us page includes 8 sections. It includes a hero section with a CTA, a company history with a CTA, clients with logos, a team section that reveals information on hover, features with blurbs, testimonials, and a hiring section with a CTA.

Molti Careers Page

The careers page includes 4 sections. It includes the standard hero section with a CTA, a benefits section with blurbs, a location section with images, and job openings with blurbs that include a hover animation that covers the blurb with the buttonâ€™s color.

Molti Single Job Page

The single job page includes 4 sections with the last section only revealed with the application button selected. The hero section shows the job title. The second section uses Text Modules to create buttons to switch between the job information and form. The largest section displays the job overview with Text Modules.

Molti Services Page

The services page contains 8 sections. They include the standard hero section, information with an alternating layout, popular features with blurbs, services with animated blurbs, company logos, testimonials with an interesting image mosaic layout, and benefits of choosing the company with tilted images.

Molti Blog Page

The blog page includes two sections. The first is a unique hero section with a blog search. Second is a blog section with a styled Blog Module that matches the blog on the home page. Blog posts are displayed as cards in three columns.

Molti Portfolio Page

The portfolio page includes 3 sections. The first is the hero section with a CTA to view all the projects. Next is the portfolio with a styled filter. Following this is a CTA.

Molti Pricing Page

The pricing page includes three sections. First is the pricing tables. This section uses CTA Modules, Text Modules, and Blurb Modules to create a unique price table design. A button changes the prices and blurbs to create a table with check marks. Next is the FAQ section. Lastly is a CTA banner.

Molti Divi Child Theme Divi Theme Builder Templates

Molti uses the Divi Theme Builder to create and assign 7 templates. Hereâ€™s a quick look at a few of them.

Molti Header

The header includes a standard design for the menu, but then adds a hamburger menu to open a section of Blurb Modules.

In the Divi Theme Builder, the header displays two rows with the contact information in the top bar and the logo, menu, CTA, and custom hamburger icon in the second row. It includes a shadow effect to stand apart from the page.

The CTA opens to show the blurbs. They include hover effects and a button to see all the services. This is the desktop version.

Hereâ€™s the phone version. It only displays the regular menu with a hamburger menu icon. The menu shows a custom icon with collapsed submenus.

Molti Footer

The footer includes two sections and four rows. The first section doesnâ€™t contain rows. Itâ€™s used to create the divider. The second section contains four rows with lots of Text and Blurb Modules, an Image Module, and a Social Media Follow Module to create all the footer elements.

Hereâ€™s the desktop version of the footer. The modules create five columns with the email form taking a larger portion of the screenâ€™s width.

The phone version places the email form in a single column and sets the links in two columns. All the elements in the bottom row stack in a single column.

Molti 404 Page

The Molti 404 page is simple. It includes a single section with two columns. The first column displays an image, while the second column displays text and a button.

It still shows the header and footer on the front end, but you can disable them in the Divi Theme Builder if you want. Hereâ€™s the desktop version.

Hereâ€™s the phone version of the Molti 404 page.

Molti Posts

The blog post layout is extensive. It includes four sections and includes an interesting title, content layout, tags, navigation, comments, newsletter form, and similar blog posts. Hereâ€™s the wireframe view.

Hereâ€™s how the post layout looks on a desktop. This is a clean design.

Hereâ€™s a portion of the layout for the phone view.

Molti Divi Child Theme Elements

The Molti Divi child theme also includes lots of custom elements. They include a Blog Module, card designs, a content switch, team cards, and more. These elements are used within the pages and theyâ€™re available separately as Divi pages so you can easily use them in other pages, posts, and templates. Hereâ€™s a look at a few of them.

Card Designs

The page for card designs includes six types of cards. They include images, buttons, hover animations, and more. Theyâ€™re designed to show team members, services, contact information, and CTAâ€™s.

Content Switch

Content switch elements change the content thatâ€™s displayed when theyâ€™re selected. They include two designs. The first changes the prices in the pricing table from monthly to yearly. The second switches blog posts from featured posts to recent posts.

Blog Module Designs

Blog elements include three Blog Module designs. The first design places the posts in three columns and includes a styled meta and places the date over the image. The second design displays two posts with large images and the title and meta over the image. This one also includes overlays. The third design is similar to a magazine layout with multiple posts on a card and images on the left and the title on the right.

Where to Purchase Molti Divi Child Theme

Molti Divi child theme is available in the Divi Marketplace for $25. It includes unlimited website usage, a 30-day money-back guarantee, and one year of support and updates.

Ending Thoughts

Thatâ€™s our overview of the Molti Divi child theme. Molti is easy to use. Installation is the simplest Iâ€™ve seen. I was surprised at the design quality. It includes a lot more pages and elements than I expected for its price. The page designs are especially good for businesses with services. If youâ€™re looking for high quality and low-cost business child theme for Divi with a clean and modern design, Molti is a great choice.

We want to hear from you. Have you tried the Molti Divi child theme? Let us know what you think about it in the comments.

The post Molti – Divi Child Theme Overview appeared first on Elegant Themes Blog.

12.02.2023