Avanti is a third-party kid theme for Divi with over 60 pages in 9 niches that can assist you construct as regards to any form of site you want. The use of Avanti is helping you construct your site sooner. There also are WooCommerce-focused designs that’ll assist you to simply arrange your on-line retailer. On this submit, we’ll undergo one of the layouts this Divi kid theme supplies to lend a hand you make a decision if it’s the proper product for you!
Let’s get to it.
Putting in Avanti
Putting in Avanti is unassuming. It really works the similar approach as putting in a normal WordPress theme, however it has a pair extra steps. It’s really useful to put in Avanti on a recent WordPress website online. Since this can be a Divi kid theme, Divi is needed. I discovered the set up procedure to be intuitive.
- Move to Look
- Choose Topics
- Choose Upload New
- Click on Add Theme
- Click on Make a choice Report
- Navigate to the zipped record for your laptop, make a selection it, and click on Set up Now
- Click on Turn on
- Move to Avanti Demo Import
- Click on Simple Demo Import
- Make a choice Import Demo Content material
- Click on Take away Demo Content material and Import Purposes
Avanti Pages, Layouts, and Templates
With a mix of pages and templates, Avanti supplies over 60 pages with over 30 components in 9 niches. This comprises entire internet sites, more than one header and footer designs, store pages, and so forth. I’ll display the structure with the placeholder pictures for one of the layouts and screenshots with the photographs from the gross sales demo to get a greater have a look at the completed product. Listed here are one of the pages.
Listed here are one of the layouts added to the Divi Library.
It additionally comprises 11 premade and preassigned templates.
Avanti House Pages
Avanti comprises 11 house pages for several types of companies. They come with:
- Industry
- Eating place
- Pictures
- Session
- Internet Design
- Dental
- Renovation
- Plumber
- Store V1
- Store V2
- Store V3
Every comprises a lot of styled components, hover animations, scroll animations, or even the Ken Burns impact for background pictures. They come with dummy pictures with their symbol dimension. The Industry homepage is the default. This Divi kid theme receives common updates. We’ll have a look at the 2 latest house pages, Eating place and Pictures, and we’ll additionally have a look at its newest WooCommerce replace.
Avanti Eating place House Web page
The Eating place structure has 5 pages, together with the house web page, about, meals menu, testimonials, and phone web page. Right here’s the hero phase of the house web page with the dummy pictures.
Right here’s a have a look at the house web page with pictures from the kid theme’s demo web page. This features a customized header.
Right here’s a part of the demo web page. As you’ll be able to see, this can be a massive web page with many components. All the full-screen pictures are desk bound. It features a full-screen hero phase with a hyperlink to the menu, an about phase with symbol hover results, pictures with hover results that hyperlink to the meals classes, a CTA to the meals menu, a CTA to make a reservation, a two-column meals menu created with blurbs, customized testimonial playing cards, a touch shape, and extra.
Avanti Pictures House Web page
Pictures comprises 10 pages, together with house, about, products and services, unmarried provider, photograph gallery, unmarried gallery, testimonials, pricing, FAQ, and phone. Right here’s the Pictures house web page. It additionally features a clear header. That is the hero phase with pictures from the kid theme’s demo web page.
Right here’s the demo house web page. This symbol used to be all in favour of parallax scroll results. It features a full-screen hero phase with a hyperlink to the galleries, pictures that hyperlink to the kinds, an about phase with a hyperlink to the entire tale, styled testimonials with a customized design, a weblog with customized weblog playing cards, a touch shape with pictures on either side and a customized footer with touch data and an electronic mail shape.
Different Avanti Pages
Except house pages, Avanti comprises 3 WooCommerce store house pages, 5 About Us, 3 Products and services, 3 Provider pages, 5 Touch Us, 4 Portfolio pages, and lots of extra. Different pages come with blogs, Thank You, Testimonials, FAQ, Pricing, 404, and so forth. Many of those additionally come with more than one variations.
House Web page Store V1
House Web page Store V1 shows a full-width slider with a CTA to the store. That is the web page with placeholder pictures. This is without doubt one of the unique layouts, however I sought after to incorporate it to look how the brand new layouts evaluate.
Right here’s the web page from the demo. It features a phase for the store with classes, easiest dealers, CTAs, and merchandise on sale. Following this can be a full-screen CTA in parallax with textual content scrolling results, a weblog phase for the most recent information, and an electronic mail subscription CTA.
House Web page Store V3
House Web page Store V3 is a brand new store design. Right here’s the hero phase with the placeholder pictures.
Right here’s the web page from the demo. It features a slider with CTA, blurbs with data, a store phase with the featured and newest merchandise, a full-screen CTA in true parallax, merchandise on sale with a styled symbol, a deal of the day phase with a countdown timer, CTAs, new merchandise, the most recent information, and logo trademarks.
Cart V2
Cart V2 is a brand new cart web page that shows navigation icons on the most sensible of the web page to turn the consumer is aware of the place they’re within the buying groceries procedure. It additionally shows a styled cart, a sale CTA, and cart totals.
Cart V3
Cart V3 may be new. It comprises the similar taste as Cart V2 however strikes the cart totals subsequent to the cart and does now not come with the sale CTA.
Checkout V3
Checkout V3 is a brand new checkout web page. It comprises the navigation icons on the most sensible of the web page and a two-column phase with a checkout shape at the left and a smaller column at the proper with data and testimonials.
About Us V4
About Us V4 is a brand new web page that’s designed for the brand new Eating place structure.
Right here’s a part of the web page from the demo. It features a full-width CTA in parallax, an about phase with zoom results, a menu CTA, and styled testimonials.
About Us V5
About Us V5 used to be designed for the brand new Pictures structure.
The web page features a hero phase in parallax with a CTA, an about phase with a hyperlink to the touch web page, blurbs that display data, testimonials, a weblog, and a styled touch shape. All these are integrated at the house web page.
Products and services V3
Products and services V3 is a brand new web page designed for the Pictures structure. It features a phase with pictures for the products and services with a fascinating hover impact. The picture swings upward, and the textual content swings downward within the card to show a photograph and a button to look extra. It additionally comprises styled pricing tables.
Unmarried Provider V3
Unmarried Provider V3 is a brand new web page for the Pictures structure. It comprises a big phase for textual content and a picture to explain a unmarried provider. It additionally comprises testimonials, a touch shape, and so forth.
Touch Us V4
Touch Us V4 is a touch web page for the brand new Eating place structure. It features a two-column phase with touch data, opening hours, and a kind at the left aspect. The appropriate aspect features a map in monochrome.
Touch Us V5
Touch Us V5 is the touch web page for the Pictures structure. It features a phase of blurbs with touch data. The primary a part of the web page comprises a big touch shape.
Testimonials V2
Testimonials V2 is a testimonials web page for the brand new Eating place structure. It shows testimonials inside a styled card with a picture background.
Pricing V2
Pricing V2 is a brand new web page for the Pictures structure. It comprises the similar hero phase, testimonials, and phone phase from the opposite pages and provides a styled pricing desk. The desk shows playing cards with various heights and background colours for the titles.
Avanti Parts
Avanti comprises a number of pages with simply the weather so you’ll be able to simply get entry to them. They come with headers, footers, slide-ins, turn bins, provider bins, pricing tables, opt-ins, staff participants, and testimonials. 3 of them come with new components. We’ll have a look at the ones 3.
Headers
Avanti comprises 5 headers to make a choice from. They come with dropdown menus with backgrounds that fit components throughout the header. The primary header is the default. It’s arrange within the Divi Theme Builder as the worldwide header. All of the headers are added to the Divi Library, so you’ll be able to simply trade to another header if you need.
Provider Containers
Avanti’s provider bins come with six alternative ways to show off your products and services. Maximum come with hover results that upload textual content, trade the photographs, zoom, and so forth., to create attention-grabbing playing cards.
Testimonials
Avanti comprises 5 testimonial designs. Those provide your testimonials in styled playing cards. They come with the brand new designs for the Eating place and Pictures layouts. The primary testimonial comprises hover results.
Avanti Documentation
The documentation steps via putting in place the kid theme and acting explicit duties reminiscent of disabling the Ken Burns impact, converting the content material of the turn bins, redirecting the touch shape, converting the slide-in, including a menu badge, and extra.
The place to Acquire Avanti
Avanti is to be had within the Divi Market for $35. It comprises limitless utilization, a 30-day money-back ensure, and 12 months of make stronger and updates.
Finishing Ideas
That’s our have a look at the Avanti Divi kid theme. I discovered it simple to make use of, and the choice of pages makes it extremely flexible. The brand new pages and components glance nice. I particularly appreciated the brand new Eating place, Pictures, and store house pages. Avanti has numerous pages in lots of niches, making it an excellent selection for almost any form of site. I felt that its worth some distance outweighed its value.
We need to pay attention from you. Have you ever attempted the Avanti Divi kid theme? Tell us what you take into accounts it within the feedback.
The submit Divi Product Spotlight: Avanti – Divi Multi-Goal Kid Theme gave the impression first on Sublime Topics Weblog.
WordPress Web Design