Configurează paginile și secțiunile temei
În fila Pagini, construiești și editezi paginile magazinului folosind secțiuni. Din selector poți alege, de exemplu, pagina principală, catalogul, pagina de produs, coșul, pagina de contact sau paginile de conținut.
O secțiune — denumită în unele zone MerchantPro și widget — este un bloc de conținut pe care îl adaugi într-o pagină, de exemplu un banner, o listă de produse sau un formular.
Această opțiune este disponibilă pentru temele V5. Poți verifica versiunea în Website > Design & Temă, la nivelul instalării temei. Dacă nu vezi opțiunea, magazinul poate folosi o temă mai veche sau o temă care nu include această funcționalitate.
Înțelege zonele paginii
Fiecare pagină este prezentată în trei zone:
| Zonă | Ce controlează | Unde se vede |
|---|---|---|
| Header | Identitatea și navigarea principală | Global, pe paginile temei |
| Main | Conținutul specific paginii selectate | Numai în contextul paginii respective |
| Footer | Navigarea și informațiile de la finalul paginii | Global, pe paginile temei |
O modificare în Header sau Footer poate apărea și pe alte pagini. Zona Main se schimbă odată cu pagina aleasă în selector.
Adaugă o secțiune
- Deschide Website > Design & Temă și apasă Editează designul pentru tema pe care vrei să o modifici.
- Deschide fila Pagini și selectează pagina dorită.
- În zona în care vrei să adaugi conținut, apasă Adauga sectiune.
- Caută sau selectează tipul de secțiune disponibil pentru zona respectivă.
- Completează conținutul și configurează opțiunile secțiunii.
- Folosește săgeata înapoi pentru a reveni la lista secțiunilor, verifică rezultatul în previzualizare și apasă Salveaza.
Lista secțiunilor depinde de pagină, zonă și temă. De exemplu, pagina principală poate include un hero, un slider, un grid de imagini, liste de produse, categorii sau formulare.
Organizează secțiunile
Din lista secțiunilor poți:
- să schimbi ordinea secțiunilor prin drag & drop, adică să tragi secțiunea în poziția dorită;
- să deschizi Editeaza sectiunea pentru a modifica conținutul și setările;
- să duplici o secțiune dacă vrei să creezi rapid una asemănătoare;
- să ascunzi temporar o secțiune și să o afișezi din nou ulterior;
- să ștergi o secțiune atunci când nu mai ai nevoie de ea.
Secțiunile de layout ale temei, de exemplu Header, Footer sau layoutul paginii selectate, nu pot fi șterse sau duplicate.
Realizează mai întâi o modificare minoră, salveaz-o și verifică rezultatul. Dacă vrei să schimbi semnificativ structura paginii principale, lucrează într-o temă instalată separat și aplic-o doar după ce ai verificat toate modificările.
Ascunde o secțiune dacă ai putea avea nevoie de ea din nou. Ștergerea elimină conținutul și setările acelei secțiuni după salvare.
Limitează afișarea unei secțiuni
Deschide secțiunea dorită, apoi Setari avansate. Regulile de afișare controlează unde apare secțiunea, fără să schimbe conținutul ei.
| Unde vrei să apară | Folosește |
|---|---|
| Pe un anumit tip de pagină din catalog | Tip pagina: categorii, branduri, promoții, produse noi sau rezultate de căutare |
| În anumite categorii și subcategoriile lor | Tip pagina: Categorie, apoi Doar pentru categorii |
| În paginile anumitor branduri | Tip pagina: Brand, apoi Doar pentru branduri |
| Pe paginile anumitor produse | Doar pentru produse |
| Într-o anumită limbă a magazinului | Doar pentru limba |
| Pentru un anumit grup de clienți | Doar pentru grup client |
| Numai pe telefon sau pe ecrane mai mari | Doar pentru dispozitiv: Mobil sau Desktop si tableta |
Opțiunile pentru categorii și branduri apar când editezi pagina de catalog; opțiunea pentru produse apare când editezi pagina de produs. Restricționarea după limbă apare când magazinul are mai multe limbi active.
Dacă lași un câmp de restricționare necompletat, secțiunea nu este limitată de criteriul respectiv. Dacă alegi mai multe criterii, toate trebuie să fie îndeplinite. De exemplu, un banner limitat la categoria „Încălțăminte” și la Mobil apare pe telefon în acea categorie și în subcategoriile ei, dar nu apare pe desktop sau într-o altă categorie.
Doar pentru categorii stabilește pe ce pagini apare secțiunea. Dacă configurezi o secțiune cu produse, categoriile alese în conținutul ei stabilesc separat ce produse afișează. Consultă ghidul secțiunilor cu produse.
Nume intern te ajută să recunoști secțiunea în lista editorului; nu înlocuiește titlul afișat clienților.
Ajustează aspectul secțiunii
Folosește Stiluri pentru aspectul general al temei. Setările unei secțiuni sunt utile când vrei să evidențiezi doar acel bloc de conținut.
În Setari CSS, opțiunile uzuale includ:
- Spatiere sus și Spatiere jos, pentru spațiul din interiorul secțiunii, înainte și după conținut;
- Latime, cu Pagina pentru alinierea la lățimea paginii sau Complet pentru folosirea întregii lățimi disponibile;
- Culoare fundal și Imagine fundal, pentru fundalul secțiunii.
O imagine de fundal decorează secțiunea; nu înlocuiește imaginile produselor sau imaginile configurate în conținutul unui banner. Pentru un mesaj cu imagine, titlu și buton, folosește o secțiune Hero.
În Layout, secțiunile cu mai multe elemente pot avea coloane și spațieri separate pentru desktop, tabletă și mobil. Acestea schimbă prezentarea elementelor, fără să limiteze secțiunea la un anumit dispozitiv.
Lista setărilor diferă între secțiuni. Unele, precum lățimea unui Hero, sunt în Layout, iar altele nu se aplică acelui tip de conținut. Verifică rezultatul pe desktop și mobil după fiecare schimbare importantă.
Configurează derularea sliderelor
Un slider afișează mai multe elemente într-o zonă cu derulare orizontală. În Layout, opțiunea Slider CSS-only stabilește modul de derulare:
- activată: clientul derulează manual; săgețile, punctele de paginare, redarea automată, repetarea și alegerea comportamentului de derulare nu sunt disponibile;
- dezactivată: poți configura aceste opțiuni, dacă sliderul le include.
Afiseaza sageti și Afiseaza puncte paginatie oferă controale pentru navigare. Redare automata schimbă elementele fără intervenția clientului, iar Repetare permite continuarea de la început după ultimul element.
Interval redare automata (ms) se completează în milisecunde. De exemplu,
5000 înseamnă cinci secunde între schimbări. Acest câmp apare după ce
activezi redarea automată.
Pentru sliderele cu mai multe elemente vizibile, Comportament derulare poate fi Pagina completa, care avansează cu numărul de coloane afișate, sau Unul pe rand, care avansează cu un singur element. Previzualizeaza elementul urmator lasă vizibilă o parte din următorul element pentru a indica posibilitatea de derulare.
Un Slider Hero afișează câte un banner, astfel că nu are aceleași opțiuni de coloane și avansare ca un slider de produse. Păstrează fiecare mesaj ușor de citit și testează derularea manuală și automată, când o folosești.
Creează o pagină de conținut
Din selectorul paginilor de conținut poți adăuga o pagină nouă. Completează informațiile necesare și confirmă crearea.
Pagina este salvată imediat în magazin, independent de modificările făcute în editorul de design. Din acest motiv, acțiunea Renunta la modificari nu șterge pagina creată.
Dacă nu mai ai nevoie de pagină, o poți edita sau șterge din Website > Pagini site. Pentru titlu, slug, status, metadate și alegerea paginii principale, consultă ghidul Pagini site.
Verifică rezultatul
- Parcurge pagina în previzualizare și verifică toate secțiunile, de sus până jos.
- Verifică afișarea atât pe desktop, cât și pe mobil.
- Testează linkurile și butoanele din secțiunile pe care le-ai modificat.
- Dacă ai modificat headerul sau footerul, verifică și cel puțin o altă pagină a magazinului.
- Dacă lucrezi într-o temă instalată separat, aplic-o doar după ce ai verificat toate paginile importante.
Dacă o secțiune nu apare
- Verifică dacă ai adăugat secțiunea în pagina și zona corecte.
- Verifică dacă secțiunea este ascunsă sau dacă are setări de vizibilitate care împiedică afișarea.
- Asigură-te că ai salvat modificările.
- Verifică afișarea atât pe desktop, cât și pe mobil, deoarece secțiunea poate avea setări diferite pentru fiecare tip de dispozitiv.
- Dacă tipul de secțiune dorit nu este disponibil în listă, este posibil ca acesta să nu fie suportat de tema sau zona selectată.