# Cambiar el diseño (variante) de un bloque

Selecciona el bloque en el editor, abre su pestaña **Variantes** y haz clic en otro diseño. El bloque conserva su contenido, pero cualquier estilo personalizado que hayas agregado se restablece.

## Pasos

1. Abre **Tienda en línea → Config. de tema** (o tu página desde **Páginas de Aterrizaje**) y haz clic en el bloque en el lienzo.
2. En la barra izquierda, haz clic en el icono del lápiz (Editar). El panel muestra tres pestañas: **Configuración**, **Estilos** y **Variantes**.
3. Abre **Variantes** y haz clic en el diseño que quieras. El lienzo se actualiza de inmediato.
4. Vuelve a revisar la pestaña **Configuración**: algunos diseños exponen opciones distintas (por ejemplo, el diseño 3 de Lista de productos agrega **Número de elementos en la cuadrícula / móvil / Tablet**, y solo el diseño 3 de Cuenta regresiva tiene ajustes propios).
5. Si habías personalizado el espaciado, los colores o la animación en **Estilos**, aplícalos de nuevo; cambiar de variante restablece los estilos a los valores predeterminados del diseño, aunque conserva los datos del bloque.
6. Haz clic en **Guardar**. Si la página sigue en **No publicado**, cambia el interruptor a **Publicado** para que los visitantes vean el cambio.

Consejo: en **Agregar bloques**, pasa el cursor sobre un bloque que tenga varios diseños para abrir el panel lateral **Variantes disponibles** y arrastra directamente a la página el diseño que te guste.

El bloque **Botón** tiene diez diseños: el diseño 1 sigue el estilo de botones de tu tema, el 2 es un botón retro con sombra desplazada, el 3 una píldora con degradado brillante, el 4 un enlace de texto con flecha, el 5 una píldora con la flecha en su propio círculo, el 6 un contorno que se rellena con el color de tu marca al pasar el cursor, el 7 un tinte suave para acciones discretas, el 8 un botón de pedido destacado con un anillo pulsante, el 9 un botón de vidrio esmerilado para fotos y secciones oscuras, y el 10 una tecla 3D en relieve que se hunde al pulsarla. Todos los diseños conservan el texto, el icono y la acción del botón, incluido el envío del pedido cuando el botón es el del formulario de pedido.

## Problemas frecuentes

- La pestaña Variantes está vacía → el bloque tiene un solo diseño (Sección, Imagen y la mayoría de los bloques de producto). Estilízalo desde la pestaña **Estilos**.
- Mi relleno y mis colores desaparecieron al cambiar → es lo esperado: cambiar de variante restablece los estilos del bloque. Defínelos de nuevo en **Estilos** o pulsa **Deshacer** en la barra superior para volver atrás.
- El panel dice "Ningún bloque seleccionado" → haz clic primero en el bloque en el lienzo, o elígelo desde **Capas de diseño** (icono de capas).
- Cambié el diseño del Pie de página o del Encabezado pero las otras páginas siguen mostrando el anterior → el Encabezado y el Pie de página están "Compartido en toda la tienda"; asegúrate de haber hecho clic en **Guardar** y luego recarga la tienda.

## Relacionado

- [Dar estilo a un bloque: espaciado, fondo, borde, sombra, animación](https://help.dropify.shop/es/guides/style-a-block-spacing-background-border-animation/)
- [Agregar, mover, copiar y eliminar bloques en una página](https://help.dropify.shop/es/guides/add-move-copy-and-delete-blocks/)
- [Cómo cambiar el tema de tu tienda y editar sus secciones](https://help.dropify.shop/es/store_theme/change-your-store-theme-and-sections/)