Repere produs Divi: Magazin de mobilă Tema Divi WooCommerce

Tema WooCommerce Divi pentru magazin de mobilă este o temă secundară terță parte pentru Divi, care a fost concepută pentru comerțul electronic. Include mai multe modele de pagini și adaugă multe caracteristici care funcționează cu WooCommerce. În această postare, vom arunca o privire asupra temei Divi WooCommerce pentru magazin de mobilă pentru a vă ajuta să decideți dacă este tema Divi Child potrivită pentru magazinul dvs. online.

Instalarea temei Divi WooCommerce pentru magazin de mobilă

Instalarea acestei teme Divi Child a fost simplă. Cu Divi activat, încărcați și activați Tema Divi WooCommerce pentru magazin de mobilă ca orice temă WordPress. Mai întâi, accesați Teme :

1. Aspect
2. Teme
3. Adăuga nou

Apoi, încărcați tema.

1. Încărcați tema
2. Alege fișierul
3. Instaleaza acum

Apoi, activați Tema Copilului.

1. Activati

Selectați tot conținutul pe care doriți să îl instalați. Aceasta include toate paginile, machetele și chiar și pluginurile. De asemenea, va activa pluginurile pentru dvs. Totul este selectat implicit. Recomand să lăsați totul selectat. Faceți clic pe Import Demo Content și așteptați ca importul să se termine.

1. Importați conținut demonstrativ

În cele din urmă, odată ce totul a fost importat și activat, veți vedea un mesaj că procesul este finalizat și apoi puteți elimina importatorul .

1. Eliminați conținutul demonstrativ și funcțiile de import

Am primit un mesaj că pluginul WooCommerce Wishlist a fost configurat greșit, dar a fost o remediere ușoară. Va trebui să configurați câteva plugin-uri, cum ar fi opțiunile WooCommerce, opțiunile WooCommerce Wishlist Plugin, setările FiboSearch etc. Documentația arată setările de care veți avea nevoie. Cele mai multe dintre ale mele au fost configurate corect, dar a trebuit să fac unele ajustări pentru a se potrivi cu documentația.

Magazin de mobilă Divi WooCommerce Theme Opțiuni

Setările temei includ o schimbare a culorii cu un singur clic, selecții de culoare și preîncărcătoare. Fila generală include opțiuni de culoare ale temei și selecționare de culori unde puteți selecta culorile primare și secundare implicite.

Fila de preîncărcare include 28 de dispozitive de încărcare încorporate din care să alegeți. De asemenea, puteți încărca un preîncărcare personalizat și puteți alege culoarea, fundalul, efectele, întârzierea și viteza de dispariție.

Magazin de mobilă Divi WooCommerce Theme Pagini

Magazinul de mobilă Tema Divi WooCommerce adaugă 32 de pagini site-ului dvs., fără a număra paginile create în Divi Theme Builder. Acestea includ pagini de pornire, pagini web standard, pagini WooCommerce etc.

Pagini de pornire

Tema magazinului de mobilă Divi WooCommerce are 3 pagini de pornire diferite din care să alegeți. Toate trei urmează schema de culoare albă cu lumini verzi, includ aceleași elemente de design și se concentrează pe comerțul electronic. Iată o privire asupra tuturor celor trei pagini de pornire.

Acasă Unu

Iată partea de sus a primei pagini de pornire. Include un glisor CTA în partea de sus a paginii cu pictograme de socializare plasate vertical și un mesaj în partea dreaptă. Pictogramele de categorii cu animații de trecere cu mouse-ul leagă la diferitele categorii de magazine. O secțiune pentru produse noi afișează produsele într-un Modul Magazin cu stil. Această secțiune este etichetată cu un titlu plasat vertical. O secțiune Oferte include un CTA cu un cronometru cu numărătoare inversă și o imagine a produsului și o imagine de fundal.

Aceasta este partea de jos a paginii. Include un formular de buletin informativ și o secțiune de produse cu imagini într-un mozaic care leagă la categoriile de produse. Acestea includ suprapuneri de gradient. Include, de asemenea, o secțiune Despre, o secțiune de blog cu stil și sigle. Fiecare dintre secțiuni include text vertical.

Acasă Doi

