Un ghid pentru designeri pentru WooCommerce

Dacă proiectați un magazin WooCommerce precum Shopify sau dezvoltați o temă WooCommerce existentă, acest articol Ghidul designerilor pentru WooCommerce este pentru dvs. Această compoziție oferă puțin mai multe informații despre stil, schimbarea designului și alte informații care acoperă paginile WooCommerce conexe.

Acest plugin este un instrument ușor de utilizat și foarte flexibil; cu toate acestea, nu toate site-urile web vor fi acceptate. Folosind caracteristicile și abordările acceptate de WooCommerce, puteți accelera procesul de proiectare și dezvoltare.

Permite utilizatorilor să personalizeze modificări, dar cu costuri suplimentare. Cea mai rapidă modalitate de a vedea ce caracteristici există este să vizitați demonstrația Storefront din WooCommerce. Dacă aveți nevoie de o modalitate de a învăța în general cum să utilizați Woocommerce, consultați ghidurile dome pentru a vă ajuta să începeți. WooCommerce creează următoarele pagini noi. Există tipuri de pagini pentru care va trebui să creați.

Primul este Paginile de produse. Aceste pagini au două feluri, și anume: Pagini de arhivă de produse și Pagini unice de produse.

Paginile de arhivă de produse afișează miniaturi pentru categoriile de produse disponibile. Acestea afișează o altă pagină de arhivă a produsului când faceți clic pe miniatura categoriei. Apoi afișează singurul produs când faceți clic pe o miniatură a produsului.

Celălalt fel sunt paginile unice de produs. Aici, acestea afișează produse unice și combină imagini ale produselor, informații despre antetul produsului, informații detaliate despre produs și produse conexe, vânzări încrucișate și vânzări suplimentare.

De asemenea, are Pagini Speciale , care includ Coș de cumpărături și Checkout . Coșurile de cumpărături sunt de obicei afișate sub formă condensată ca widget din bara laterală, uneori în formă extinsă pe pagina Coș împreună cu informațiile de livrare. Checkout, pe de altă parte, este atunci când clientul face checkout și necesită informații despre adresă.

Diferite tipuri de produse

Acest instrument are diferite tipuri de produse;

Mai întâi este antetul produsului care este împărțit în cinci părți. Acestea sunt:

1. Nume produs – acestea sunt afișate pe paginile rezumat/arhivă și pe paginile individuale
2. Caracteristica produsului – Veți vedea în paginile de rezumat/arhivă și paginile de single
3. Imagine – Imaginile prezentate sunt afișate în rezumat și imagini suplimentare pe pagina unică a produsului
4. Descriere lungă – Aceasta este afișată în zona Descrierea produsului din partea de jos a paginii unui singur produs
5. Scurtă descriere – Aceasta este afișată în partea de sus a paginii unui singur produs

Acest instrument va permite, de asemenea, unui utilizator să acceseze produsul.

Fiecare categorie are nevoie de o imagine de categorie furnizată și de o descriere și poate avea și subcategorii. De exemplu, Pantofi este o categorie, iar marca de pantofi este o subcategorie. Arhivele de categorii de produse sunt generate automat cu următoarele secțiuni: titlu sau numele categoriei, descrierea categoriei, o miniatură de categorie pentru fiecare subcategorie a categoriei curente, miniaturi opționale ale produselor includ titlul, prețul și Adăugare în coș pentru fiecare produs din categoria actuală. Făcând clic pe o categorie se deschide o nouă categorie, făcând clic pe o miniatură de produs se deschide produsul.

În plus, în Pagini de produse, acestea sunt generate automat cu următoarele:

Imagini ale produsului – Acestea sunt imagini prezentate și imagini suplimentare pentru produs. Titlul produsului, prețul produsului, Descrierea scurtă a produsului, Cantitatea de adăugat în coș (cu + și comenzi), Butonul Adăugați în Coș, SKU (unitate de stocare) categorii și etichete.

