Fila Animations aduce mișcare în magazin: secțiuni care apar animat când cumpărătorii derulează și imagini care se măresc când mouse-ul trece peste ele.
Unde o găsești
Deschide the builder, apasă pictograma rotiță și deschide fila Animations. Secțiunea se numește General animations.
Scroll reveal
Scroll reveal animează secțiunile când intră pe ecran. Fiecare secțiune își rulează animația o dată pe vizită. Opțiunile:
- None: fără animație. Secțiunile sunt pur și simplu acolo.
- Fade: conținutul apare treptat.
- Slide up (implicit): conținutul urcă puțin în timp ce apare.
- Slide in: conținutul intră din lateral în timp ce apare.
- Zoom: conținutul crește ușor până la locul lui.
Fundalul secțiunii apare imediat și doar conținutul se mișcă, așa că pagina nu arată niciodată goluri.
Ce părți se animează
- Antetul și bara de anunțuri nu se animează niciodată. Sunt pe ecran imediat ce se deschide pagina.
- În grilele de produse, grilele de colecții, recenzii și FAQ, fiecare card sau element se animează separat, unul după altul, în loc de toată secțiunea. Într-o aranjare carusel, toată secțiunea se animează deodată.
- O secțiune de valuri păstrează apariția treptată, dar nu alunecă, ca valul să rămână lipit de secțiunea de dedesubt.
Pe care s-o alegi
Slide up se potrivește majorității magazinelor. Fade este cea mai discretă. Zoom și Slide in atrag mai mult atenția, așa că se potrivesc mai bine designurilor jucăușe sau îndrăznețe decât celor liniștite.
Images zoom effect
Pornește Images zoom effect ca imaginile să se mărească ușor când mouse-ul este deasupra lor. Funcționează pe cardurile de produs, cardurile de colecție, imaginile de pe pagina de produs și imaginile din recenzii. Reacționează la mouse, așa că pe telefoane cumpărătorii de obicei nu îl văd.
Sarcini frecvente
- Un magazin mai liniștit: setează Scroll reveal pe Fade sau None.
- Oprește orice mișcare: setează Scroll reveal pe None și oprește Images zoom effect.
- Fotografii de produs mai interactive: pornește Images zoom effect.
Rezolvarea problemelor
- Nu văd animația în constructor. Scroll reveal este oprit în constructor, ca să poți edita fără să aștepți. Publică și deschide magazinul live ca s-o vezi.
- Unii vizitatori nu văd niciodată animații. Când un vizitator a cerut dispozitivului să reducă mișcarea, magazinul arată fiecare secțiune la locul ei, fără animație. Este intenționat, pentru confort și accesibilitate.
- Zoomul nu funcționează. Verifică dacă ești pe un calculator cu mouse și dacă imaginea este de unul dintre tipurile de mai sus.
Bine de știut
Setările de animație aparțin pieței pe care o editezi și se aplică pe toate paginile ei. Modificările devin live când apeși Publish. Dacă te răzgândești, anulează modificarea în constructor. Vezi Scurtături, anulare și refacere.