Añadir contenido: Recommendations del producto
Use el tipo de contenido Product Recommendations para agregar una unidad de recomendación activa existente a la Page Builder fase para una página CMS, un bloque o un bloque dinámico.
Caja de herramientas de Recommendations
Agregar una unidad de recomendación existente
- Asegúrese de que ya ha creado una unidad de recomendación para el tipo de página Page Builder.
-
Abra la página, el bloque o el bloque dinámico en modo de edición.
-
Expanda la sección Content y haga clic en Edit with Page Builder o dentro del área de vista previa de contenido para abrir el área de trabajo Page Builder.
-
En el panel Page Builder bajo Layout, arrastre un marcador de posición Row al escenario.
-
En el panel Page Builder bajo Add Content, arrastre un marcador de posición Product Recommendation a la fila.
{width="600" modal="regular"}
-
Realice una de las siguientes acciones:
- Haga clic en Edit Product Recommendation.
- Pase el ratón sobre el contenedor vacío para ver la caja de herramientas y haga clic en el icono Configuración ( ).
{width="600" modal="regular"}
-
En la sección Selection, haga clic en Select.
-
En la lista de recomendaciones de productos activas, busque la fila con la unidad de recomendación que desee agregar y haga clic en Select en la última columna.
{width="600" modal="regular"}
-
En la esquina superior derecha, haga clic en Add Selected.
El nombre de la recomendación de producto seleccionada aparece en la sección Selection de la página Edit Product Recommendation.
-
Realice los cambios necesarios en la configuración avanzada.
{width="600" modal="regular"}
-
Cuando termine, haga lo siguiente:
-
Si trabaja con una ventana del explorador totalmente maximizada, haga clic en el icono Cerrar pantalla completa ( ) en la esquina superior derecha del área de trabajo.
-
Haga clic en Save para aplicar la configuración y volver al área de trabajo Page Builder.
Cuando vuelva al escenario, las imágenes de marcador de posición del producto aparecerán en el contenedor.
-
Editar configuración de unidad de recomendación
-
Pase el ratón sobre el contenedor de la unidad de recomendación para ver la caja de herramientas y haga clic en el icono Configuración ( ).
{width="600" modal="regular"}
-
Realice los cambios necesarios en la configuración avanzada.
-
Una vez finalizado, haga clic en Save para aplicar la configuración y volver al área de trabajo Page Builder.
Duplicación de una unidad de recomendación
-
Pase el ratón sobre el contenedor de unidades de recomendación para ver la caja de herramientas y haga clic en el icono Duplicar ( ) de la caja de herramientas.
El duplicado aparece justo debajo del original.
-
Para mover la unidad de recomendación duplicada a una nueva posición, pase el ratón sobre el contenedor y haga clic en el icono Mover ( ) de la caja de herramientas.
-
Seleccione y arrastre la unidad de recomendación 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 la unidad de recomendación.
Quitar una unidad de recomendación de la fase
-
Pase el ratón sobre el contenedor de la unidad de recomendación y haga clic en el icono Quitar ( ) de la caja de herramientas.
-
Cuando se le pida que confirme, haga clic en OK.
Configuración avanzada
-
Para controlar el posicionamiento de la unidad Product Recommendations dentro del contenedor principal, elija 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 unidad a lo largo del borde izquierdo del contenedor principal, con margen para cualquier relleno que se especifique. Center
Alinea la unidad en el centro del contenedor principal, con margen para cualquier relleno que se especifique. Right
Alinea la unidad a lo largo del borde derecho del contenedor principal, con margen para cualquier relleno que se especifique. -
Establezca el estilo Border que se aplica a los cuatro lados de la unidad Product Recommendations:
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 de la unidad. Dotted
El borde de la unidad aparece como una línea de puntos. Dashed
El borde de la unidad aparece como una línea discontinua. Solid
El borde de la unidad aparece como una línea sólida. Double
El borde de la unidad aparece como una línea doble. Groove
El borde de la unidad aparece como una línea ranurada. Ridge
El borde de la unidad aparece como una línea discontinua. Inset
El borde de la unidad aparece como una línea de margen. Outset
El borde de la unidad aparece como una línea de inicio. -
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. -
(Opcional) Especifique los nombres de CSS classes de la hoja de estilos actual para aplicarlos a la unidad.
Separe los distintos nombres de clase con un espacio.
-
Escriba valores, en píxeles, para que Margins and Padding determine los márgenes externos y el relleno interno de la unidad.
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 de la unidad. Opciones: Top
/Right
/Bottom
/Left
Padding Cantidad de espacio en blanco que se aplica al borde interior de todos los lados de la unidad. Opciones: Top
/Right
/Bottom
/Left