Repere produs Divi: DiviCommerce

DiviCommerce este o temă secundară terță parte pentru Divi, concepută pentru construirea de magazine online. Include o mulțime de pagini și funcții pentru a crea magazine WooCommerce care ies în evidență din mulțime. În această postare, ne vom uita la paginile și caracteristicile DiviCommerce pentru a vă ajuta să decideți dacă este tema copilului Divi potrivită pentru nevoile dvs.

Instalarea DiviCommerce

Am găsit că instalarea DiviCommerce este intuitivă. Instalați-l ca pe orice temă WordPress, dar cu Divi ca temă activă. Am Aspect > Teme > Adăugați o temă nouă .

Selectați Încărcați tema , faceți clic pe Alegeți fișierul , selectați fișierul arhivat DiviCommerce pe computer și faceți clic pe Instalare acum .

Apoi, faceți clic pe Activare .

În cele din urmă, selectați DC Demo Import > Easy Demo Import .

Alegeți fișierele de importat și faceți clic pe Import Demo Content . Recomand să folosiți setările implicite.

Odată ce conținutul demonstrativ este importat, faceți clic pe Eliminare conținut demonstrativ și funcții de import . Site-ul dvs. arată acum ca demonstrația cu imagini false pentru a afișa dimensiunile necesare. Adăugați conținutul dvs. și site-ul dvs. este gata de utilizare.

Pagini DiviCommerce

DiviCommerce vine cu 26 de pagini care includ 6 pagini de start concepute pentru a crea mai multe tipuri de magazine online. Include, de asemenea, 3 pagini de magazin, 2 pagini de produse, 2 pagini de plată, 5 anteturi, 2 subsol și o mulțime de extrauri. Caracteristicile includ filtre de produse Ajax, ferestre pop-up pentru coș, căutare de produse Ajax, formulare pop-up și mostre de variante WooCommerce.

Să aruncăm o privire asupra machetelor. Voi împărți aspectele mai mari în grupuri mai mici, astfel încât să fie mai ușor de gestionat și să afișeze imagini din tema copilului descărcată și din demonstrația produsului.

DiviCommerce Home One

Secțiunea eroi arată o imagine pe ecran complet cu un CTA.

Urmează o secțiune pentru noii sosiți. Aceasta include efectele de trecere cu mouse-ul pentru cardurile de produse. O secțiune cu două coloane afișează imagini care fac legătura cu magazinul. Imaginile includ efectul Ken Burns. În continuare, este o altă secțiune de magazin cu efecte de hover. Iată partea de sus a demonstrației produsului.

Jumătatea de jos a primului aspect principal arată un alt CTA pe ecran complet, produse prezentate, o numărătoare inversă unică, un blog și imagini.

DiviCommerce Home Two

A doua pagină de pornire arată un glisor pe ecran complet cu indemnuri.

Jumătatea superioară a paginii include CTA pentru categoriile de magazine, o secțiune unică de magazin cu două produse pe o parte și un CTA pe cealaltă, o secțiune de magazin și un formular de înscriere prin e-mail cu lățime completă. Toate cardurile și butoanele produselor includ efecte de trecere.

A doua jumătate a Home Two arată o secțiune de magazin, un cronometru pentru o ofertă inversă într-un card peste o imagine de fundal pe ecran complet, un blog și imagini.

DiviCommerce Home Trei

Jumătatea superioară a casei Trei afișează un CTA cu lățime completă, o secțiune de magazin cu noi sosiri, o secțiune cu patru imagini în două coloane pentru CTA de categorie și un formular amplu de e-mail.

A doua jumătate a aspectului afișează secțiuni de magazin, o secțiune de blog cu o imagine de fundal și o secțiune cu imagini ale clienților.

DiviCommerce Home Four

A patra pagină de pornire include o secțiune unică de eroi cu două imagini. Unul este mai lung decât celălalt, iar textul și CTA se suprapun pe ambele imagini. Include, de asemenea, imagini de categorie cu titlul în partea de jos a cardului și o secțiune de magazin.

A doua jumătate a aspectului afișează două CTA de categorii mari, o secțiune de magazin, o secțiune de oferte cu un temporizator de numărătoare inversă și un blog cu o imagine de fundal.

DiviCommerce Home Five

Cea de-a cincea pagină de pornire afișează o secțiune de eroi pe ecran complet cu CTA în dreapta. Are o secțiune mare de imagini de categorie cu cinci imagini mai mici și trei imagini mai mari. Trei secțiuni de magazin arată ce este nou, ce este la reducere și cele mai bine vândute. Acest aspect include, de asemenea, formularul de e-mail cu lățime completă și imaginile clienților.

DiviCommerce Home Six

A șasea pagină de pornire este cea mai unică. Afișează un temporizator de numărătoare inversă de vânzare în secțiunea eroi. Fiecare dintre secțiunile magazinului plasează titlul în text mare în stânga secțiunii. Aceasta este urmată de două CTA-uri de imagine care includ titlul și butonul care se suprapun pe imagine și unul pe celălalt. O altă categorie de locuri de secțiune include imagini cu umbre de casete care dispar la trecerea cu mouse-ul. Acest aspect include, de asemenea, formularul de e-mail și imaginile clienților.

Magazinul DiviCommerce One

Prima pagină de magazin afișează o imagine la lățime completă cu un titlu de pagină urmat de produsele în patru coloane cu un filtru de sortare și o bară laterală în stânga. Bara laterală include opțiunile de categorie, dimensiune și culoare. Produsele afișează o umbră de casetă la trecerea cursorului.

Magazinul DiviCommerce doi

