Una sección es una franja de ancho completo en una página, como un banner hero, una cuadrícula de productos o el pie de página. Las secciones se apilan de arriba abajo. Un bloque es una pieza dentro de una sección: texto, una imagen, un botón, un separador o un grupo. Algunas secciones tienen bloques fijos (el encabezado siempre tiene logotipo, menú, búsqueda, carrito y localización), mientras que la mayoría te permiten añadir, quitar y reordenar bloques libremente.
Para editar cualquiera de ellos, haz clic en él en la vista previa (con Inspector activado) o elígelo en la pestaña Sections. Sus ajustes se abren en el panel.
Añadir una sección o un bloque
- En el constructor, abre la página con la pestaña Pages.
- En la pestaña Sections, haz clic en Add new section. O abre el menú de una sección y elige Add section before o Add section after.
- Elige un tipo de sección. Las listas largas están agrupadas por categoría.
- Para añadir un bloque, selecciona una sección y haz clic en Add new block, o usa Add block before y Add block after en el menú de un bloque.
Reordenar
Arrastra la fila de una sección en la lista de Sections para moverla hacia arriba o hacia abajo. Los bloques se mueven igual dentro de su sección. La vista previa se actualiza al soltar.
Más acciones
Haz clic derecho en una fila, o usa el botón Menu en la parte superior del panel de ajustes, para:
- Copy, Paste y sus versiones de solo estilo: Copiar y pegar secciones, bloques y estilos.
- Duplicate, Hide y Delete: Duplicar, ocultar o eliminar secciones y bloques.
- Apply to all pages: Aplicar una sección a todas las páginas.
Qué secciones ofrece cada página
- Cualquier página: Header, Footer, Announcement bar, Text, Image, Divider, Social media icons, Newsletter, Animated waves, Animated particles, Back to top y Custom code.
- Todas las páginas excepto agradecimiento, búsqueda y 404: FAQ.
- Todas las páginas excepto pago y agradecimiento: Exit offer.
- Inicio, producto, aterrizaje, colección, colecciones y búsqueda: Recent orders.
- Inicio, producto, aterrizaje, colección y colecciones: Before and after.
- Solo inicio: Hero, Slideshow, Featured products, Indicator y Benefits.
- Inicio y página de colecciones: Collections.
- Producto y aterrizaje: Reviews y Related products, además de Product info o Landing info.
- Colección: Collection products y Sub collections.
- Cada una de las demás páginas tiene su propia sección principal: Cart, Checkout, Order confirmation, Search products, Policy, Contact y 404.
El selector solo muestra las secciones permitidas en la página en la que estás. Consulta Secciones de la página de inicio, Secciones de las páginas de producto y de aterrizaje, Secciones globales y Secciones para cualquier página y páginas del sistema.
Secciones obligatorias
Product info, Landing info, Collection products, Search products, Cart, Checkout, Order confirmation, Contact, Policy y 404 son obligatorias en su página. Puedes cambiar su estilo, pero no eliminarlas.
Límites por página
Cada tipo tiene un máximo por página, por ejemplo 1 encabezado, 1 pie de página, 2 barras de anuncios, 3 secciones de texto, 3 secciones de imagen, 10 separadores, 2 secciones de código personalizado, 2 pases de diapositivas, 2 secciones de productos destacados, 2 indicadores, 3 secciones de antes y después, y 5 olas o partículas animadas. Cuando un tipo está completo desaparece del selector, y cuando ya no queda espacio para ningún tipo, el botón de añadir se desactiva y muestra el recuento. Los bloques también tienen límites dentro de cada sección.