Añadir contenido: bloquear

Utilice el Bloquear tipo de contenido para añadir un activo existente bloquear a la Page Builder stage. 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 {width="600" modal="regular"}

NOTE
Si está realizando cambios importantes en Page Builder contenido, se recomienda aumentar el Duración de 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 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
Icono Ocultar
Oculta el contenedor de bloques actual y su contenido.
Mostrar
Mostrar icono
Muestra el contenedor de bloques oculto y su contenido.
Duplicar
Icono Duplicar
Realiza una copia del contenedor de bloques y de su contenido.
Eliminar
Icono Eliminar
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 a Page Builder espacio de trabajo en la página, bloque, bloque dinámico, producto o categoría de destino.

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

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

  3. Pase el ratón sobre el contenedor de bloques vacío para mostrar el cuadro de herramientas y elegir la Configuración ( Icono de configuración {width="25"} ) icono.

  4. Haga clic Select Block.

    Selección de un bloque {width="200"}

  5. En la fila del bloque que desee 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 del 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. Cuando termine, haga clic en Save para aplicar la configuración de y volver a Page Builder workspace.

Configuración avanzada

  1. Para controlar la posición del bloque dentro del contenedor principal, elija una 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 Border estilo que se aplica 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 bordes:

    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 aplicarla al contenedor.

    Separe los distintos nombres de clase con un espacio.

  5. Introduzca valores, en píxeles, para Margins and Padding para determinar los márgenes exteriores 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 seleccione la opción Configuración ( Icono de configuración {width="25"} ) en el cuadro de herramientas.

    Bloquear caja de herramientas {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 desea agregar.
    • Haga clic 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. Cuando termine, haga clic en Save para aplicar la configuración de y volver a Page Builder workspace.

Duplicación de un bloque

  1. Pase el ratón sobre el contenedor de bloques para mostrar el cuadro de herramientas y seleccione la opción Duplicar ( Icono Duplicar ) icono.

    El duplicado aparece justo debajo del original.

  2. Para mover el nuevo bloque a una nueva posición, pase el ratón sobre el contenedor y, a continuación, haga 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 mostrar el cuadro de herramientas y seleccione la opción Eliminar ( Icono Eliminar ) icono.

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

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