Evidenziazione del prodotto Divi: Milly Child Theme

Milly è un tema figlio di terze parti per Divi progettato pensando agli imprenditori. Viene fornito con molte pagine, layout e moduli in stile per creare qualsiasi tipo di sito Web aziendale e creare nuove pagine con le sezioni. Aggiunge anche funzionalità extra per aiutare il tuo negozio o la tua azienda a distinguersi. Nel post, daremo un'occhiata da vicino al Milly Child Theme per aiutarti a decidere se è il tema per bambini Divi giusto per le tue esigenze.

Installare Milly Child Theme

Innanzitutto, vedremo quanto è facile installare Milly. Installare il tema child Milly è stato semplice. Innanzitutto, vai su Aspetto > Temi e seleziona Aggiungi nuovo .

1. Aspetto
2. Temi
3. Aggiungere nuova

In secondo luogo, con Divi attivato, carica il tema figlio come faresti con qualsiasi tema. Seleziona Carica tema , Scegli file , vai al file, selezionalo e fai clic su Installa ora .

1. Carica tema
2. Scegli il file
3. Installa ora

In terzo luogo, una volta terminato il caricamento del tema figlio, attivalo .

1. Attivare

In quarto luogo, dovrai importare il contenuto demo. Questo renderà il tuo sito web simile alla demo, ma non include immagini. Invece, mostra un'immagine fittizia con le dimensioni necessarie per quella posizione. Per importare il contenuto della demo, vai su Milly > Demo Import , seleziona tutti i file che desideri importare (ti consiglio di lasciare questa impostazione predefinita) e Importa contenuto demo . Installerà e attiverà anche WooCommerce per te. WooCommerce è selezionato per impostazione predefinita.

1. Milly
2. Importazione dimostrativa
3. Fai le tue selezioni
4. Importa contenuto dimostrativo

In quinto luogo, rimuovi il pannello di importazione demo. Questo pulisce la tua dashboard in modo da non avere link che non ti servono più.

Finalmente il child theme Milly è pronto per essere utilizzato. Ecco la home page dopo che il contenuto demo è stato importato. Quindi, diamo un'occhiata a cosa è incluso.

Pagine e layout a tema Milly Child

Innanzitutto, esamineremo le pagine e i layout. Milly include molti modelli di marketing. Ciò include quattro home page costruite attorno a diversi tipi di modelli di business. Include anche una pagina delle informazioni, una pagina del progetto, una pagina di case study, una pagina di vendita, una pagina di destinazione del servizio, risorse, contatti, domande frequenti, blog e pagine del negozio.

Pagine

Ci sono più di 30 pagine aggiunte al tuo sito web. Includono più home page, pagine del sito standard e molte pagine di e-commerce. Le home page includono una pagina predefinita, una per i liberi professionisti, una pagina di e-commerce e una per un'agenzia di affari.

Questa è la home page predefinita. Include un invito all'azione a sinistra e un'immagine a destra che segue il cursore. Altre sezioni includono blurb che mostrano vantaggi, contatori di numeri, un invito all'azione, un video incorporato, un diverso set di blurb con icone grandi, un altro piccolo invito all'azione e un dispositivo di scorrimento del prodotto. Vedremo questi elementi mentre esploriamo le funzionalità. Ha uno schema di colori bianco con alcuni sfondi grigio scuro.

Questa è la home page del libero professionista/imprenditore. Questo ha due inviti all'azione a sinistra e un'immagine più piccola a destra. Include anche una sezione per un omaggio, blurb con effetti al passaggio del mouse, un dispositivo di scorrimento delle testimonianze, un dispositivo di scorrimento del progetto e un invito all'azione.

Ecco la home page dell'azienda/agenzia. Invece di una sezione dedicata agli eroi con un invito all'azione, contiene blurb incentrati sui servizi. Sto passando il mouse su uno per mostrare il suo effetto al passaggio del mouse. Questa home page include un'ampia sezione blog, un invito all'azione, contatori di numeri, loghi dei clienti e un invito all'azione con passaggi. Aggiunge una sezione con verde chiaro per lo sfondo. Questo esempio mostra anche le icone personalizzate.

