Secțiuni față de blocuri
O secțiune este un rând cu lățime completă pe o pagină. Secțiunile se stivuiesc vertical și pot fi reordonate, ascunse sau șterse. Un bloc este o bucată de conținut din interiorul unei secțiuni: un bloc de text, o imagine, un buton sau un grup de aspect. Unele secțiuni conțin un set fix de blocuri (cum ar fi antetul), în timp ce altele vă permit să adăugați, eliminați și reordonați blocuri liber.
Secțiuni globale (apar pe fiecare pagină)
Bara de anunțuri
O bandă promoțională subțire în partea de sus a paginii. Puteți adăuga până la 7 mesaje de anunț individuale, fiecare cu propriul text. Mesajele se rotesc în două moduri: Ticker (derulare orizontală continuă) sau Slider (tranziții distincte cu un interval configurabil de 2-10 secunde). Opțiunile suplimentare includ direcția textului (de la stânga la dreapta sau de la dreapta la stânga), un caracter separator între mesajele ticker, dimensiunea fontului (10-30 px) și schema de culori. Puteți adăuga maximum 2 bare de anunțuri per pagină.
Antet
Bara de navigare principală. Conține cinci blocuri fixe care nu pot fi adăugate, eliminate sau reordonate, ci numai configurate:
- Logo: afișează imaginea de brand a magazinului dvs. Setați poziția (stânga, centru sau dreapta), lățimea (20-300 px), înălțimea (20-300 px) și padding-ul.
- Meniu: meniul de navigare. Alegeți un meniu pe care l-ați creat în Meniuri, apoi setați poziția orizontală, pe ce rând al antetului se află (sus sau jos), tipul de afișare (sertar, mega meniu sau meniu derulant) și schema de culori pentru panoul derulant. O opțiune de bară de meniu adaugă o bandă colorată cu lățime completă în spatele rândului de jos.
- Căutare: o pictogramă de căutare care deschide o suprapunere de căutare a produselor. Setați poziția orizontală (stânga sau dreapta) și pe ce rând se află.
- Coș: pictograma coșului cu un ecuson de număr de articole. Opțiuni de tip afișare: Sertar (un panou lateral), Meniu derulant (un mini-coș în antet) sau Pagină (redirecționează la pagina completă a coșului). Fiecare tip are propriul selector de schemă de culori.
- Localizare: un selector de țară și limbă pentru magazinele cu mai multe piețe. Comutați dacă se afișează numele țării și steagul și setați poziția și rândul.
Setările la nivel de antet includ: Comportamentul de fixare (Derulare (fixare inteligentă: se ascunde la derulare în jos, reapare la derulare în sus), Mereu (fixat permanent în partea de sus), Reducere (se micșorează la derulare) sau Niciodată (derulează cu pagina)), plus Lățimea (constrâns la pagină sau de la margine la margine), schema de culori, padding-ul sus și jos și un câmp CSS personalizat. Maximum 1 antet per pagină.
Subsol
Secțiunea de jos a fiecărei pagini. Puteți adăuga, elimina și reordona blocuri în interiorul subsolului. Blocurile disponibile pentru subsol:
- Despre noi: o zonă a poveștii de brand conținând logoul dvs., blocuri de text, informații de contact și grupuri de aspect opționale. Suportă controale de direcție, aliniere, spațiu, lățime și padding. Maximum 1 per subsol.
- Meniu: un meniu de navigare afișat ca o listă de linkuri. Selectați un meniu creat în Meniuri. Maximum 1 per subsol.
- Pictograme rețele sociale: un rând de pictograme ale platformelor sociale. Platforme acceptate: Facebook, Instagram, Threads, X (Twitter), TikTok, Snapchat, YouTube, LinkedIn, Pinterest, Tumblr, WhatsApp și Telegram. Configurați dimensiunea pictogramei (12-64 px), spațierea (0-48 px), forma (niciuna, cerc, rotunjit sau pătrat), stilul de umplere a formei (plat sau contur), dimensiunea containerului (26-80 px), paleta de culori (culori de brand, monocrom sau o culoare personalizată) și efectul de hover (niciun, brand, scalare, ridicare sau opacitate). Maximum 1 per subsol.
- Pictograme de plată: afișează automat pictogramele pentru metodele de plată pe care le-ați activat în magazinul dvs. (Visa, Mastercard, PayPal, Stripe, Apple Pay și altele). Nu este necesară nicio configurare. Maximum 1 per subsol.
- Linkuri de confidențialitate: linkuri la paginile dvs. legale (Politica de confidențialitate, Termenii serviciului, Politica de rambursare, Politica de expediere), generate automat din politicile magazinului dvs. Setați dimensiunea fontului (12-20 px) și majusculele (implicit sau majuscule). Maximum 1 per subsol.
- Drepturi de autor: afișează anul drepturilor de autor și numele magazinului dvs., cu o linie opțională "Creat cu Storeep". Setați dimensiunea fontului (12-20 px), majusculele și dacă se afișează atribuirea Storeep. Maximum 1 per subsol.
- Text, Separator și Grup: aceleași componente de aspect disponibile în alte secțiuni. Consultați Componentele de aspect pentru detalii complete.
Secțiunile paginii principale
Hero
O secțiune banner cu vizualizare completă cu un fundal media (imagine sau video). Două moduri de afișare: Unic (un fundal) și Divizat (două panouri media alăturate). Presetări de înălțime: Mic (50% din înălțimea vizualizării), Mediu (70%), Mare (90%), Ecran complet (înălțimea completă a ecranului), Imagine (adoptă dimensiunea naturală a media dvs. astfel încât întreaga imagine să fie vizibilă) sau Personalizat (un procent definit de utilizator). Blocurile de conținut se suprapun pe media și suportă aceleași controale de aspect ca un grup: direcție, aliniere, spațiu și padding. O suprapunere cu umplere solidă sau gradient poate fi aplicată pe media. Când este plasată direct după antet și opțiunea Antet transparent este activată, antetul se fuzionează în hero și utilizează schema sa de culori.
Produse recomandate
Un grid de produse sau carusel provenit din catalogul dvs. Opțiuni de sursă: Manual (alegeți produse specifice), Cel mai nou (produsele adăugate cel mai recent) sau Cel mai vândut (produsele ordonate după volumul vânzărilor). Configurați numărul de coloane desktop (1-8), coloane mobile (1 sau 2), spațierea dintre carduri, lățimea secțiunii și schema de culori. Conține un bloc de card de produs care definește aspectul fiecărui card (imagine, titlu, preț, evaluare și buton de cumpărare), plus blocuri opționale de text și separator deasupra sau sub grid.
Slideshow
Un carusel de imagini sau video cu lățime completă. Fiecare diapozitiv poate avea propriul fundal media, suprapunere și blocuri de conținut (text, buton, grup și separator). Până la 7 diapozitive per slideshow, cu un maximum de 2 secțiuni de slideshow per pagină. Disponibil numai pe pagina principală.
Newsletter
Un formular de abonare la e-mail. Moduri de afișare: Integrat (încorporat în pagină) sau Fix (un widget flotant ancorat în colțul de jos). Blocurile din interior includ text (titluri și descrieri), un câmp de intrare pentru e-mail (cu etichetă opțională, placeholder și notificare de confidențialitate), un buton de abonare (pictogramă sau etichetă text, cu o opțiune de fuzionare vizuală în câmpul de intrare), separatoare și grupuri. Puteți configura și titlul de succes și mesajul afișat după înregistrarea cuiva.
Secțiunile paginii produsului
Informații produs
Secțiunea principală de detalii ale produsului. Conține galeria de media a produsului (imagini și videoclipuri), zona de detalii ale produsului (titlu, preț, ecuson de economii, variante, formularul de cumpărare, butonul de comandă pe WhatsApp și cronometrul cu numărătoare inversă) și blocul de descriere a produsului. Formularul de cumpărare suportă un aspect integrat sau pop-up, un comutator de rezumat al comenzii, text personalizat pentru titlu și subtitlu, etichete personalizate pentru butoanele Adăugați în coș și Cumpărați acum, un hook pentru mesaj cadou și un cronometru cu numărătoare inversă pentru expirarea reducerii. Această secțiune este obligatorie pe pagina produsului.
Produse înrudite
Un grid de produse afișând produse înrudite cu cel vizualizat în prezent, bazat pe aceeași colecție sau curatorizat manual. Utilizează același sistem de carduri de produse ca secțiunea Produse recomandate.
Recenzii
Afișează recenziile clienților pentru produsul curent. Conține un bloc de rezumat al recenziilor (evaluarea medie cu stele, numărul total de recenzii și bare opționale de distribuție a stelelor) și un bloc de formular de recenzie (un buton care deschide un panou de trimitere a recenziei). Recenziile sunt moderate înainte de publicare.
Secțiunile paginii de destinație
Informații de destinație
Secțiunea de vânzări a produsului pentru paginile de destinație. Similar cu Informații produs, dar dispus pentru o pagină de vânzări dedicată: combină formularul de produs, media, descrierea și blocurile de conținut înrudite într-un singur aspect focalizat. Această secțiune este obligatorie pe pagina de destinație.
Secțiunile paginii de colecție
Produse colecție
Gridul de produse pentru o pagină de colecție. Produsele afișate sunt extrase din colecția la care a navigat cumpărătorul. Puteți configura coloanele desktop (1-8), coloanele mobile (1 sau 2), spațierea dintre carduri, opțiunile de sortare, o bară laterală de filtrare și aspectul cardului de produs. Această secțiune este obligatorie pe pagina de colecție.
Secțiunile paginii de căutare
Produse căutare
Gridul de produse pentru rezultatele căutării. Redă produsele care corespund interogării de căutare a cumpărătorului. Utilizează aceeași configurare de card și grid ca secțiunea Produse colecție. Această secțiune este obligatorie pe pagina de căutare.
Secțiunile paginii de contact
Contact
Un formular de contact cu câmpuri pentru nume, e-mail, subiect și mesaj. Puteți adăuga blocuri de text și grupuri de aspect deasupra sau sub formular. Eticheta butonului de trimitere și stilul (primar sau secundar) sunt configurabile. Mesajele trimise sunt trimise la adresa de e-mail a magazinului dvs. Această secțiune este obligatorie pe pagina de contact.
Secțiuni disponibile pe toate paginile
Text
O secțiune de text autonomă pentru un titlu, paragraf sau bloc de conținut formatat. Până la 3 secțiuni de text per pagină. Consultați Componentele de aspect pentru toate setările de text.
Imagine
O secțiune de imagine autonomă. Până la 3 secțiuni de imagine per pagină. Configurați lățimea, alinierea, raportul de aspect (auto, portret 3:4, pătrat 1:1 sau peisaj 4:3), potrivirea (acoperire sau conținere), rotunjirea colțurilor, padding-ul și un link opțional de clic.
Separator
O linie separatoare orizontală sau verticală. Până la 10 secțiuni de separator per pagină. Configurați grosimea, lungimea (ca procent al containerului), stilul capătului (ascuțit sau rotunjit), alinierea, schema de culori, lățimea (potrivire sau umplere) și padding-ul. Consultați Componentele de aspect pentru detalii complete.
Întrebări frecvente
O secțiune de întrebări frecvente în stil acordeon. Adăugați câte perechi de întrebări și răspunsuri aveți nevoie. Configurați schema de culori, lățimea secțiunii și padding-ul.
Cod personalizat
O secțiune pentru HTML, CSS și JavaScript brut. HTML-ul dvs. este inserat în interiorul unui container unic pe pagină. CSS-ul pe care îl scrieți este automatizat cu acel container astfel încât stilurile dvs. nu pot afecta alte secțiuni. JavaScript rulează într-un spațiu izolat și primește containerul ca singura referință, încărcat după ce conținutul paginii este pregătit astfel încât interogările dvs. se rezolvă corect. Maximum 2 secțiuni de cod personalizat per pagină. Util pentru încorporarea widget-urilor terțe, animații personalizate sau orice altceva pe care secțiunile standard nu îl pot exprima.