Añadir contenido: Recommendations del producto

Utilice el Product Recommendations tipo de contenido para añadir un activo existente unidad de recomendación a la Page Builder stage para una página, bloque o bloque dinámico de CMS.

NOTE
El Page Builder Product Recommendations el tipo de contenido es compatible con Adobe Commerce 2.4.4 y versiones posteriores y está disponible en Product Recommendations versiones de metapaquetes 3.0.x o posteriores. Para agregar Page Builder compatibilidad con Product Recommendations, consulte la información de instalación. Este tipo de contenido no está disponible para el Magento Open Source.
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.

Caja de herramientas de Recommendations

Herramienta
Icono
Descripción
Mover
Icono Mover {width="25"}
Mueve el contenedor de recomendación de producto y su contenido a otra posición del escenario.
Configuración
Icono de configuración {width="25"}
Abre la página Editar recomendación de producto, donde puede elegir la unidad de recomendación y cambiar las propiedades del contenedor.
Hide
Icono Ocultar {width="25"}
Oculta el contenedor de recomendación de producto actual y su contenido.
Mostrar
Mostrar icono {width="25"}
Muestra el contenedor de recomendación de producto oculto y su contenido.
Duplicar
Icono Duplicar {width="25"}
Crea una copia duplicada del contenedor de recomendación de productos y su contenido.
Eliminar
Icono Eliminar {width="25"}
Elimina el contenedor de recomendación de producto y su contenido de la fase.
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.

Agregar una unidad de recomendación existente

  1. Asegúrese de que ya ha creó una unidad de recomendación para el Page Builder tipo de página.
NOTE
Puede crear unidades de recomendación para Page Builder tipo de página solo en la vista de tienda predeterminada.
  1. Abra la página, el bloque o el bloque dinámico en modo de edición.

  2. Expanda el Content ​y haga clic en Edit with Page Builder ​o dentro del área de previsualización de contenido para abrir Page Builder workspace.

  3. En el Page Builder panel debajo de Layout, arrastre un Row ​marcador de posición al escenario.

  4. En el Page Builder panel debajo de Add Content, arrastre un Product Recommendation ​marcador de posición a la fila.

    Adición del tipo de contenido Recomendación de producto {width="600" modal="regular"}

  5. Realice una de las siguientes acciones:

    • Clic Edit Product Recommendation.
    • Pase el ratón sobre el contenedor vacío para mostrar la caja de herramientas y haga clic en Configuración ( Icono de configuración ) icono.

    Editar recomendación de producto {width="600" modal="regular"}

  6. En el Selection, haga clic en Select.

  7. 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.

    Recomendación de producto seleccionada {width="600" modal="regular"}

  8. En la esquina superior derecha, haga clic en Add Selected.

    El nombre de la recomendación de producto seleccionada aparece en la Selection ​de la sección​ Edit Product Recommendation página.

  9. Realice los cambios necesarios en la Configuración avanzada.

    Editar recomendación de producto {width="600" modal="regular"}

  10. Cuando termine, haga lo siguiente:

    • Si trabaja con una ventana del explorador completamente maximizada, haga clic en el Cerrar pantalla completa ( Icono Cerrar pantalla completa ) icono en la esquina superior derecha del espacio de trabajo.

    • Clic Save para aplicar la configuración de y volver a Page Builder workspace.

    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

  1. Pase el ratón sobre el contenedor de unidades de recomendación para mostrar la caja de herramientas y haga clic en Configuración ( Icono de configuración ) icono.

    Recomendación Toolbox {width="600" modal="regular"}

  2. Realice los cambios necesarios en la Configuración avanzada.

  3. Cuando termine, haga clic en Save para aplicar la configuración de y volver a Page Builder workspace.

Duplicación de una unidad de recomendación

  1. Pase el ratón sobre el contenedor de unidades de recomendación para mostrar la caja de herramientas y haga clic en Duplicar ( Icono Duplicar ) en el cuadro de herramientas.

    El duplicado aparece justo debajo del original.

  2. Para mover la unidad de recomendación duplicada a una nueva posición, pase el ratón sobre el contenedor y haga clic en Mover ( Icono Mover ) en el cuadro de herramientas.

  3. 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

  1. Pase el ratón sobre el contenedor de unidades de recomendación y haga clic en Eliminar ( Icono Eliminar ) en el cuadro de herramientas.

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

Configuración avanzada

  1. Para controlar el posicionamiento de la unidad de Product Recommendations dentro del contenedor principal, seleccione la opción 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.
  2. Configure las variables Border estilo 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.
  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 a la unidad.

    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 interior 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
recommendation-more-help
85b60248-86a4-4d5f-9933-5179643f608d