Prima porțiune a celei de-a doua pagini de pornire include un glisor de lățime completă pentru secțiunea eroi. Imaginile cu text funcționează ca linkuri către categoriile de magazine, pictogramele arată informații, un alt glisor funcționează ca un CTA, iar secțiunea de produse arată produsele stilate într-o grilă.

A doua porțiune prezintă produse noi, un CTA suprapus cu un cronometru cu numărătoare inversă, un formular mic de buletin informativ, imagini mai mari pentru CTA-uri de categorie și o secțiune de contact cu informații pe o parte și o hartă pe cealaltă parte.

Acasă Trei

Prima secțiune a celei de-a treia pagini de pornire include un glisor cu lățime completă cu pictograme suprapuse care leagă la categoriile de magazine. Imaginile mari dintr-un mozaic funcționează ca CTA-uri pentru magazin.

Partea de jos arată un CTA cu un temporizator de numărătoare inversă, o secțiune de magazin cu un CTA, o secțiune de blog și sigle.

Pagini interioare

Tema magazinului de mobilă Divi WooCommerce are 25 de pagini interioare pentru a vă construi site-ul. Aceasta include toate paginile standard și câteva suplimente.

Despre

Pagina Despre include o mică secțiune eroi cu informații și pesmet urmate de o secțiune mai mare cu informații. Un set de blocuri de text arată informații despre companie. Membrii echipei includ pictograme sociale care se dezvăluie peste. Modulele de acordeon creează întrebări frecvente. Include și o secțiune pentru logo-uri.

Echipa noastră

Pagina Echipa noastră include module de persoane cu pictograme sociale care se afișează la trecerea cursorului, așa cum puteți vedea în modulul din mijloc al rândului de jos. Include, de asemenea, o Întrebări frecvente mai mici lângă un formular de contact.

Mărturii

Pagina de mărturii include o mulțime de carduri de mărturii stilate cu efecte de hover. Trecerea cu mouse-ul mută cardul în jos, schimbă culoarea pictogramei citate, adaugă un fundal pictogramei și adaugă o bară în partea de jos a cardului.

Blog

Există patru pagini de blog din care puteți alege, inclusiv o grilă cu 2 coloane, o grilă cu 3 coloane, o listă cu imaginea din stânga și o listă cu imaginea din dreapta. Exemplul de mai jos arată o grilă de blog cu 3 coloane. Cardurile de blog includ animații de trecere cu mouse-ul care măresc imaginea.

Acest exemplu arată o listă cu imaginea din dreapta.

Postare pe blog

Aspectul pentru postările de blog afișează imaginea prezentată, conținutul blogului, o bară laterală cu stil, postările recente cu carduri care se potrivesc cu blogul și o secțiune de comentarii cu stil.

404

Pagina 404 afișează o imagine pe tot ecranul cu o mască de fundal care dezvăluie o porțiune a imaginii. Include, de asemenea, un mesaj 404 și un buton pentru a reveni la pagina de pornire.

Anteturi

Există trei anteturi din care puteți alege. Toate trei includ un mega meniu.

Primul antet

Primul antet include o bară de sus și navigare cu un mega meniu. Bara de sus include un text CTA. Ambele zone includ pictograme. Navigația este plasată în dreapta.

Al doilea antet

Al doilea antet include trei bare. Bara de sus arată informații despre cumpărături, mai multe CTA și pictograme pentru rețelele sociale. A doua bară include siglele și o casetă de căutare. Navigarea este plasată în bara de jos.

Al treilea antet

Al treilea antet include două bare. Bara de sus include elemente ale primelor două anteturi. Navigația este plasată în centru.

Subsolurile

Există trei subsoluri din care puteți alege.

Primul subsol

Primul subsol afișează două casete de căutare. Primul include un CTA și un mic formular de abonare, urmate de informații despre livrare și link-uri în mai multe aspecte.

Al doilea subsol

Al doilea subsol afișează informațiile de expediere în partea de sus, apoi linkurile și formularul de e-mail în partea de jos.

Al treilea subsol

Al treilea subsol include o imagine de fundal. Un mesaj și un formular de e-mail sunt plasate în partea de sus, urmate de link-uri.

Magazin de mobilă Divi WooCommerce Tema Pagini WooCommerce

Tema magazinului de mobilă Divi WooCommerce include, de asemenea, o mulțime de pagini și funcții WooCommerce.

Pagini de magazin

