Sari la conținut

Hero / Slider

/slider-heroVerificat pe 17 septembrie 2026

Administrezi slider-ul principal de pe homepage: adaugi slide-uri, alegi tipul de banner și formatul, vezi previzualizarea pe desktop și pe mobil și corectezi avertismentele înainte de publicare. Slider-ul se randează doar pe homepage, în secțiunea Hero.

Meniul lateral → ConținutHero / Slider (/slider-hero). Aceeași pagină se deschide și din Setări → Magazin → Homepage → Editează hero.

Editorul hero / slider cu previzualizare. Editorul hero / slider cu previzualizare.

Slider-ul are un singur comutator care schimbă tot restul: Tip banner.

Poster Compus
Ce e imaginea designul complet — titlu, buton, telefon, toate în imagine doar fundal (fotografie)
Textul e în imagine se scrie în admin, peste imagine
Ce decide înălțimea formatul ales (21:9 etc.) înălțimea aleasă (Mică / Medie / Mare)
Se taie ceva? nu, dacă exporți exact în formatul ales da, și e normal — punctul focal decide
Pe telefon ai nevoie de o imagine separată, altfel textul e ilizibil textul se rearanjează singur
Google îl citește nu da

Recomandarea noastră: Compus. Textul rămâne clar pe orice ecran, e citit de Google și imaginea nu trebuie exportată la milimetru. Poster rămâne pentru bannere gata făcute de un designer.

Poster — formatul desktop e la alegerea ta (21:9, 3:1, 2.4:1, 2:1), dar toate slide-urile trebuie exportate în același format. Editorul îți arată dimensiunea exactă sub selector.

Format Exportă exact la
Desktop 21:9 3840 × 1646 px
Mobil 4:5 1440 × 1800 px

Compus — formatul nu contează; imaginea umple înălțimea aleasă și se taie natural.

Exportă la
Desktop 3840 × 1600 px (fotografie, fără text)
Mobil 1440 × 1800 px (opțional, dar recomandat)

Reguli valabile în ambele cazuri:

  1. Minim 2000 px lățime. Sub această valoare încărcarea este respinsă. Un banner ocupă toată lățimea ecranului; pe un laptop retina de 1920 px sunt 3840 de puncte fizice.
  2. WEBP sau JPG. Site-ul convertește oricum în WEBP și generează versiuni mai mici pentru telefoane.
  3. Nu-ți face griji de mărimea fișierului: un banner de 3840 px cu culori plate are ~83 KB după conversie.
  4. La Poster: tot textul în interiorul unei margini de siguranță de 10 % și o imagine separată pentru mobil.
  1. 1. Tip banner → Poster sau Compus. 2. Format → formatul (Poster) sau înălțimea (Compus).
  2. Slide-uriAdaugă slideImagine desktop (și Imagine mobil).
  3. La Compus completează Titlu, Subtitlu, Badge (ex.: NOU, −30 %), Text buton principal + Link, opțional butonul secundar și Link întreg slide. Poziție text și Stil buton controlează așezarea.
  4. Setează Autoplay, Interval autoplay (ms) (5000 = 5 secunde), Săgeți, Indicatori, Tranziție.
  5. Verifică panoul de avertismente de sus și previzualizările Desktop / Mobil.
  6. Salvează. Modificarea apare imediat pe site.
Avertisment Ce s-a întâmplat Ce faci
imaginea nu se încarcă (link mort) Fișierul a fost șters sau redenumit în Media după ce a fost pus în slider. Slide-ul nu apare deloc pe site. Încarcă imaginea din nou.
formatul taie ≈X % din imagine Proporția imaginii nu se potrivește cu formatul ales. Setează formatul după această imagine sau re-exportă.
imagine prea mică Sub 2000 px lățime. Exportă din nou la 3840 px.
niciun slide nu are imagine de mobil Pe telefon se folosește imaginea de desktop. Adaugă imagine de mobil pentru fiecare slide.
înălțime fixă veche Setare dintr-o versiune anterioară, ignorată acum. Apasă Curăță.

Bannerul arată pixelat pe MacBook. Imaginea sursă e prea mică. Un ecran retina de 1920 px cere 3840 px; o imagine de 1000 px se întinde de aproape 4 ori. Re-exportă la dimensiunile de mai sus.

Nu apare deloc hero-ul pe homepage. Verifică în Setări → Magazin → Homepage că secțiunea Hero este în lista de secțiuni și activă, apoi că există cel puțin un slide activ cu imagine validă.

Pot pune slider și pe paginile de categorie? Nu în acest moment — există doar hero-ul de pe homepage.

  • Slide-ul păstrează adresa imaginii, nu o legătură la fișierul din Media: redenumirea sau ștergerea fișierului face slide-ul să dispară fără alt mesaj decât avertismentul din editor.