Ajouter du contenu - Recommendations de produit

Utilisez la variable Recommendations de produit type de contenu pour ajouter un type existant et actif unité de recommandation à la fonction Page Builder étape pour une page CMS, un bloc ou un bloc dynamique.

NOTE
La variable Page Builder Recommendations de produit Le type de contenu est pris en charge dans Adobe Commerce 2.4.4 et versions ultérieures et est disponible dans le Mise à jour du métaphorage Recommendations du produit 3.0.x ou version ultérieure. Pour ajouter Page Builder prise en charge de Product Recommendations, voir les informations d’installation. Ce type de contenu n’est pas disponible pour Magento Open Source.
NOTE
Si vous apportez des modifications importantes à la variable Page Builder , il est recommandé d’augmenter le nombre de Durée de vie de la session d’administration pour empêcher l’expiration de la session pendant que vous travaillez.

Boîte à outils Recommendations du produit

Outil
Icône
Description
Déplacer
Icône Déplacer {width="25"}
Déplace le conteneur de recommandations de produits et son contenu vers un autre emplacement sur l’étape.
Paramètres
Icône Paramètres {width="25"}
Ouvre la page Modifier la recommandation du produit dans laquelle vous pouvez choisir l’unité de recommandation et modifier les propriétés du conteneur.
Masquer
Icône Masquer {width="25"}
Masque le conteneur de recommandations de produits actuel et son contenu.
Afficher
Icône Afficher {width="25"}
Affiche le conteneur de recommandations de produits masqué et son contenu.
Dupliquer
Icône Dupliquer {width="25"}
Effectue une copie en double du conteneur de recommandations de produits et de son contenu.
Supprimer
Icône Supprimer {width="25"}
Supprime le conteneur de recommandations de produits et son contenu de l’étape.
NOTE
Les éléments masqués sont stockés dans la base de données et invisibles pour les clients. Toutefois, ces éléments sont visibles par les moteurs de recherche et d’autres robots qui analysent votre site. Elles sont également renvoyées dans le cadre du contenu si nécessaire par le biais d’un appel API avec un attribut d’invisibilité, sauf si vous les supprimez de l’étape.

Ajouter une unité de recommandation existante

  1. Assurez-vous que vous avez déjà création d’une unité de recommandation pour le Page Builder type de page.
NOTE
Vous pouvez créer des unités de recommandation pour le Page Builder type de page uniquement en mode magasin par défaut.
  1. Ouvrez la page, le bloc ou le bloc dynamique en mode d’édition.

  2. Développez l’objet Content ​et cliquez sur Edit with Page Builder ​ou dans la zone d’aperçu du contenu pour ouvrir la Page Builder workspace.

  3. Dans le Page Builder panneau sous Layout, faites glisser un Row ​espace réservé sur la scène.

  4. Dans le Page Builder panneau sous Add Content, faites glisser un Product Recommendation ​d’espace réservé à la ligne.

    Ajout du type de contenu Recommandation de produit {width="600" modal="regular"}

  5. Effectuez l’une des opérations suivantes :

    • Cliquez sur Edit Product Recommendation.
    • Pointez sur le conteneur vide pour afficher la boîte à outils, puis cliquez sur l’icône Paramètres ( Icône Paramètres ).

    Modifier la recommandation de produit {width="600" modal="regular"}

  6. Dans le Selection, cliquez sur Select.

  7. Dans la liste des recommandations de produits actives, recherchez la ligne contenant l’unité de recommandation à ajouter, puis cliquez sur Select dans la dernière colonne.

    Recommandation de produit sélectionnée {width="600" modal="regular"}

  8. Dans le coin supérieur droit, cliquez sur Add Selected.

    Le nom de la recommandation de produit sélectionnée s’affiche dans la Selection ​de la​ Edit Product Recommendation page.

  9. Apportez les modifications nécessaires au Paramètres avancés.

    Modifier la recommandation de produit {width="600" modal="regular"}

  10. Une fois l’opération terminée, procédez comme suit :

    • Si vous utilisez une fenêtre de navigateur entièrement optimisée, cliquez sur la Fermer le plein écran ( Icône Fermer le plein écran ) dans le coin supérieur droit de l’espace de travail.

    • Cliquez sur Save pour appliquer les paramètres et revenir au Page Builder workspace.

    Lorsque vous revenez à l’étape, les images d’espace réservé du produit apparaissent dans le conteneur.