Ecco uno sguardo alla home page di e-commerce. Posiziona l'immagine dell'eroe a sinistra con l'invito all'azione a destra. Utilizza anche un'ampia sezione del negozio per mostrare prodotti, vantaggi, un dispositivo di scorrimento delle testimonianze e un invito all'azione del negozio con due prodotti.

Libreria Divi

Ci sono 135 layout aggiunti alla Libreria Divi. Includono tutti i modelli utilizzati su altre pagine e nel Theme Builder. Includono anche icone. Diamo un'occhiata a qualcuno a caso. Salverò i layout di WooCommerce per una sezione diversa.

Questo esempio mostra un cursore di testimonianza. Le testimonianze sono costruite come carte.

Ecco un altro dispositivo di scorrimento. Questo mostra i loghi dei clienti.

Questo layout è una sovrapposizione popup. È un invito all'azione con un'immagine e un pulsante.

Questo layout è una barra promozionale. Include una CTA per il negozio. Questa barra è inclusa nella pagina del negozio. In quella pagina, si attacca alla parte inferiore dello schermo finché non scorri abbastanza lontano, quindi scorre con lo schermo.

Questa sezione mostra una sequenza temporale in un layout alternativo.

Questo mostra un progetto di esempio. Include un dispositivo di scorrimento.

Questo esempio mostra una tabella dei prezzi.

Questa sezione include un video incorporato ed elenca i passaggi. Include anche un pulsante per condividere il video.

Ecco un'altra sovrapposizione. Questo include un video e un pulsante.

Questo layout è una barra laterale. Include un'immagine cerchiata e un pulsante per saperne di più.

Costruttore di temi

Ci sono 13 layout nel Divi Theme Builder. Questi includono intestazioni e piè di pagina, il layout del corpo per i post a tutta larghezza e con una barra laterale, la pagina del negozio, le pagine dei prodotti e una pagina 404. Alcuni non sono assegnati, quindi puoi assegnare i layout che desideri utilizzare.

Il layout per tutti i post include una grande immagine in primo piano che si sovrappone allo sfondo. Include anche articoli precedenti e successivi, post correlati e un modulo di iscrizione via e-mail.

Il layout del corpo del prodotto mostra una grande immagine del prodotto con una galleria e una descrizione sotto l'immagine in primo piano sul lato sinistro. Il lato destro include tutte le informazioni e le opzioni del prodotto. Il lato destro rimane in posizione fino alla fine della descrizione. Include anche prodotti correlati, testimonianze e informazioni sulla spedizione.

Ecco la pagina 404. Include un'animazione al passaggio del mouse per l'icona.

Funnel di vendita a tema Milly Child

Milly include tre kit di marketing: Webinar, Challenge e List Building. Includono pagine per creare campagne di marketing.

Il kit per la creazione di elenchi include una pagina di destinazione gratuita, conferma dell'iscrizione tramite e-mail e consegna gratuita. Questo esempio è tratto dalla pagina demo, quindi puoi vedere come appare con le immagini.

Il Webinar Kit include la registrazione, la conferma e la riproduzione. Ecco uno sguardo alla sua pagina demo.

Il Challenge Kit include la registrazione, la conferma e l'interno della sfida. Gli elementi dell'immagine si muovono indipendentemente al passaggio del mouse.

Intestazione del tema Milly Child

L'intestazione include sottomenu, un invito all'azione e icone WooCommerce personalizzate, incluso un conteggio dei prodotti per l'icona del carrello. Il CTA include un'animazione al passaggio del mouse per attirare l'attenzione. Include anche un popup. In alcune pagine, come la pagina del negozio, l'intestazione è posizionata sotto la sezione dell'eroe. Scorre con la pagina e si attacca alla parte superiore della pagina quando raggiunge quell'area.

Icone a tema Bambino Milly

