Tema Storefront: Cum se instalează și se configurează

Publicat: 2018-01-12

Storefront este una dintre cele mai flexibile și extensibile teme atunci când vine vorba de lansarea unui magazin WooCommerce folosind WordPress.

Datorită arhitecturii sale de cod curat, a devenit extrem de popular în rândul utilizatorilor și în prezent peste 100.000 de magazine online folosesc Storefront ca temă WordPress.

Instalarea temei WooCommerce Storefront

Există două moduri în care puteți instala tema Storefront, fie prin căutarea temei din tabloul de bord WP, ​​fie prin încărcarea manuală a temei.

Instalare folosind WordPress Dashboard

Cea mai rapidă modalitate de a instala Storefront este prin intermediul tabloului de bord WordPress. Urmați acești pași pentru a instala Storefront prin tabloul de bord WordPress.

  1. Accesați Aspect > Teme > Adăugați nou
  2. Tastați „ vitrina ” în caseta de căutare și apăsați Enter.
  3. Treceți cu mouse-ul peste captura de ecran a Vitrinei.
  4. Selectați butonul „ Instalare ”.
  5. Faceți clic pe Activare

Instalarea manuală a magazinului

  1. Descărcați cea mai recentă versiune a Storefront de pe wordpress.org
  2. Accesați Aspect > Teme > Adăugați nou
  3. Faceți clic pe Încărcați tema și alegeți fișierul zip descărcat anterior.
  4. Faceți clic pe Instalați acum
  5. Faceți clic pe Activare

Configurarea paginii de pornire

Magazinul are încorporat un șablon de pagină de pornire care este bine gândit. Structura sa curată va ajuta publicul să găsească cu ușurință produsele pe care le vindeți.

Există 6 secțiuni în șablonul implicit pentru Pagina de pornire Storefront. Dar puteți adăuga sau șterge secțiunea în funcție de nevoile dvs.

Secțiunile implicite ale paginii de pornire:

  • Conținutul paginii
  • Categorii de produse
  • Produse recente
  • Produse recomandate
  • Produse populare
  • Produse la vânzare
  • Cele mai vândute produse

Atribuirea șablonului pentru pagina de pornire

Pentru a configura șablonul Pagina de pornire, urmați acești pași:

  1. Accesați Tabloul de bord -> Pagini și creați o pagină intitulată „ Acasă ” sau orice doriți.
  2. Adăugați orice conținut de bun venit care vă place, care va fi afișat deasupra produselor.
  3. În partea dreaptă, veți găsi o casetă intitulată „ Atribute paginii ”
  4. Selectați „ Pagină de pornire” din meniul drop-down „ Șablon ”.
  5. Faceți clic pe Publicare sau Actualizare pentru a salva modificarea.

Afișarea șablonului de pagină de pornire

După publicarea paginii, acum trebuie să afișați această pagină de pornire ca prima pagină a site-ului dvs. Deci, oricine ajunge pe site-ul dvs., vede mai întâi această pagină. Pentru a configura acest lucru, urmați acești pași:

  1. Accesați Tabloul de bord > Setări > Citire
  2. Sub Afișează pagina dvs. de pornire, selectați O pagină statică (selectați mai jos)
  3. Selectați pagina de atribuire a șablonului de pagină de pornire anterior în meniul drop-down Pagina de pornire .
  4. Faceți clic pe Salvare modificări

Recomandați secțiunile de pe pagina de pornire a magazinului

Puteți schimba ordinea secțiunilor paginii de pornire Storefront utilizând cârlige sau folosind un plugin numit Homepage Control. Urmați pașii de mai jos pentru a reordona secțiunile paginii de pornire:

  1. Descărcați și instalați Controlul paginii de pornire
  2. Accesați Aspect -> Personalizare -> Control pagina de pornire
  3. Trageți și reordonați secțiunile în funcție de nevoile dvs.
  4. Faceți clic pe Salvați și publicați pentru a salva modificările.

Configurarea meniului de navigare

În tema Storefront puteți afișa Meniu în 3 locații.

  1. Meniu principal – Apare chiar sub sigla site-ului.
  2. Meniu secundar – lângă logo-ul din caseta de căutare.
  3. Meniu portabil – Meniu pentru dispozitive mobile.

