La scheda Animazioni aggiunge movimento al negozio: sezioni che entrano con un'animazione mentre i clienti scorrono, e immagini che si ingrandiscono quando il mouse ci passa sopra.
Dove trovarla
Apri il builder, fai clic sull'icona dell'ingranaggio e apri la scheda Animazioni. La sezione si chiama Animazioni generali.
Mostra allo scorrimento
Mostra allo scorrimento anima le sezioni quando entrano nello schermo. Ogni sezione esegue la sua animazione una volta per visita della pagina. Le opzioni:
- Nessuno: nessuna animazione. Le sezioni sono semplicemente lì.
- Dissolvenza: il contenuto appare gradualmente.
- Scorri verso l'alto (predefinito): il contenuto sale un po' mentre appare.
- Scorri all'interno: il contenuto entra di lato mentre appare.
- Zoom: il contenuto si ingrandisce leggermente fino alla sua posizione.
Lo sfondo della sezione appare subito e si muove solo il contenuto, quindi la pagina non mostra mai spazi vuoti.
Quali parti si animano
- L'header e la barra degli annunci non si animano mai. Sono sullo schermo appena la pagina si apre.
- Nelle griglie di prodotti, nelle griglie di collezioni, nelle recensioni e nelle FAQ, ogni scheda o elemento si anima da solo invece dell'intera sezione, uno dopo l'altro. In un layout a carosello l'intera sezione si anima come un tutt'uno.
- Una sezione di onde mantiene la dissolvenza ma non scorre, così l'onda resta attaccata alla sezione sotto.
Quale scegliere
Scorri verso l'alto va bene per la maggior parte dei negozi. Dissolvenza è la più delicata. Zoom e Scorri all'interno attirano di più l'attenzione, quindi si adattano meglio a design vivaci o audaci che a quelli tranquilli.
Effetto zoom delle immagini
Attiva Effetto zoom delle immagini per far ingrandire leggermente le immagini quando il mouse ci passa sopra. Funziona sulle schede prodotto, sulle schede delle collezioni, sulle immagini dei prodotti nella pagina prodotto e sulle immagini delle recensioni. Reagisce al mouse, quindi i clienti da telefono di solito non lo vedono.
Operazioni comuni
- Rendere il negozio più tranquillo: imposta Mostra allo scorrimento su Dissolvenza o Nessuno.
- Disattivare ogni movimento: imposta Mostra allo scorrimento su Nessuno e disattiva Effetto zoom delle immagini.
- Rendere le foto dei prodotti più interattive: attiva Effetto zoom delle immagini.
Risoluzione dei problemi
- Non vedo l'animazione nel builder. Mostra allo scorrimento è disattivato dentro il builder, così puoi modificare senza aspettare. Pubblica e apri il negozio online per vederla.
- Alcuni visitatori non vedono mai le animazioni. Quando un visitatore ha chiesto al suo dispositivo di ridurre il movimento, il negozio mostra ogni sezione al suo posto senza animazione. È voluto, per comfort e accessibilità.
- Lo zoom non funziona. Controlla di essere su un computer con mouse e che l'immagine sia di uno dei tipi elencati sopra.
Da sapere
Le impostazioni delle animazioni appartengono al mercato che stai modificando e valgono per tutte le sue pagine. Le modifiche vanno online quando fai clic su Pubblica. Se cambi idea, annulla la modifica nel builder. Vedi Scorciatoie, annulla e ripeti.