Pasar al contenido principal

Guía de Layout Builder para Bootiga

Layout Builder

Usa esta guía para editar la estructura visual de tu tienda Bootiga sin tocar código. Está adaptada a las páginas y bloques de producto disponibles en Bootiga, como la portada, los grids editables de productos y los productos similares en la ficha de producto.

Qué hace Layout Builder

  • Layout Builder permite ordenar visualmente secciones y bloques de una página.
  • Puede usarse para ajustar una página concreta o una plantilla compartida, según la pantalla que estés editando.
  • En Bootiga es especialmente útil para páginas de tienda, zonas de producto en portada y recomendaciones en la ficha de producto.

Abrir el modo Layout

  • Inicia sesión como propietario del sitio o administrador.
  • Visita la página que quieras editar y usa la acción Layout desde el menú contextual o las acciones de administración.
  • Usa Back to Administration cuando quieras salir de la interfaz de edición de layout.

Secciones y bloques

  • Las secciones definen la estructura de la página.
  • Los bloques son las piezas de contenido que se colocan dentro de esas secciones.
  • Usa Configure para cambiar los ajustes de un bloque, y elimina bloques solo cuando tengas claro que ya no hacen falta.

Grids de productos en Bootiga

  • El grid editable de productos puede mostrar productos recientes o productos más vendidos.
  • Puedes escoger 2, 3 o 4 filas, mostrando 8, 12 o 16 productos en escritorio.
  • Después de guardar, revisa la página en escritorio y móvil para comprobar espaciado e imágenes.

Productos similares

  • En la ficha de producto, el bloque de productos similares puede relacionar productos por marca, colección o etiqueta.
  • Funciona mejor cuando los datos de producto y términos de taxonomía están rellenados de forma consistente.
  • Colócalo debajo de la ficha de producto para ayudar al cliente a seguir navegando.

Ajustes de estilo

  • Algunos bloques de Bootiga incluyen una pestaña Style con opciones de presentación.
  • Mantén espacios, colores y tipografías alineados con el estilo global de la tienda.
  • Si un cambio no aparece al momento, limpia caché o recarga la página después de guardar.

Flujo de edición seguro

  • Cambia una zona cada vez y guarda antes de pasar a la siguiente.
  • Mantén los bloques demo hasta tener preparado el contenido definitivo.
  • Revisa la página pública después de cada cambio importante de layout.

Cuándo usar administración

  • Usa la administración de productos para precios, imágenes, stock y datos de producto.
  • Usa Layout Builder para decidir cómo se organiza visualmente el contenido.
  • Usa Store Appearance para presets globales como colores, fuentes y estilo general.

Esta guía de Bootiga está adaptada de la documentación oficial de Drupal Layout Builder.

Reload content for this field