Modification des paramètres des unités de recommandations

  1. Passez la souris sur le conteneur d’unité de recommandation pour afficher la boîte à outils, puis cliquez sur l’icône Paramètres ( Icône Paramètres ).

    Outils de recommandation {width="600" modal="regular"}

  2. Apportez les modifications nécessaires au Paramètres avancés.

  3. Lorsque vous avez terminé, cliquez sur Save pour appliquer les paramètres et revenir au Page Builder workspace.

Dupliquer une unité de recommandation

  1. Passez la souris sur le conteneur d’unité de recommandation pour afficher la boîte à outils, puis cliquez sur l’icône Dupliquer ( Icône Dupliquer ) dans la boîte à outils.

    Le doublon apparaît juste en dessous de l’original.

  2. Pour déplacer l’unité de recommandation dupliquée vers un nouvel emplacement, passez la souris sur le conteneur et cliquez sur l’icône Déplacer ( Icône Déplacer ) dans la boîte à outils.

  3. Sélectionnez l’unité de recommandation et faites-la glisser jusqu’à ce que la ligne directrice rouge apparaisse à la nouvelle position.

    Les bordures supérieure et inférieure de chaque conteneur apparaissent sous forme de lignes tirets lorsque l’unité de recommandation est déplacée.

Suppression d’une unité de recommandation de l’étape

  1. Pointez sur le conteneur de l’unité de recommandation, puis cliquez sur le Supprimer ( Icône Supprimer ) dans la boîte à outils.

  2. Lorsque vous y êtes invité, cliquez sur OK.

Paramètres avancés

  1. Pour contrôler le positionnement de l’unité Recommendations de produit dans le conteneur parent, sélectionnez la variable Alignment:

    table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto
    Option Description
    Default Applique le paramètre d’alignement par défaut spécifié dans la feuille de style du thème actif.
    Left Aligne l’unité le long de la bordure gauche du conteneur parent, en tenant compte de toute marge intérieure spécifiée.
    Center Aligne l’unité au centre du conteneur parent, en tenant compte de toute marge intérieure spécifiée.
    Right Aligne l’unité le long de la bordure droite du conteneur parent, en tenant compte de toute marge intérieure spécifiée.
  2. Définissez la variable Border style appliqué aux quatre côtés de l’unité Recommendations de produit :

    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
    Option Description
    Default Applique le style de bordure par défaut spécifié par la feuille de style associée.
    None Ne fournit aucune indication visible des bordures des unités.
    Dotted La bordure unitaire s’affiche sous forme de ligne pointillée.
    Dashed La bordure unitaire s’affiche sous forme de ligne en pointillés.
    Solid La bordure unitaire s’affiche sous forme de ligne pleine.
    Double La bordure unitaire s’affiche sous forme de ligne double.
    Groove La bordure de l’unité apparaît sous la forme d’une ligne surélevée.
    Ridge La bordure unitaire apparaît sous la forme d’une ligne à droite.
    Inset La bordure unitaire s’affiche sous forme de ligne d’insertion.
    Outset La bordure de l'unité apparaît comme une ligne de départ.
  3. Si vous définissez un style de bordure autre que None, renseignez les options d’affichage des bordures :

    table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
    Option Description
    Border Color Définissez la couleur en choisissant un échantillon, en cliquant sur le sélecteur de couleurs ou en saisissant un nom de couleur valide ou une valeur hexadécimale équivalente.
    Border Width Saisissez le nombre de pixels pour la largeur de la ligne de bordure.
    Border Radius Saisissez le nombre de pixels pour définir la taille du rayon utilisé pour arrondir chaque coin de la bordure.
  4. (Facultatif) Indiquez les noms des CSS classes de la feuille de style actuelle à appliquer à l’unité.

    Séparez plusieurs noms de classe par un espace.

  5. Saisissez des valeurs, en pixels, pour la variable Margins and Padding pour déterminer les marges extérieures et la marge intérieure de l’unité.

    Saisissez les valeurs correspondantes dans le diagramme.

    table 0-row-2 1-row-2 2-row-2 layout-auto
    Zone de conteneur Description
    Margins Quantité d’espace vierge appliquée au bord extérieur de tous les côtés de l’unité. Options : Top / Right / Bottom / Left
    Padding Quantité d’espace vierge appliquée au bord intérieur de tous les côtés de l’unité. Options : Top / Right / Bottom / Left
recommendation-more-help
85b60248-86a4-4d5f-9933-5179643f608d