WordPress oferă suport extins pentru crearea de magazine online prin pluginul WooCommerce. Tema Divi este compatibilă cu WooCommerce și poate fi utilizată pentru a crea și personaliza un magazin online fără a scrie cod, folosind editorul vizual inclus.
Instalarea și configurarea inițială
Pentru a folosi Divi cu WooCommerce, sunt necesari următorii pași:
-
Instalarea WordPress – se instalează platforma WordPress pe un domeniu activ.
-
Instalarea temei Divi – se descarcă tema de pe site-ul Elegant Themes, apoi se încarcă în WordPress prin secțiunea „Apariență > Teme”.
-
Activarea pluginului WooCommerce – se instalează din directorul WordPress și se parcurge procesul de configurare (valută, metode de plată, livrare etc.).
Structura magazinului cu Divi
Divi recunoaște automat paginile generate de WooCommerce (Shop, Cart, Checkout, My Account) și permite personalizarea acestora prin Divi Builder:
-
Pagina de magazin (Shop) poate fi editată cu Divi folosind modulele de tip „Product” sau „Woo Products”.
-
Pagina fiecărui produs poate fi personalizată folosind șabloane dinamice în „Theme Builder”.
-
Pagini de coș și checkout pot fi stilizate, dar funcționalitățile rămân gestionate de WooCommerce.
Crearea și afișarea produselor
Produsele sunt adăugate din panoul WordPress, secțiunea „Produse”. Fiecare produs poate avea:
-
titlu, descriere, preț, imagini;
-
variante (mărime, culoare etc.);
-
stoc, SKU și alte detalii tehnice.
Divi permite plasarea produselor în layout-uri personalizate prin modulele dedicate:
-
Shop Module – afișează mai multe produse într-o grilă, cu opțiuni de filtrare și sortare;
-
Product Module – afișează un produs individual, util pentru paginile de promovare.
Personalizare vizuală
Folosind Divi Builder sau Theme Builder, se pot personaliza:
-
pagini de arhivă (categorii de produse);
-
pagini individuale de produs;
-
header și footer;
-
pagina de checkout, prin CSS suplimentar.
Divi oferă și opțiuni de stil pentru butoane, fonturi, spațiere și culori, aplicabile modulelor WooCommerce.
Aspecte tehnice
-
Compatibilitate mobilă: designul se poate adapta pentru dispozitive mobile direct din Divi Builder.
-
Performanță: este recomandat să fie optimizate imaginile și să fie activată o memorie cache.
-
Actualizări: atât Divi cât și WooCommerce oferă actualizări frecvente, care pot modifica compatibilitatea anumitor module.
Sumar
Divi poate fi folosit pentru a construi un magazin online în WordPress cu WooCommerce. Procesul implică configurarea pluginului de e-commerce, personalizarea aspectului vizual cu ajutorul Divi Builder și gestionarea produselor prin WooCommerce.