Există trei pagini de magazin din care puteți alege și puteți alege cu sau fără bară laterală. Acestea includ filtre de produse AJAX, o căutare live AJAX, un cărucior zburător, o listă de dorințe și un pop-up de vizualizare rapidă.

Prima pagină a magazinului

Primele pagini ale magazinului includ o mică secțiune de eroi, urmată de pictograme de categorie. O secțiune mare de magazin acoperă cea mai mare parte a paginii. Se termină cu un CTA la o anumită categorie. Secțiunea magazin include un filtru, paginare, butoane de cumpărare stilate etc.

Magazin Pagina a doua

A doua pagină de magazin include două secțiuni de magazin. Primul este cel mai nou produs. Include un titlu vertical. Al doilea este toate produsele. Include paginarea.

Pagina de magazin trei

A treia pagină de magazin include o secțiune de magazin și adaugă un CTA cu un numărător de număr în partea de jos a paginii.

Aspecte de pagină cu un singur produs

Există mai multe pagini de produse. Acestea includ cu sau fără bară laterală și există pagini pentru tipurile de produse. Tipurile includ simple, grupate, variabile și externe. Toate urmează un design similar.

Tip de produs simplu

Pagina simplă de tip de produs include o bară laterală cu umbre pentru casete. Include și produse conexe. Bara laterală include o căutare de produse, produse vizualizate recent și etichete de produse. Linia verde de sub titlul fiecărui modul din bara laterală se extinde la trecerea cu mouse-ul.

Tip de produs grupat

Tipul de pagină de produs grupat permite utilizatorului să aleagă dintre mai multe produse de pe aceeași pagină. Include, de asemenea, produse conexe în partea de jos a paginii. Acest exemplu arată mai multe bare laterale, inclusiv recenzii.

Caracteristici WooCommerce

Există, de asemenea, multe funcții suplimentare adăugate la WooCommerce, inclusiv un cărucior zburător, filtre AJAX și multe altele. Iată o privire la câteva dintre funcțiile suplimentare WooCommerce.

Cărucior Zburător

Căruciorul zburător este o fereastră pop-up care arată toate produsele cu numărul lor în coș. Utilizatorul poate modifica numărul de articole pentru fiecare produs, poate vedea pagina coșului de cumpărături, poate face cumpărături, poate partaja coșul și poate continua cumpărăturile. Schemele de culori verde și roșu ies în evidență. Cred că aceasta este una dintre cele mai interesante caracteristici ale temei Magazin de mobilă Divi WooCommerce.

Cart

Coșul în sine este curat și include pictograme pentru a arăta unde se află utilizatorul în procesul de plată.

Popup lista de dorințe

Când utilizatorul adaugă un articol la lista de dorințe, un mic pop-up confirmă că articolul a fost adăugat. Include o listă pentru a vizualiza lista de dorințe.

lista de dorințe

Pagina listei de dorințe include același stil ca și restul site-ului și include pictograme de partajare pe rețelele sociale.

Căutare AJAX

Căutarea de produse folosește AJAX, astfel încât utilizatorul nu trebuie să meargă la o altă pagină pentru a vedea rezultatele. Este rapid și ușor de utilizat. Arata categoriile si produsele. Acest exemplu arată caseta de căutare AJAX din antet.

De unde să cumpărați tematica Divi WooCommerce magazin de mobilă

Tema Magazinului de mobilă Divi WooCommerce este disponibilă pe Divi Marketplace pentru 39,99 USD. Include utilizare nelimitată, un an de actualizări și asistență și o garanție de rambursare a banilor de 30 de zile.

Gânduri de sfârșit

Acesta este aspectul nostru asupra temei Divi WooCommerce pentru magazinul de mobilă pentru Divi. Există o mulțime de pagini și funcții WooCommerce disponibile în această temă Divi Child. Am găsit paginile și funcțiile ușor de utilizat. Opțiunile de culoare facilitează potrivirea temei pentru copii cu culorile dvs. de marcă, făcându-l să arate diferit de designul original. Dacă sunteți interesat de o temă WooCommerce Child, tema WooCommerce Divi pentru magazin de mobilă merită să vă uitați.

Vrem sa auzim de la tine. Ați folosit tema Magazin de mobilă Divi WooCommerce? Spune-ne în comentarii cum îți place.