Dentro del constructor (activar/desactivar)
Hay dos interruptores distintos que controlan las animaciones mientras trabajas, pensados para dos públicos diferentes.
El interruptor de previsualización del lienzo (tú, mientras editas)
Cada lienzo de constructor tiene su propio interruptor que enciende y apaga la previsualización de las animaciones de entrada, texto, hover, mouse y ScrollTrigger mientras editas — así no se disparan una y otra vez y no estorban mientras haces scroll, arrastras o reordenas elementos. Nunca afecta a lo que ven los visitantes en la página publicada; solo cambia tu propia vista dentro del constructor, y vuelve a estar encendido cada vez que abres el editor.
- Bricks
- Etch
- Gutenberg
El icono «FA» en la barra de herramientas superior. Haz clic para alternar la previsualización; un tooltip confirma si está encendida o apagada.
El icono de ojo junto a los botones del panel Fancy, en la parte de abajo de la barra de herramientas del lienzo. Su tooltip dice «Fancy Animations: ON/OFF (click to disable preview)».
Un botón «Animations On» / «Animations Off» en la barra de herramientas superior del editor.
El elemento «Toggle Animations» (tus visitantes, en el sitio publicado)
Un elemento de Bricks que colocas tú mismo en la página — búscalo como Toggle Animations al
añadir un elemento. Dibuja un botón (con role="switch" y aria-checked correctos para lectores
de pantalla) que un visitante puede pulsar para apagar todas las animaciones de tu sitio para sí
mismo, guardado en una cookie durante un año; al volver a pulsarlo, las animaciones se encienden de
nuevo. Por defecto recarga la página después del clic para que el cambio se note al instante —
apaga Reload page en sus ajustes si prefieres que se aplique en silencio en la siguiente página
que abra el visitante. El texto del tooltip junto al botón, y la etiqueta accesible que leen los
lectores de pantalla, se pueden editar los dos en los propios ajustes del elemento.
Usa la misma cookie que la preferencia de «desactivar animaciones» del front-end del sitio, así que funciona en todo el sitio, no solo en la página donde pusiste el botón.