DocumentaciónCommercePage Builder

Añadir contenido: bloquear

Last update: Sun Jul 14 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Temas:

Creado para:

  • Principiante
  • Intermedio
  • Usuario

Use el tipo de contenido Block para agregar un bloque activo existente al Page Builder escenario. En el ejemplo siguiente, la primera columna contiene el bloque con un menú lateral para la página. La segunda columna contiene una imagen.

Bloque con un menú lateral

NOTE
Si está realizando cambios significativos en el contenido de Page Builder, se recomienda aumentar la Duración de la sesión de administrador para evitar que se agote el tiempo de espera de la sesión mientras trabaja.

Bloquear caja de herramientas

Herramienta
Icono
Descripción
Mover
Icono de mover
Mueve el contenedor de bloque y su contenido a otra posición del escenario.
Configuración
Icono de configuración
Abre la página Editar bloque, donde puede elegir el bloque y cambiar las propiedades del contenedor.
Hide
Ocultar icono
Oculta el contenedor de bloques actual y su contenido.
Mostrar
Mostrar icono
Muestra el contenedor de bloques oculto y su contenido.
Duplicar
Icono duplicado
Realiza una copia del contenedor de bloques y de su contenido.
Eliminar
Quitar icono
Elimina el contenedor de bloques y su contenido del escenario.
NOTE
Los elementos ocultos se almacenan en la base de datos y son invisibles para los clientes. Sin embargo, estos elementos son visibles para los motores de búsqueda y otros bots que rastrean el sitio. También se devuelven como parte del contenido si se solicitan a través de una llamada de API con un atributo de invisibilidad, a menos que los elimine del escenario.

Añadir un bloque existente

  1. Vaya al área de trabajo Page Builder en la página, bloque, bloque dinámico, producto o categoría de destino.

  2. En el panel Page Builder, expanda Add Content y arrastre un marcador de posición Block al escenario.

    Arrastrando un bloque al escenario {width="600" modal="regular"}

  3. Pase el ratón sobre el contenedor de bloques vacío para ver la caja de herramientas y elija el icono Configuración ( icono Configuración {width="25"} ).

  4. Haga clic en Select Block.

    Seleccionar un bloque {width="200"}

  5. En la fila del bloque que desea agregar, haga clic en Select en la última columna.

    Bloque seleccionado {width="600" modal="regular"}

    El nombre del bloque seleccionado aparece en la página.

    Nombre de bloque {width="200"}

  6. Complete los ajustes restantes según sea necesario, utilizando las descripciones de los campos al final de esta página para referencia.

  7. Una vez finalizado, haga clic en Save para aplicar la configuración y volver al área de trabajo Page Builder.

Configuración avanzada

  1. Para controlar la posición del bloque dentro del contenedor principal, elija un Alignment:

    table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto
    Opción Descripción
    Default Aplica la configuración predeterminada de alineación especificada en la hoja de estilos de la temática actual.
    Left Alinea la lista a lo largo del borde izquierdo del contenedor principal, con margen para cualquier relleno que se especifique.
    Center Alinea la lista en el centro del contenedor principal, con margen para cualquier relleno que se especifique.
    Right Alinea el bloque a lo largo del borde derecho del contenedor principal, con margen para cualquier relleno que se especifique.

  2. Establezca un estilo Border que se aplique a los cuatro lados del contenedor de bloques:

    table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 5-row-2 6-row-2 7-row-2 8-row-2 9-row-2 10-row-2 layout-auto
    Opción Descripción
    Default Aplica el estilo de borde predeterminado especificado por la hoja de estilos asociada.
    None No proporciona ninguna indicación visible de los bordes del contenedor.
    Dotted El borde del contenedor aparece como una línea de puntos.
    Dashed El borde del contenedor aparece como una línea discontinua.
    Solid El borde del contenedor aparece como una línea sólida.
    Double El borde del contenedor aparece como una línea doble.
    Groove El borde del contenedor aparece como una línea ranurada.
    Ridge El borde del contenedor aparece como una línea discontinua.
    Inset El borde del contenedor aparece como una línea de margen.
    Outset El borde del contenedor aparece como una línea de inicio.

  3. Si establece un estilo de borde distinto de None, complete las opciones de visualización de borde:

    table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
    Opción Descripción
    Border Color Especifique el color seleccionando una muestra, haciendo clic en el selector de color o introduciendo un nombre de color válido o un valor hexadecimal equivalente.
    Border Width Introduzca el número de píxeles de la anchura de la línea del borde.
    Border Radius Introduzca el número de píxeles para definir el tamaño del radio que se utiliza para redondear cada esquina del borde.

  4. (Opcional) Especifique los nombres de CSS classes de la hoja de estilos actual para aplicarlos al contenedor.

    Separe los distintos nombres de clase con un espacio.

  5. Escriba valores, en píxeles, para que Margins and Padding determine los márgenes externos y el relleno interno del contenedor de bloques.

    Introduzca los valores correspondientes en el diagrama.

    table 0-row-2 1-row-2 2-row-2 layout-auto
    Área del contenedor Descripción
    Margins Cantidad de espacio en blanco que se aplica al borde exterior de todos los lados del contenedor. Opciones: Top / Right / Bottom / Left
    Padding Cantidad de espacio en blanco que se aplica al borde interior de todos los lados del contenedor. Opciones: Top / Right / Bottom / Left

Editar configuración de bloque

  1. Pase el ratón sobre el contenedor de bloques y elija el icono Configuración ( icono Configuración {width="25"} ) en la caja de herramientas.

    Cuadro de herramientas de bloques {width="600" modal="regular"}

  2. Para elegir un bloque diferente, haga clic en Select Block.

    • En la lista de bloques activos, haga clic en Select el bloque que desee agregar.
    • Haga clic en Add Selected.

  3. Actualice los ajustes restantes según sea necesario, utilizando las descripciones de los campos al final de esta página para referencia.

  4. Una vez finalizado, haga clic en Save para aplicar la configuración y volver al área de trabajo Page Builder.

Duplicación de un bloque

  1. Pase el ratón sobre el contenedor de bloques para ver la caja de herramientas y elija el icono Duplicate ( Icono de duplicado ).

    El duplicado aparece justo debajo del original.

  2. Para mover el nuevo bloque a una nueva posición, pasa el ratón sobre el contenedor y, a continuación, haz clic en Mover ( Icono Mover ) en el cuadro de herramientas.

  3. Seleccione y arrastre el bloque hasta que aparezca la guía roja en la nueva posición.

    Los bordes superior e inferior de cada contenedor aparecen como líneas discontinuas mientras se mueve el bloque.

Quitar un bloque del escenario

  1. Pase el ratón sobre el contenedor de bloques para ver la caja de herramientas y elija el icono Quitar ( Quitar icono ).

  2. Cuando se le pida que confirme, haga clic en OK.

recommendation-more-help
85b60248-86a4-4d5f-9933-5179643f608d