Shop Two include o imagine la lățime completă, plasează produsele într-o singură coloană și adaugă un filtru de produs interesant, unde utilizatorii pot filtra după categorie, dimensiune și culoare deasupra secțiunii magazin. Include, de asemenea, filtrul de sortare și adaugă paginarea în partea de jos a paginii. Filtrele se deschid la hover.

Magazinul DiviCommerce Trei

Magazinul trei nu include o imagine cu lățime completă. Plasează categoriile de magazine în partea de sus a paginii cu imagini. Secțiunea magazin include bara laterală, filtrul, efectele de trecere cu mouse-ul și paginarea.

Pagina de produs Unu

Prima pagină de produs afișează o imagine mare, prezentată în stânga și opțiunile de produs în dreapta. Opțiunile de produs rămân în vigoare pe măsură ce derulați. Pesmeturile din partea de sus a paginii arată clienților unde se află în structura de navigare.

După imaginea prezentată este un set de imagini în miniatură și o altă imagine mare. Odată ce imaginea mare ajunge în zona opțiunilor produsului, opțiunile derulează odată cu pagina.

Urmează descrierea și informațiile de livrare și o secțiune pentru recenzii.

În cele din urmă, există o secțiune în care clienții își pot adăuga propriile recenzii.

Pagina de produs a doua

A doua pagină de produs urmează designul primei, dar adaugă descrierea și informațiile de livrare în zona de opțiuni de produs din comutatoare.

În partea de jos a paginii se adaugă o secțiune de produse de care clientul ar putea fi interesat. Cardurile de produse adaugă umbre de casetă la trecerea cursorului.

Popup Coș

Fereastra pop-up coș apare atunci când un produs este adăugat în coș. Include un câmp pentru adăugarea unui cod de cupon, un glisor cu produse similare și un buton de finalizare a comenzii.

Pagina de coș

DiviCommerce include o pagină de coș cu stil. Informațiile despre coș includ o umbră de casetă. Butoanele sunt roșii pentru a se potrivi cu designul temei copilului.

Pagină prima pagină

Are două pagini de plată. Aceasta este prima pagină de plată. Plasează informațiile despre comandă și plată în dreapta formularului de finalizare a comenzii. A doua pagină de plată plasează aceste informații sub formular și plasează informații despre companie în partea dreaptă a formularului.

Despre noi

Pagina Despre noi afișează imagini în unghi care ies în evidență. Pagina include, de asemenea, o imagine cu lățime completă, mai multe zone pentru text și câteva imagini mai mari.

Contactaţi-ne

Pagina Contactați-ne afișează informațiile de contact cu informații, afișează un formular de contact, comută între întrebări frecvente și include o hartă pe lățime completă.

Anteturi DiviCommerce

DiviCommerce include 5 anteturi. Acestea includ mai multe secțiuni care pot fi folosite, șterse sau schimbate cu un alt antet.

Antetul Unu

Primul antet adaugă o bară de vânzare în partea de sus și include o căutare, autentificare la cont și un link pentru coșul de cumpărături pop-up din dreapta. Logo-ul și meniul sunt în stânga.

Antetul doi

Antetul doi plasează caseta de căutare în bara de sus. Coșul de cumpărături și meniul schimbă laturile.

Antetul trei

Al treilea antet plasează meniul într-o bară nouă în centru și în jos și mută căutarea în centru.

Antetul Patru

Al patrulea antet centrează sigla și meniul, plasează căutarea în stânga și coșul în dreapta.

Antetul Cinci

În cele din urmă, al cincilea antet plasează caseta de căutare în bara de sus, mută sigla și meniul la stânga și plasează coșul în dreapta.

Subsolurile DiviCommerce

DiviCommerce include două subsoluri. Ambele funcționează bine pentru comerțul electronic.

Subsolul Unu

Subsolul numărul unu include două secțiuni. Prima secțiune conține informații despre informațiile furnizate ca text. A doua secțiune include un modul de imagine pentru logo, un modul de urmărire pe rețelele sociale și o mulțime de module de text pentru informații și link-uri.

Subsol doi

Al doilea subsol înlocuiește secțiunea de sus cu un formular de e-mail. A doua secțiune mută butoanele Social Media Follow la dreapta în propria sa coloană.

Popup DiviCommerce

DiviCommerce include un pop-up realizat cu Divi Builder și un plugin numit Popup Maker. Fereastra pop-up în sine afișează un formular de e-mail cu un CTA de înscriere pe o parte și o imagine pe cealaltă parte. Include o suprapunere și un buton de închidere.

Căutare DiviCommerce

Căutarea Ajax listează categoriile și produsele pe măsură ce introduceți text. Căutarea este rapidă, iar rezultatele rămân deschise, permițând clientului să facă clic pe orice din rezultate.

De unde să cumpărați DiviCommerce

DiviCommerce este disponibil pe Divi Marketplace pentru 25 USD. Include un an de asistență și actualizări, utilizare nelimitată a site-ului web și o garanție de rambursare a banilor de 30 de zile.

Încheierea gândurilor despre DiviCommerce

Acesta este aspectul nostru asupra temei copil DiviCommerce pentru Divi. Această temă copil include o mulțime de pagini și machete pentru a construi orice tip de magazin WooCommerce. Cele cinci plugin-uri suplimentare cu tema copil adaugă multe funcții interesante, cum ar fi coșul de cumpărături, ferestre pop-up și filtre. Caracteristicile Ajax sunt rapide. Ele oferă site-ului multe instrumente elegante și utile și ies în evidență din mulțime.

Vrem sa auzim de la tine. Ați încercat tema copil DiviCommerce? Spune-ne în comentarii ce părere ai despre asta.