Catalog

Catalogul eCommerce afișează produsele pe care clienții le pot parcurge. Este organizat prin categorii de produse, opțiuni disponibile, sortare și căi de navigare. În esență, catalogul eCommerce este pagina magazinului de pe site-ul dumneavoastră.

Catalogul de produse include o bară de sus, un panou lateral și o zonă de listare a produselor. Cu Odoo, puteți personaliza aspectul, filtra după categorii și atribute și folosi funcționalități suplimentare în funcție de nevoile dumneavoastră.

Puteți personaliza pagina magazinului folosind editorul de site. Pentru a-l accesa, mergeți la pagina magazinului, faceți clic pe Editare în colțul din dreapta sus și navigați la fila Personalizează.

In capul barului

Bara de sus poate include o bară de căutare, un selector de monedă, opțiuni de sortare și afișare și acces rapid la categorii.

Opțiuni de căutare, sortare și afișare

Puteți activa Bara de căutare, afișa categorii și/sau atribute și activa sau dezactiva butoanele Sortare după, precum și Aspect, în Bara de sus.

Butonul Sortare după este activat implicit, iar clienții pot alege între următoarele opțiuni de Sortare implicită:

  • Niciuna

  • Recomandate

  • Cele mai noi sosiri

  • Nume (A-Z)

  • Preț - de la mic la mare

  • Preț - de la mare la mic

Sortarea implicită se aplică tuturor categoriilor.

Regulile de sortare a magazinului completează numerele din spatele opțiunii Recomandate.

Sfat

Dacă nu doriți să afișați o bară de sus sau un panou lateral, puteți dezactiva toate opțiunile aferente în editorul de site.

Reguli de sortare a magazinului

Ordinea Recomandate este secvența de site a fiecărui produs. Modulul Shop Category Sort (website_sale_category_sort) scrie această secvență dintr-o listă de reguli de sortare. Celelalte opțiuni de Sortare după, și anume Cele mai noi sosiri, Nume (A-Z), Preț - de la mic la mare și Preț - de la mare la mic, sortează în continuare după propriul câmp și lasă secvența neschimbată.

Instalați modulul din Aplicații. Designerii de site deschid apoi Site web ‣ eCommerce ‣ Produse ‣ Sortare magazin, pagina Sortare magazin din formularul site-ului (Site web ‣ Configurare ‣ Site-uri web, în modul dezvoltator) sau secțiunea Sortare magazin dintr-o categorie eCommerce (Site web ‣ eCommerce ‣ Produse ‣ Categorii eCommerce).

O linie de regulă aparține unui singur site sau unei singure categorii. Dați-i o Cheie de sortare și o Direcție (Crescător sau Descrescător). Liniile se execută de sus în jos. Trageți mânerul pentru a le reordona.

  • Secvență valoare atribut urmează ordinea valorilor atributului ales de dumneavoastră. Setați această ordine pe atribut. Un produs cu mai multe valori ale atributului folosește cea mai mică secvență. Un produs fără atributul respectiv este plasat ultimul, indiferent dacă direcția este crescătoare sau descrescătoare.

  • Interval de reducere, crescător, listează mai întâi produsele fără etichetă de listă de prețuri, apoi pe cele care au cel puțin una. Nu reprezintă valoarea reducerii și nici un preț din lista de prețuri.

  • Secvența site-ului păstrează secvența curentă. Folosiți-o ca ultimă linie atunci când produsele care sunt altfel egale trebuie să rămână în ordinea lor anterioară.

  • Data creării, Nume și Preț din catalog folosesc aceste câmpuri ale produsului. Prețul din catalog este prețul de vânzare de pe produs, nu un preț din lista de prețuri.

Fiecare produs are o singură secvență de site, deci magazinul are o singură ordine. O categorie nu stochează o a doua ordine pentru aceleași produse. Ea alege doar ce reguli scriu numărul.

