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
- 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.
- En la barra izquierda, haz clic en el icono del lápiz (Editar). El panel muestra tres pestañas: Configuración, Estilos y Variantes.
- Abre Variantes y haz clic en el diseño que quieras. El lienzo se actualiza de inmediato.
- 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).
- 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.
- 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
- Agregar, mover, copiar y eliminar bloques en una página
- Cómo cambiar el tema de tu tienda y editar sus secciones