Medios: titular

En el panel Page Builder, expanda Media y arrastre un marcador de posición Banner al escenario.

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

Se incluyen los botones Upload Image ​y_Select from Gallery_ para que pueda realizar cambios rápidos en el contenido del titular directamente desde el escenario. También puede cambiar el contenido en la página Edit Banner.

Haga clic en el marcador de posición del titular para mostrar editor de texto e introducir contenido para el titular.

También puede incluir contenido de banner más complejo usando la configuración Contenido.

Pase el ratón sobre el contenedor del titular para mostrar la caja de herramientas y elija el icono Configuración ( ).

Utilice las secciones siguientes para obtener información detallada sobre la actualización de la configuración disponible:

• Appearance
• Content
• Background
• Advanced

Una vez finalizado, haga clic en Save, en la esquina superior derecha, para cerrar la página Edit Banner.

En la esquina superior derecha, haga clic en Save para aplicar la configuración y volver al área de trabajo Page Builder.

Haga clic en el texto del marcador de posición e introduzca el texto que desee que aparezca en el titular.

La barra de herramientas del editor aparece encima del cuadro de texto.

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

Utilice la barra de herramientas del editor para introducir y dar formato al texto, así como para insertar elementos como vínculos, imágenes y widgets.

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

Pase el ratón sobre el contenedor del titular para mostrar la caja de herramientas y elija el icono Configuración ( {width="25"} ).

Desplácese hacia abajo hasta la sección Content ​y utilice el editor Message Text ​para escribir y dar formato al texto del titular.

También puede insertar elementos, como vínculos de texto, imágenes y widgets.

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

Si es necesario, especifique un Link para el titular.

El vínculo es la página de destino que aparece cuando el cliente hace clic en el área o el botón del titular. Puede utilizar uno de los tres tipos de vínculos:

• URL: vínculos a una dirección URL relativa o completa.
• Product: identifica la página de destino según el nombre o el SKU del producto. Busque el producto por nombre en función de un nombre parcial o completo. Elija el producto de la lista de resultados de búsqueda.
• Category - Identifica la página de destino como una categoría o subcategoría específica en el árbol de categorías. Busque la categoría en función de un nombre parcial o completo. Elija la categoría de la sección expandida del árbol mostrado.
• Page - Identifica la página de destino como una página de contenido específica. Busque la página en función de un nombre parcial o completo. Elija la página en la lista de resultados de la búsqueda.

note note
NOTE
A partir de la versión 2.4.1, Page Builder ya no admite la vinculación del titular y los vínculos dentro del texto anidado debido a problemas con la visualización en la tienda. Si está usando un vínculo en Message Text, no puede configurar la opción​_Link_. Si prefiere usar un solo vínculo para todo el titular, puede quitar todos los vínculos del texto.
{width="200"}

Si es necesario, agregue un botón para pedir a los clientes que sigan el vínculo.

La configuración del aspecto del banner coloca un solo vínculo o botón debajo del texto. Complete las propiedades del vínculo o del botón que desee agregar.

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

• Establezca Show Button en una de las siguientes opciones:

  table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
  Opción	Descripción
  Always	Siempre aparece un botón en el titular.
  On Hover	Un botón aparece en el titular solo al pasar el ratón por encima.
  Never Show	Nunca aparece un botón en el titular.

• Escriba Button Text para que aparezca en el botón.

• Establezca Button Type en una de las siguientes opciones:

  table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
  Opción	Descripción
  Primary	Aplica el estilo del botón principal de la hoja de estilos actual.
  Secondary	Aplica el estilo del botón secundario de la hoja de estilos actual, si corresponde.
  Link	Crea un hipervínculo en lugar de un botón.

  El estilo de botón del tema actual determina el formato del botón. Normalmente, un botón principal tiene un color de fondo más prominente que un botón secundario.

Establezca Show Overlay en una de las siguientes opciones:

Puede utilizar una superposición para aplicar un color de fondo al área de contenido activo definida por la configuración Appearance. La imagen de fondo del titular permanece visible durante todo el ancho del titular.

Si elige mostrar una superposición, establezca Overlay Color:

• Haga clic en la muestra Sin color y elija una muestra.
• En el campo Sin color, escriba un nombre de color válido o un valor hexadecimal.

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

En la esquina superior derecha, haga clic en Save para aplicar la configuración y volver al área de trabajo Page Builder.

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

Para controlar la posición horizontal de los contenedores de contenido que se agregan al titular, elija un Alignment:

Establezca el estilo Border aplicado a los cuatro lados del contenedor de banner:

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

• Border Color: especifique el color eligiendo una muestra, haciendo clic en el selector de color o introduciendo un nombre de color válido o un valor hexadecimal equivalente.

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

• Border Width - Escriba el número de píxeles para el ancho de línea del borde.

• Border Radius - Escriba el número de píxeles para definir el tamaño del radio que se utiliza para redondear cada esquina del borde.

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

Separe los distintos nombres de clase con un espacio.

Escriba valores, en píxeles, para que Margins and Padding especifique los márgenes exteriores y el margen interior del titular.

Introduzca cada valor correspondiente en el diagrama del contenedor de banner.