Configurarea meniurilor

În mod implicit, dacă nu este setat un anumit meniu principal, WordPress afișează toate paginile dvs. ca meniu principal. Uneori, derutează utilizatorii și le dă greu să-și dea seama cum au ajuns aceste pagini în meniu.

Crearea unui nou meniu și adăugarea de pagini la acesta

  1. Accesați panoul de administrare, apoi, Aspect > Meniuri
  2. În partea de sus veți găsi câmpul Nume meniu. Scrie aici numele meniului tău.
  3. Din partea stângă, faceți clic pe Pagini (presupunând că doriți să adăugați pagini în meniu)
  4. Faceți clic pe View All pentru a obține o listă cu toate paginile publicate.
  5. Bifați paginile care doriți să apară în meniu.
  6. După selectarea paginii, faceți clic pe butonul Adaugă la meniu.
  7. Trageți și plasați elementul de meniu pentru a le rearanja după preferințe.
  8. Faceți clic pe Salvare meniu

Atribuirea meniului

După crearea meniului, atribuiți meniul locației în care doriți să fie afișat. Navigați la Aspect > Meniuri > Setări meniu și bifați locația din caseta de selectare Afișare locație .

Adăugarea categoriilor de produse în meniul dvs

  1. Accesați panoul de administrare, apoi, Aspect > Meniuri
  2. Faceți clic pe Opțiuni ecran din stânga sus și bifați Categorii de produse
  3. Acum, în panoul din stânga va apărea o filă Categorii de produse.
  4. Faceți clic pe fila Categorii de produse pentru a extinde, selectați categoriile
  5. După ce ați selectat, faceți clic pe butonul Adăugare la meniu .
  6. Trageți și plasați elementul de meniu pentru a le rearanja după preferințe.
  7. Faceți clic pe meniul Salvare

Setări widget

Storefront vă permite să afișați șase regiuni widget în 3 zone diferite.

  1. Bara laterală – stânga sau dreapta conținutului site-ului principal,
  2. Sub antet – chiar sub antetul site-ului și deasupra conținutului.
  3. Coloana de subsol 1 – Zona de subsol
  4. Coloana subsol 2 – Zona subsol
  5. Coloana de subsol 3 – Zona de subsol
  6. Coloana de subsol 4 – Zona de subsol

Configurarea WooCommerce

Instalarea WooCommerce

  1. Accesați Dashboard > Plugins > Add New > Search Plugins
  2. Căutați „WooCommerce”.
  3. Faceți clic pe Instalați acum .
  4. Faceți clic pe Activare .

Configurarea WooCommerce

După activarea WooCommerce, vi se va solicita să instalați WooCommerce cu un expert. Se va ocupa de toate setările inițiale. Este împărțit în 6 părți.

  • Configurare pagină – Configurați automat paginile esențiale (Magazin, Coș, Checkout, Contul meu).
  • Locația magazinului – Configurați locația magazinului, moneda și taxa pe vânzări
  • Livrare – Configurați unitatea de greutate și unitatea de dimensiune
  • Plăți – Configurați poarta de plată.
  • Tema – Instalați tema compatibilă cu WooCommerce.
  • Gata – (opțional) Permite WooCommerce să colecteze informații de utilizare.

Puteți toate aceste setări oricând doriți din tabloul de bord WooCommerce.

Adăugați un produs la WooCommerce

  1. Accesați Tabloul de bord WordPress
  2. Faceți clic pe Produse > Adăugați nou
  3. Scrieți numele sau titlul produsului în câmpul Nume produs .
  4. Scrieți descrierea produsului în editorul de mai jos.
  5. Acum trebuie să încărcați o imagine recomandată a produsului și o imagine suplimentară într-o galerie de produse.
  6. În dreapta veți găsi caseta intitulată Imagine produs și galerie de produse
  7. Încărcați imaginea prezentată în Imaginea produsului și imagini suplimentare în galeria de produse
  8. Faceți clic pe Publicare .

Configurarea prețului și atributului produsului