Dacă categoria produsului sau o categorie părinte a acesteia are propriile linii, acele linii înlocuiesc lista site-ului. Cea mai profundă categorie din lanț care are linii câștigă. O categorie fără linii folosește categoria părinte, apoi lista site-ului. Produsele care nu se potrivesc cu nicio listă își păstrează ordinea relativă între ele.

Faceți clic pe Aplică acum pentru a renumerota fiecare produs activ. Aceeași renumerotare rulează o dată pe zi și din nou când se modifică o regulă, când se modifică o valoare urmărită a unui produs (de exemplu categoria, etichetele listei de prețuri, denumirea sau prețul din catalog) sau când se modifică secvența unei valori de atribut. Pe un catalog mare, acest lucru poate dura ceva timp. Tragerea unui produs în lista de produse îi schimbă locul până la următoarea renumerotare, care suprascrie tragerea.

Notă

Produsele arhivate sunt lăsate neschimbate. Eliminarea ultimei reguli oprește renumerotările viitoare și nu readuce numerele de dinaintea regulilor. Un import în masă ar trebui să sară peste renumerotare (contextul tehnic este skip_shop_sort) și să se bazeze pe Aplică acum sau pe acțiunea zilnică. În caz contrar, fiecare produs salvat renumerotează întregul catalog.

screenshot: ecommerce-catalog-shop-sort-rules
menu
Website --> eCommerce --> Products --> Shop Sort
shows
The shop sort list with two lines, attribute value sequence ascending on a season attribute, then discount bucket ascending.
highlight
The Sort Key and Direction columns, and the Apply now button.
data
One website, a no-variant attribute with two values ordered by sequence, and products with and without a pricelist tag.
module
website_sale_category_sort
notes
English UI, light theme, 1440px width. The menu is visible to website designers.

Panou lateral

Panoul lateral oferă instrumente avansate de filtrare pentru a organiza categoriile de produse. Pentru a categorisi mai detaliat pagina magazinului, puteți activa diverse filtre, precum filtrul pentru atribute.

Este posibil și să activați comutatorul Bară laterală pliabilă pentru a face panoul lateral pliabil manual.

Sfat

Pentru a folosi un filtru de interval de preț sau de etichete, trebuie mai întâi să activați atributele.

Categorisirea produselor în catalog

Categoriile eCommerce sunt folosite pentru a organiza produsele în grupuri, facilitând parcurgerea magazinului online de către clienți.

Pentru a crea categorii eCommerce, accesați Site web ‣ eCommerce ‣ Categorii eCommerce și faceți clic pe Nou. În formularul categoriei, adăugați un Nume, opțional introduceți o Categorie părinte și scrieți o Descriere categorie, dacă este necesar.

Pentru a folosi categoriile eCommerce, accesați Site web ‣ eCommerce ‣ Produse, selectați produsul pe care doriți să îl modificați, accesați fila Vânzări, navigați la secțiunea Magazin eCommerce și selectați Categoriile cărora le aparține.

Notă

Un singur produs poate aparține mai multor categorii eCommerce.

După ce categoriile sunt configurate și atribuite produselor relevante, mergeți la pagina principală a magazinului și deschideți editorul de site. În opțiunea Categorii, puteți activa un meniu în partea Stânga, adică în panoul lateral, sau în partea Sus, adică în bara de sus, sau în ambele. Dacă selectați categoria Stânga, apare opțiunea Categorie pliabilă recursivă, care vă permite să restrângeți categoria în panoul lateral.

screenshot: ecommerce-catalog-catalog-panel-categories
menu
Website ‣ eCommerce ‣ Products ‣ (shop page) ‣ Edit
shows
The website editor's side panel of the shop page with the category options (Categories, Collapse Categories, Filters).
highlight
The category options (red frame).
data
Three eCommerce categories.
module
website_sale
notes
English UI, light theme, 1440px width.

Vezi și

Produse

Atribute

Atributele se referă la caracteristicile unui produs, precum culoarea sau materialul, în timp ce variantele sunt combinațiile diferite de atribute. Pentru a configura atribute și variante, accesați Site web ‣ eCommerce ‣ Produse, selectați un produs și faceți clic pe fila Atribute & variante. Adăugați câte atribute doriți.