Filele de produs includ descrierea lungă a produsului, inclusiv galeria de imagini opțională, informații suplimentare, cum ar fi biletul pentru atributele produsului de afișat pe pagina produsului și recenziile opționale ale produselor. Făcând clic pe o categorie se deschide o nouă categorie, făcând clic pe o miniatură de produs se deschide produsul.

Upsells – Acestea sunt „s-ar putea să vă placă”, urmate de degetele mari/titluri pentru upsells.

Vânzări încrucișate – Acestea sunt produsele conexe urmate de miniaturi.

Prezentarea produsului, opțiunile sunt prezentarea Standard și Opțional. Standardul afișează imaginea prezentată în partea de sus a paginii produsului, cu miniaturile suplimentare ale imaginii dedesubt în 3 coloane de miniaturi. În schimb, prezentarea Opțională afișează imaginea prezentată fără miniaturi dedesubt și afișează toate imaginile în fila Descriere.

O altă parte a instrumentului este widget-urile de căutare a produselor, care sunt disponibile pentru a fi plasate în widget-uri din bara laterală sau widget-uri de subsol. Dacă doriți să căutați orice site web, acesta are Opțiuni de căutare la nivelul întregului site. Sub aceasta se află caseta de căutare a produsului care vă permite să căutați un nume de produs, o descriere scurtă și o descriere lungă. Cealaltă diviziune a opțiunilor de căutare largă se numește detaliere a categoriilor. Este un câmp derulant care permite selectarea oricărei categorii sau subcategorii. Kitul Proud tag cloud are un meniu derulant care vă va permite să selectați etichete de preț.

Widgeturile de căutare pentru Opțiuni de căutare pentru categorii de produse vor apărea numai atunci când arhivele de categorii de produse generate automat sunt afișate. Prima este Navigarea stratificată. Acest lucru permite utilizatorului să perfecționeze produsele pe baza atributelor și îl ajută eficient în ceea ce caută. Filtru prețul produsului—acesta afișează o scală glisantă care permite filtrarea produselor într-un interval de preț. Cele mai bine vândute — aceasta afișează titlul/degetul mare/prețul pentru o listă selectată automat cu cele mai bine vândute produse. Produsul prezentat afișează titlul/degetul mare/prețul pentru produsele bifate ca Produse recomandate. La reducere: afișează produsele care au un Preț de vânzare introdus în plus față de prețul lor.

Dacă un utilizator dorește să-și modeleze WooCommerce, avem opțiuni precum Degetele mari ale produsului. Când produsele apar ca miniaturi de produs, sunt afișate 4 elemente, acestea includ miniatura, titlul, prețul, adăugarea în coș. Stilul CSS care poate fi folosit pentru fundalul produsului, chenarul produsului, umplutura și marginea. Urmează miniatura. Acestea includ chenar, umplutură și margini. Titlul include font, greutate, culoare și dimensiune, la fel ca și prețul. Sub adăugare în coș include culoarea butonului, culoarea etichetei, chenarul și raza.

De asemenea, pe instrument este afișat autocolantul de vânzare, cuvântul „vânzare” apare peste degetele de produse la vânzare—se poate folosi stilul CSS: culoarea fundalului, culoarea fontului, culoarea chenarului. Lățimea chenarului, chenarul continuu/liniat, raza chenarului.

Variațiile de produs permit unui client să configureze un produs vestimentar care este disponibil în diferite culori sau modele diferite. Când sunt utilizate variante de produs, paginile arhivei de produse vor afișa un buton „Alegeți opțiuni” în loc de un buton Adăugați în coș.

În rezumat, am stabilit elementele majore la care va trebui să vă gândiți atunci când proiectați un magazin WooCommerce. Am explicat diferitele tipuri de pagini, informațiile despre produse, precum și opțiunile de căutare și stil. Distrați-vă construindu-vă magazinul WooCommerce.

Citiți mai multe despre temele Woocommerce WordPress aici.