Colores

Un JSON con la lista de círculos. Cada uno: {"colors":["#2b2b2b"]} (un tono) o {"colors":["#2b2b2b","#8fa7bd"]} (varios tonos, se reparten en gajos) — y, si quieres que elegirlo cambie la imagen y/o el precio de esta tarjeta (con «Usar imagen/precio de la opción elegida» en Imagen/Texto), agrega "image"/"price": {"colors":["#2b2b2b"],"image":"https://…","price":"599"}. Ejemplo: [{"colors":["#2b2b2b"]},{"colors":["#8fa7bd"]},{"colors":["#345","#fff"],"image":"https://…","price":"699"}]. Normalmente aquí va {{item.campo}} para traer el color real de cada producto.

Campos

• Colores — Un JSON con la lista de círculos. Cada uno: {"colors":["#2b2b2b"]} (un tono) o {"colors":["#2b2b2b","#8fa7bd"]} (varios tonos, se reparten en gajos) — y, si quieres que elegirlo cambie la imagen y/o el precio de esta tarjeta (con «Usar imagen/precio de la opción elegida» en Imagen/Texto), agrega "image"/"price": {"colors":["#2b2b2b"],"image":"https://…","price":"599"}. Ejemplo: [{"colors":["#2b2b2b"]},{"colors":["#8fa7bd"]},{"colors":["#345","#fff"],"image":"https://…","price":"699"}].
• Tamaño del círculo
• Color del anillo (el elegido)
• Animación — Cómo aparece o se mueve este componente en la página publicada. "Al entrar en pantalla" se dispara una sola vez, cuando el usuario hace scroll hasta ahí. "Todo el tiempo" se repite sin parar mientras esté en pantalla. En Edición siempre se ve quieto, como el resultado final — la animación solo se ve en Vista previa o publicado.
• Velocidad de la animación — Qué tan rápido se mueve la animación de este componente (de entrada o continua). Solo se nota si el componente tiene una animación elegida arriba.
• Espera antes de animar — Cuánto espera el componente antes de empezar su animación. Útil para que varios componentes entren uno tras otro (uno sin espera, el siguiente con 0.2 s, el otro con 0.5 s).
• Al pasar el cursor — Un efecto que se ve solo al pasar el mouse por encima de este componente, en Vista previa o publicado (no aplica en pantallas táctiles ni en Edición).