screenshot: ecommerce-catalog-catalog-attributes
menu
Website ‣ eCommerce ‣ Products ‣ (product) ‣ Attributes & Variants tab
shows
A product form's Attributes & Variants tab with two attributes and their values, and the eCommerce filter visibility option.
highlight
The attribute lines (red frame).
data
Attributes 'Color' and 'Size'.
module
website_sale
notes
English UI, light theme, 1440px width.

Pentru a activa filtrarea după atribute, mergeți la pagina principală a magazinului, apoi deschideți editorul de site și setați câmpul Atribute la Stânga (panou lateral) și/sau Sus (bară de sus).

Sfat

Când filtrarea după atribute este activată în bara de sus, clienții trebuie să facă clic pe butonul (dropdown toggle) pentru a o accesa.

Când activați Atribute, devin disponibile mai multe opțiuni:

  • Filtru preț: Activați comutatorul pentru a afișa o bară Interval preț, care permite clienților să filtreze produsele după un interval de preț folosind mânere reglabile.

  • Filtru etichete produs: activați comutatorul pentru a afișa Etichetele produsului pe pagina magazinului și pentru a permite clienților să filtreze produsele folosind acele etichete, din secțiunea Etichete a panoului lateral.

Sfat

  • Dacă doriți să folosiți etichete în magazinul dumneavoastră online, accesați eCommerce ‣ Etichete produs și faceți clic pe Nou. În fila Șabloane produs a formularului etichetei de produs, adăugați produsele de legat de eticheta respectivă. Puteți adăuga și variante de produs în fila Variante produs și puteți vedea un rezumat al tuturor produselor selectate în fila Toate produsele.

  • Filtrarea după preț funcționează independent de atribute și, prin urmare, poate fi activată separat, dacă se dorește.

Zona de listare a produselor

Puteți personaliza aspectul întregii pagini a magazinului, precum și pe cel al paginilor individuale de categorie.

Sfat

Este posibil să personalizați și paginile individuale de produs.

În editorul de site, alegeți aspectul și setați aspectul implicit la vizualizarea Grilă sau Listă.

Folosiți următoarele opțiuni pentru a ajusta în continuare aspectul:

  • Dimensiune: Setați numărul de produse afișate pe pagină și pe linie.

  • Spațiu: definiți spațiul dintre produse.

  • Stil: Selectați Implicit, Carduri, Miniaturi sau Grilă.

  • Mărime imagine: alegeți raportul de aspect pentru imaginile produselor: Peisaj (4/3), Implicit (1/1), Portret (4/5) sau Vertical (2/3). Puteți ajusta afișarea și modificând opțiunile Umple, pentru a se potrivi cel mai bine preferințelor dumneavoastră de design.

Activați comutatorul Desc. prod. pentru a afișa descrierea produsului sub numele produsului.

Sfat

Puteți alege dimensiunea grilei, dar rețineți că afișarea prea multor produse poate afecta performanța și viteza de încărcare a paginii.

În plus, puteți modifica manual poziția unui produs pe pagina magazinului. Pentru aceasta, mergeți la pagina principală a magazinului, faceți clic pe produs și deschideți editorul de site. În secțiunea Produs, puteți reordona produsele folosind săgețile. Butoanele << >> permit mutarea produsului la extrema stângă sau dreaptă, iar < > permit mutarea acestuia cu un rând spre stânga sau spre dreapta.

Sfat

Este posibil să schimbați pozițiile produselor pe pagina magazinului și accesând Site web ‣ eCommerce ‣ Produse, trecând la vizualizarea listă și trăgând și plasând produsele în listă.

Evidențierea produsului

Puteți evidenția produse pentru a le face mai vizibile pe pagina magazinului. Pentru aceasta, mergeți în editorul de site și faceți clic pe produsul de evidențiat. În secțiunea Produs, puteți alege dimensiunea imaginii produsului făcând clic pe grilă și puteți adăuga, de asemenea, o Panglică. Aceasta afișează un banner peste imaginea produsului, precum Reducere, Vândut, Stoc epuizat sau Nou!.

