Secciones versus bloques
Una sección es una fila horizontal de ancho completo en una página, por ejemplo un banner principal, una cuadrícula de productos o un pie de página. Las secciones se apilan verticalmente y puedes controlar su orden. Un bloque es una pieza de contenido colocada dentro de una sección: un bloque de texto, una imagen, un botón, un divisor o un grupo de diseño. Algunas secciones contienen un conjunto fijo de bloques (el encabezado siempre tiene logo, menú, búsqueda, carrito y localización), mientras que otras te permiten agregar, quitar y reordenar bloques libremente (el pie de página, el banner principal, el boletín).
Editas ambos de la misma manera: haz clic en una sección o bloque en la vista previa, o selecciónalo desde la lista de capas, y sus ajustes se abrirán en el panel de control a la izquierda.
Secciones globales versus por página
El editor te permite diseñar cada tipo de página por separado. Las páginas editables son Inicio, Producto, Landing, Colección, Búsqueda, Carrito, Checkout, Gracias (confirmación de pedido), Contacto, Política y 404.
- Secciones globales: el Encabezado, Pie de página y Barra de anuncios aparecen en todos los tipos de página. Cada página mantiene su propia copia, así que una edición se aplica solo a la página en la que estás. Usa la acción Aplicar a todas las páginas en una de estas secciones para copiar su diseño en la misma sección de todas las demás páginas.
- Secciones por página pertenecen a tipos de página específicos. Las secciones Banner principal, Presentación, Indicador y Colecciones solo existen en la página de inicio. Información de producto solo existe en la página de producto, Información de landing solo en la página de landing, y así sucesivamente.
- Secciones para cualquier página pueden agregarse a cualquier tipo de página. Estas son Texto, Imagen, Divisor, Código personalizado y la sección independiente de Íconos de redes sociales.
Para ver el catálogo completo de lo que hace cada sección y sus ajustes, consulta Secciones de la página de inicio, Secciones de producto y landing, Secciones globales y Secciones compartidas y de sistema.
Agregar una sección o bloque
- Abre el editor y cambia a la página que deseas editar usando el selector de páginas.
- Usa el botón Agregar sección (o el control de más que aparece entre secciones en la vista previa) para abrir el selector.
- Elige un tipo de sección. Solo verás en la lista las secciones permitidas en la página actual, así que por ejemplo no verás opciones de Banner principal en la página de contacto.
- Para agregar un bloque, selecciona una sección que acepte bloques y luego usa su botón Agregar bloque. Los controles de más etiquetados como Agregar (elemento) antes y Agregar (elemento) después te permiten insertar un bloque en un lugar exacto.
Reordenar secciones y bloques
Arrastra una sección o bloque por su asa para moverlo. Las secciones se reordenan verticalmente dentro de la página; los bloques se reordenan dentro de su sección principal. Las secciones de diseño fijo como el encabezado mantienen sus bloques en su lugar, así que solo puedes configurar esos bloques en vez de moverlos. El reordenamiento es una edición en vivo: la vista previa se actualiza al soltar.
Duplicar, copiar y pegar
- Duplicar crea una copia exacta de una sección o bloque justo al lado del original, incluyendo todos sus ajustes y bloques hijos.
- Copiar y Pegar mueven una sección o bloque completo, incluso entre páginas: cópialo en una página, cambia de página y pégalo allí.
- Copiar solo estilo y Pegar solo estilo transfieren solo el aspecto (colores, espaciado, tipografía) de un elemento a otro del mismo tipo, dejando su contenido intacto.
Al duplicar o pegar se respeta el límite por página de cada sección. Si una página ya tiene el máximo de un tipo de sección, la acción se bloquea.
Ocultar versus eliminar
El ícono de ojo alterna una sección o bloque entre Ocultar y Mostrar. Un elemento oculto permanece en tu diseño y conserva todos sus ajustes, pero no se muestra en la tienda en vivo, lo cual es útil para contenido estacional que quieras recuperar después. Eliminar quita el elemento de forma permanente.
Secciones obligatorias y límites
Algunas secciones son obligatorias en su página y no pueden eliminarse, solo configurarse. Información de producto en la página de producto, Información de landing en la página de landing, Productos de colección en la página de colección, Productos de búsqueda en la página de búsqueda, las secciones de Carrito, Checkout, Confirmación de pedido, Contacto, Política y 404, además del Encabezado y Pie de página, forman parte de este grupo. Para estas, el control de eliminar está deshabilitado.
La mayoría de los tipos de sección también limitan cuántas copias puede tener una sola página (por ejemplo 1 encabezado, 1 pie de página, 2 barras de anuncios, 2 presentaciones, 2 indicadores, 2 secciones de código personalizado, 3 secciones de texto, 3 de imagen, 10 divisores). Cuando alcanzas un límite, la sección deja de aparecer en el selector de agregar para esa página.
Guardar y publicar
Cada edición actualiza la vista previa al instante y queda registrada en el historial de deshacer del editor, así que puedes retroceder con deshacer. Los cambios solo se publican en la tienda después de guardar y publicar la página.