Pasar al contenido principal

Guía de Layout Builder para Bootiga

Guía de Layout Builder para Bootiga

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