Oltre 20 dei layout nella Libreria Divi sono icone personalizzate. Questo mostra molte delle icone personalizzate. La maggior parte delle icone ha un cerchio verde al centro.

Questo esempio mostra il resto delle icone.

Sono creati con Moduli di codice. Questo esempio mostra una Freccia Oscura. Puoi caricarli dalla libreria Divi come moduli.

Pagine e layout di WooCommerce a tema Milly Child

Successivamente, diamo un'occhiata alle funzionalità di WooCommerce. Milly include diverse pagine di prodotti e cursori preimpostati per visualizzare i tuoi prodotti. Include anche un carrello personalizzato, una pagina dell'account e una pagina di pagamento. Diamo un'occhiata ad alcuni di loro.

Pagina del negozio

La pagina del negozio include una sezione eroe con un invito all'azione. La barra della promozione si attacca inizialmente alla parte inferiore dello schermo.

Lo scorrimento rivela l'intestazione. Questa sezione include un dispositivo di scorrimento del prodotto.

I prodotti correlati vengono visualizzati anche con un dispositivo di scorrimento del prodotto.

Questo esempio mostra il dispositivo di scorrimento delle vendite. La barra della promozione ora scorre con la pagina.

Carrello

La pagina del carrello include icone con una barra per indicare dove ti trovi nel processo.

Opzioni del tema Milly

Infine, esamineremo le opzioni del tema. Milly aggiunge una scheda alle opzioni del tema Divi. Qui puoi scegliere e regolare diverse opzioni.

Colori

La scheda Colori ti consente di selezionare i colori per elementi e intestazioni scuri, elementi scuri e corpo del testo e tre diversi colori di accento. Facendo clic su un colore si apre un selettore di colori in cui è possibile selezionare il colore desiderato.

Sovrapposizioni

Milly può usare qualsiasi sezione come popup. Vengono attivati ​​da un clic. Aggiungi semplicemente la classe CSS alla sezione e l'elemento su cui desideri che i tuoi visitatori facciano clic. Ciò significa che puoi creare un popup con Divi Builder con qualsiasi layout o design personalizzato che desideri. La scheda sovrapposizioni include le impostazioni per il colore di sfondo, sfoca lo sfondo, chiudi al clic, chiudi con il tasto Esc, chiudi icona, chiudi colore icona e nascondi le sovrapposizioni nel builder.

Precaricatore

La scheda preloader ti consente di abilitare il preloader e scegliere le sue opzioni. Le opzioni includono animazione, colore e colore di sfondo.

Opzioni

La scheda delle opzioni ti consente di abilitare l'effetto di parallasse e abilitare caroselli e cursori.

Classi CSS Milly

Inoltre, ci sono altre 11 classi CSS progettate per il tema figlio Milly che ti consentono di personalizzare il modo in cui funziona. È possibile trovare l'elenco nella documentazione. Posiziona la classe CSS nella scheda Avanzate della sezione in cui desideri utilizzarla.

Dove acquistare Milly Child Theme

Milly Child Theme è disponibile nel Divi Marketplace. Costa regolarmente $ 97 e include l'utilizzo illimitato del sito Web, una garanzia di rimborso di 30 giorni e un anno di supporto e aggiornamenti.

Pensieri finali sul tema Milly Child

Questo è il nostro sguardo al tema Milly Child per Divi. Il design è pulito e ho trovato Milly facile da usare. Le funzionalità si concentrano fortemente sulle vendite, rendendolo ideale per chiunque desideri gestire un sito Web di e-commerce o acquisire lead e guidarli attraverso una canalizzazione di vendita. Sono rimasto impressionato dal numero di pagine e dalle funzionalità. Mi piacciono particolarmente il preloader e gli overlay popup. Se sei interessato a un tema figlio per il business, vale la pena dare un'occhiata al tema bambino Milly.

Vogliamo sentire da voi. Hai provato Milly Child Theme per Divi? Fateci sapere cosa ne pensate nei commenti.