screenshot: ecommerce-catalog-catalog-product-highlighting
menu
(website) ‣ Shop
shows
The shop page with a ribbon displayed on a product card.
highlight
The ribbon (red frame).
data
Ribbon 'Sale' on one product.
module
website_sale
notes
English UI, light theme, 1440px width.

Pentru a crea o panglică nouă, faceți clic pe pictograma verde (Creează) de lângă câmpul Panglică. Apoi adăugați un Nume panglică, definiți-i Poziția și alegeți un Fundal și o etichetă de Text. Pentru a edita panglica, faceți clic pe pictograma (Editează) de lângă eticheta Panglică.

screenshot: ecommerce-catalog-catalog-ribbons
menu
Website ‣ eCommerce ‣ Product Ribbons ‣ New
shows
A product ribbon form with the Name, Position, Text Color and Background Color fields.
highlight
The Position and colour fields (red frame).
data
Ribbon 'Sale' in red.
module
website_sale
notes
English UI, light theme, 1440px width.

Panglica este acum disponibilă pentru toate produsele eCommerce.

Sfat

  • Există și alte modalități de a crea o panglică nouă:

    • Accesați Site web ‣ eCommerce ‣ Panglici produs și faceți clic pe Nou.

    • Activați modul dezvoltator, accesați formularul produsului și, în fila Vânzări, modificați sau creați panglica în câmpul Panglică.

  • Este posibil să adăugați panglici și pentru variante de produs specifice. Pentru aceasta, accesați Site web ‣ eCommerce ‣ Produse și selectați un produs. Faceți clic pe butonul inteligent Variante, alegeți o variantă și adăugați o panglică în câmpul Panglică variantă din secțiunea Vânzări.

Designul paginii magazinului și al paginilor de categorie

Folosiți blocuri de construcție pentru a adăuga conținut pe pagina magazinului și/sau pe pagina categoriei.

Puteți personaliza secțiunea de sus și/sau de jos a catalogului, fie pentru întreaga pagină a magazinului, fie pentru o anumită categorie. În acest ultim caz, blocul apare doar la filtrarea după acea categorie. Pentru aceasta, mutați blocul în secțiunea cea mai de sus sau cea mai de jos pentru a-l afișa pe pagina generală a magazinului, sau în zona de sub numele categoriei, în partea de sus, sau sub lista de produse, pentru a-l afișa doar la filtrarea după acea categorie specifică.

screenshot: ecommerce-catalog-catalog-header-footer
menu
Website ‣ eCommerce ‣ Products ‣ (shop page) ‣ Edit
shows
The shop page in the editor with a building block being dropped into the area above the product grid.
highlight
The drop target above the product grid (red frame).
data
Demo website 'My Website' with the eCommerce demo products.
module
website_sale
notes
English UI, light theme, 1440px width.

Sfat

  • Adăugarea de conținut pe pagina unei categorii eCommerce ajută la îmbunătățirea strategiei SEO. Folosirea unor cuvinte-cheie legate de produse sau de categoriile eCommerce poate crește, de asemenea, traficul organic. În plus, fiecare categorie are propriul URL specific, către care se poate face trimitere și care este indexat de motoarele de căutare.

  • Categoriile eCommerce pot fi adăugate și ca elemente de mega meniu pentru acces rapid.

Caraacteristici aditionale

Puteți accesa și activa butoane de funcționalități suplimentare, precum un buton Adaugă în coș sau Favorite ori o Listă de comparație. Pentru aceasta, deschideți editorul de site și faceți clic pe butoanele de funcționalități dorite. Toate cele trei butoane apar când treceți cursorul peste imaginea unui produs.

  • (Adaugă în coș): adaugă un buton pentru a adăuga produsul în coș;

  • (Compară): adaugă un buton pentru a compara produsele pe baza prețului, a variantei etc.;

  • (Favorite): adaugă un buton pentru a adăuga produsul în lista de favorite.