Pentru a configura prețul produsului Accesați Tabloul de bord > Produse și selectați orice produs. Apoi derulați în jos la secțiunea Date despre produs. Iată o scurtă descriere a tuturor setărilor secțiunii cu date despre produs:

Tip produs

  • Produs simplu : Un singur produs simplu.
  • Produs grupat : Un produs care face parte dintr-o colecție.
  • Produs extern/ afiliat : produs care este listat în magazinul dvs., dar produsul real este vândut în altă parte.
  • Produs variabil : Un produs cu variații (mărime, culori)
  • Produs virtual : Un produs care nu necesită livrare.
  • Produs descărcabil : un produs în care trebuie să furnizați un fișier descărcabil.

General

  • Preț obișnuit : preț obișnuit al produsului.
  • Pret de vanzare: Pret redus al produsului.

Inventar

  • SKU : Unitatea de stocare (SKU) urmărește produsele
  • Gestionare stoc : Activați gestionarea stocului
  • Starea stocului : Indiferent dacă produsul este sau nu în stoc sau epuizat.
  • Vândut individual : poate fi vândut într-o singură comandă.

Transport

  • Greutate: Greutatea produsului.
  • Dimensiuni: Lungimea, latimea si inaltimea produsului.
  • Clasa de expediere: Grupați produse de tip similar cu anumite metode de expediere.

Produse legate

  • Upsells : Afișați produse similare sub o pagină cu detalii despre produs.
  • Vânzări încrucișate : afișați produse similare pe pagina coșului.
  • Atribute : selectați atributul global al produselor dvs.

Avansat

  • Notă de cumpărare : Notă pentru a trimite clientului după finalizarea achiziției.
  • Comanda meniului : Poziție de comandă personalizată pentru acest produs.
  • Activați recenziile : activați sau dezactivați recenziile despre produse.

Personalizarea Vitrinei

Cum să adăugați un logo

Urmați acești pași pentru a adăuga și afișa sigla pe site-ul dvs.:
1. Accesați WordPress Admin apoi Aspect > Personalizare
2. Apoi accesați Site Identity > Logo
3. Faceți clic pe Selectare logo pentru a încărca imaginea logo-ului. (Dimensiunea recomandată a imaginii: 470px X 110px)
4. Faceți clic pe Publicare.

Unde să încarci faviconul site-ului

Urmați acești pași pentru a adăuga și afișa favicon pe site-ul dvs. web:
1. Accesați WordPress Admin apoi Aspect > Personalizare
2. Apoi accesați Site Identity > Site Icon
3. Faceți clic pe Selectare imagine pentru a încărca imaginea logo-ului. (Dimensiunea recomandată a imaginii: 512px X 512px)
4. Faceți clic pe Publicare.

Cum se schimbă arhiva postării sau aspectul blogului

  1. Accesați Aspect > Personalizare > Personalizare blog > Postare arhive
  2. Selectați aspectul din Post Archive Layout
  3. Faceți clic pe Publicare

Cum se schimbă arhiva postării sau coloana blogului

  1. Accesați Aspect > Personalizare > Personalizare blog > Postare arhive
  2. Selectați numărul coloanei (Lățime completă, 2 coloane, 3 coloane și 4 coloane) din coloana Post Archive
  3. Faceți clic pe Publicare

Cum să schimbați aspectul articolului sau postării unice

  1. Accesați Aspect > Personalizare > Personalizare blog > Postare unică
  2. Selectați aspectul din Aspect unic post
  3. Faceți clic pe Publicare

Cum se schimbă fontul

  1. Accesați Aspect > Personalizare > Stiluri generale > Tipografie
  2. Selectați fontul din Font Pairings
  3. Faceți clic pe Publicare

Personalizare WooCommerce

Cum se schimbă aspectul paginii magazin

  1. Accesați Aspect > Personalizare > WooCommerce > Pagina de magazin – Listări de produse
  2. Selectați aspectul din Aspectul arhivei de produse
  3. Faceți clic pe Publicare

Cum se schimbă aspectul paginii cu detaliile produsului

  1. Accesați Aspect > Personalizare > WooCommerce > Pagina de magazin – Listări de produse
  2. Selectați aspectul din Aspectul arhivei de produse
  3. Faceți clic pe Publicare