În editorul de design, puteți modifica nu numai aspectul și ordinea elementelor paginii de produse, ci și defini structura acesteia - numărul de coloane din aspect.
Pagina de produs este configurată în Website → Design → Editor de design → Product page.
Notă: setările pentru versiunea mobilă sunt realizate independent de versiunea desktop în secțiunea Website → Design → Design editor → Mobile version
→ Product page.
Stil Vizual
Aici poți defini șablonul de layout al paginii și seta culoarea și aspectul vizual al grupurilor de componente de pe pagină.
Page template — puteți alege una dintre cele două opțiuni posibile pentru aspectul coloanelor: 2 columns sau 3 columns. Această setare determină ordinea secțiunilor paginii pe care le vedeți în fila Page layout. La această setare a fost adăugat un tooltip cu o reprezentare schematică a aspectului secțiunilor.
2 coloane | 3 coloane |
| 
|
Columns
Aceste setări sunt disponibile doar când selectezi șablonul 2 coloane. În acest caz, poți seta raportul de lățime al coloanelor între ele, precum și seta lățimea minimă a fiecărei coloane în pixeli.
Exemple de setări de proporție pentru șablonul cu 2 coloane
Niciun component în grupul superior | Raport L 1/3 - R 2/3 | Raport L 2/3 - R 1/3 |
| 
| 
|
Grupuri de componente
Un grup este format din mai multe componente pe o pagină care sunt combinate într-un bloc comun pe pagina produsului. În fiecare grup, componentele pot fi afișate secvențial una după alta (cu sau fără separator) sau pot fi colectate în taburi.
Un exemplu de grup combinat în file
Aspectul paginii
În această filă de setări, veți vedea o afișare schematică a secțiunilor de pe pagina produsului, care depinde de șablonul selectat în Visual style.
Fiecare secțiune afișează grupuri de componente care sunt localizate în ea. Poți muta componentele atât în cadrul unui grup, cât și în alte grupuri. De asemenea, poți schimba ordinea în care grupurile sunt afișate într-o secțiune sau poți muta un grup între secțiuni.
Componentele, după al căror nume conține simbolul >, pot fi configurate suplimentar — pentru a face acest lucru, dă clic pe nume.
Product image and gallery — poți schimba dimensiunea fotografiei, activa sau dezactiva afișarea stickerelor și logo-urilor, muta galeria de miniaturi.
Page heading — poți schimba dimensiunea, activa și dezactiva elemente suplimentare (breadcrumbs, disponibilitate, rating), schimba poziția SKU-ului în raport cu titlul.
Notă: dacă câmpul SKU pentru afișare pe site este completat pentru produs, atunci în loc de SKU, este afișată valoarea din acest câmp.
Price — poți afișa sau ascunde disponibilitatea produsului, gestiona pictogramele Favorites și Comparison.
Product variant — poți personaliza aspectul comutatoarelor de variante după culoare și alte parametri.
Buy buttons — poți activa și dezactiva contorul de cantitate a produsului și butonul de cumpărare pe credit.
Product set — poți schimba poziția imaginilor produselor în cadrul blocului.
Promotion countdown — poți personaliza culoarea cronometrului, textul și fundalul.
Attributes(Characteristics list) — poți personaliza stilul de afișare a atributelor pe pagina produsului.
Description — poți restrânge sau extinde descrierea produsului.
Reviews — poți seta numărul de recenzii afișate pe pagina produsului.
Products with similar attributes(characteristics), Products from the category, Accessories — poți afișa sau ascunde butonul Buy lângă produse.
