Blocks

Primeros pasos

Conceptos básicos de los bloques

Añade bloques de contenido a las secciones de tu tema Align de Shopify mediante el editor de temas de Shopify.

Referencias del tema

Bloques

Bloques de construcción cuidados y refinados para usar dentro de las secciones. Seleccione un bloque a continuación para consultar sus ajustes y notas de uso.

Bloques

Acordeón

Organice preguntas frecuentes y detalles adicionales en paneles expandibles con medios y botones opcionales.

Bloques

Icono de cuenta

Ayude a los clientes a acceder rápidamente a su cuenta con un icono de cuenta flexible en el encabezado.

Bloques

Banner

Cree banners promocionales con medios superpuestos, texto, botones y control de visualización específico por dispositivo.

Bloques

Beneficios

Muestre hasta tres beneficios clave con iconos y texto breve de apoyo.

Bloques

Entrada de blog

Presente un artículo en una tarjeta de entrada flexible con estilo personalizado y control de visibilidad.

Bloques

Breadcrumb

Añada un enlace padre manual para una navegación de migas de pan más clara.

Bloques

Migas de pan

Ayude a los clientes a volver por la jerarquía de páginas con una ruta de migas de pan personalizable.

Bloques

Botón

Cree una llamada a la acción flexible con opciones personalizables de estilo, icono, enlace y visualización en móviles.

Bloques

Botones de compra

Personalice el área de compra del producto con opciones de pago, detalles de compra y comportamiento de compra fija.

Bloques

Carrito

Añada un icono de carrito a su navegación y adapte su ubicación y visibilidad para cada dispositivo.

Bloques

Banner de colección

Añada un banner promocional a la cuadrícula de colección con controles flexibles de medios, mensajes y color.

Bloques

Productos complementarios

Promocione productos complementarios relacionados con diseños flexibles y estilo de tarjeta apto para ventas cruzadas.

Bloques

Formulario de contacto

Cree un formulario de contacto con marca personalizada y controles flexibles de encabezado, botón, fondo y visualización en móviles.

Bloques

Información de contacto

Muestre teléfono, correo electrónico, dirección, horario y enlaces sociales en un bloque de contacto claro y flexible.

Bloques

Copyright

Muestra el texto de copyright del pie de página con alineación flexible y control del diseño específico para cada dispositivo.

Bloques

Activo personalizado

Añada un script o una hoja de estilo personalizados a una plantilla específica para código dirigido o integraciones externas.

Bloques

CSS personalizado

Use CSS personalizado para ajustes de estilo precisos cuando los ajustes estándar no sean suficientes.

Bloques

JavaScript personalizado

Coloca JavaScript personalizado en un bloque para incrustaciones, widgets e integraciones de terceros específicos.

Bloques

Custom liquid

Añade código Liquid personalizado, fragmentos de aplicaciones o contenido dinámico exactamente donde quieras.

Bloques

Descripción

Muestra la descripción principal del producto con estilo flexible y texto expandible opcional.

Bloques

Característica

Resalta un beneficio o punto de confianza con un icono, texto breve y un enlace opcional.

Bloques

Grupo de filtros

Añada un grupo de filtros de etiquetas expandible para que el filtrado de colecciones sea más claro y fácil de usar.

Bloques

Botón de seguimiento en Shop

Ayude a los clientes a seguir su tienda en la aplicación Shop con un botón simple para recibir actualizaciones y recomendaciones.

Bloques

Menú de pie de página

Muestra un menú de navegación ordenado en el pie de página con control flexible de título, alineación y diseño.

Bloques

Menú hamburguesa

Muestra un botón de menú móvil y ayuda a que la navegación de su encabezado sea fácil de encontrar en pantallas pequeñas.

Bloques

Encabezado

Organice el contenido de la página con un encabezado claro, texto de apoyo y un botón opcional.

Bloques

Icono con texto

Destaca una característica, beneficio o señal de confianza con un icono, un texto breve y un enlace opcional.

Bloques

Imagen

Añada una imagen independiente con controles flexibles de tamaño, recorte, pie de foto, superposición y diseño móvil.

Bloques

Selectores de localización

Añada selectores flexibles de país, moneda e idioma que se integren limpiamente en las disposiciones de escritorio y móvil.

Bloques

Logotipo

Añada una identidad visual flexible al encabezado con controles separados de tamaño, colocación y visibilidad del logotipo.

Bloques

Elemento de logotipo

Muestre un logotipo enlazado o una imagen de marca con texto opcional y tamaño flexible.

Bloques

Menú principal

Muestre un menú de navegación con menús desplegables, además de un banner opcional y controles de diseño.

Bloques

Mega menú

Cree un menú desplegable grande con enlaces organizados y contenido de banner promocional opcional.

Bloques

Iconos de pago

Muestre iconos de pago aceptados con control flexible de diseño y visibilidad en escritorio y móvil.

Bloques

Precio

Controle el estilo del precio del producto, el texto de políticas y la visibilidad en distintos dispositivos.

Bloques

Producto

Resalte un producto con controles flexibles de estilo de tarjeta, color y visibilidad.

Bloques

Selector de cantidad

Añada controles de cantidad con mensajes de stock opcionales para facilitar decisiones de compra más rápidas.

Bloques

Texto enriquecido

Cree un bloque de texto flexible con un icono y un botón opcionales para mensajes claros y con estilo.

Bloques

Fila

Añada una fila de acordeón plegable con contenido flexible, medios opcionales y enlaces claros de llamada a la acción.

Bloques

Búsqueda

Cree una experiencia de búsqueda con marca propia con resultados en vivo, sugerencias seleccionadas y contenido de banner opcional.

Bloques

Separador

Cree espaciado adaptable entre bloques, con una línea divisoria opcional para separar el contenido con mayor claridad.

Bloques

UI de compartir/imprimir

Añada botones para compartir e imprimir que se adapten a su diseño en escritorio y móvil.

Bloques

Diapositiva

Cree una diapositiva de presentación con texto, iconos opcionales y medios de imagen o video.

Bloques

Iconos de redes sociales

Muestre sus perfiles sociales configurados con estilos flexibles, visualización selectiva de redes y controles sencillos de visibilidad.

Bloques

Testimonio

Muestra una cita de un cliente con producto y medios opcionales para generar confianza y apoyar la narración centrada en el producto.

Bloques

Título

Muestra el título del producto con estilo flexible y botones opcionales para compartir o imprimir.

Bloques

Selector de variantes

Muestra variantes de producto con menús desplegables, fichas y muestras opcionales de color o imagen.

Bloques

Video

Muestre un video alojado, de YouTube o de Vimeo con diseño adaptable y controles de reproducción.

Notas de la versión

v1.3

Lanzamiento importante que renueva el minicart y el carrito para mejorar el rendimiento y la compatibilidad con aplicaciones, añade numerosas plantillas y amplios ajustes de tema, sección y bloque, reduce el JavaScript en más de un 50 %, incorpora una opción de encabezado centrado y amplía la localización (chino, neerlandés, japonés y portugués/brasileño).

Notas de la versión

v1.5

Lanzamiento importante con nuevos controles de temas, secciones y bloques, mejoras en la búsqueda predictiva y las opciones de galería, plantillas adicionales y localización ampliada a 20 idiomas.

Notas de la versión

v1.6

Lanzamiento importante que añade variantes de muestras de color e imagen, una nueva sección Buttons, muchos ajustes nuevos del tema y los bloques, mejoras importantes en la navegación, las colecciones y la experiencia de usuario de los productos, y localización ampliada a 25 idiomas.