Ajouter du contenu - Recommendations de produit
Utilisez le type de contenu Recommendations de produit pour ajouter une unité de recommandation existante et active à l’ Page Builder étape pour une page CMS, un bloc ou un bloc dynamique.
Boîte à outils Recommendations du produit
![Icône Déplacer](./media_1224013998716f9ac04c80146b04284c714a0f6df.png?width=750&format=png&optimize=medium)
![Icône Paramètres](./media_1005459c1431738d0f1a2e69d5c4952c8e7d5975a.png?width=750&format=png&optimize=medium)
![Icône Masquer](./media_177895fcf55b9b00ed79d2f6048c39269cba17682.png?width=750&format=png&optimize=medium)
![Icône Afficher](./media_18b0e1c3886d1f2d0ce57176395ac2663b761f5d3.png?width=750&format=png&optimize=medium)
![Icône Dupliquer](./media_1d20e9c33185846c6ce9b8ad56d7e52d49d00f42f.png?width=750&format=png&optimize=medium)
![Supprimer l’icône](./media_1449694d11bdc3b5405f3bb2b059606a5d8eb3581.png?width=750&format=png&optimize=medium)
Ajouter une unité de recommandation existante
- Assurez-vous que vous avez déjà créé une unité de recommandation pour le type de page Page Builder.
-
Ouvrez la page, le bloc ou le bloc dynamique en mode d’édition.
-
Développez la section Content et cliquez sur Edit with Page Builder ou à l’intérieur de la zone d’aperçu du contenu pour ouvrir l’espace de travail Page Builder.
-
Dans le panneau Page Builder sous Layout, faites glisser un espace réservé Row sur la scène.
-
Dans le panneau Page Builder sous Add Content, faites glisser un espace réservé Product Recommendation sur la ligne.
-
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 (
-
Dans la section Selection, cliquez sur Select.
-
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.
-
Dans le coin supérieur droit, cliquez sur Add Selected.
Le nom de la recommandation de produit sélectionnée apparaît dans la section Selection de la page Edit Product Recommendation.
-
Apportez les modifications nécessaires aux paramètres avancés.
-
Une fois l’opération terminée, procédez comme suit :
-
Si vous utilisez une fenêtre de navigateur entièrement agrandie, cliquez sur l’icône Fermer le plein écran (
-
Cliquez sur Save pour appliquer les paramètres et revenir à l’espace de travail Page Builder.
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
-
Passez la souris sur le conteneur d’unité de recommandation pour afficher la boîte à outils, puis cliquez sur l’icône Paramètres (
-
Apportez les modifications nécessaires aux paramètres avancés.
-
Une fois l’opération terminée, cliquez sur Save pour appliquer les paramètres et revenir à l’espace de travail Page Builder.
Dupliquer une unité de recommandation
-
Passez la souris sur le conteneur d’unité de recommandation pour afficher la boîte à outils, puis cliquez sur l’icône Dupliquer (
Le doublon apparaît juste en dessous de l’original.
-
Pour déplacer l’unité de recommandation dupliquée vers une nouvelle position, passez la souris sur le conteneur et cliquez sur l’icône Déplacer (
-
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
-
Pointez sur le conteneur de l’unité de recommandation, puis cliquez sur l’icône Supprimer (
-
Lorsque vous êtes invité à confirmer l’opération, cliquez sur OK.
Paramètres avancés
-
Pour contrôler le positionnement de l’unité Recommendations de produit dans le conteneur parent, sélectionnez le 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. -
Définissez le style Border appliqué aux quatre côtés de l’unité Recommendations du 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. -
Si vous définissez un style de bordure autre que
None
, renseignez les options d’affichage de la bordure :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. -
(Facultatif) Indiquez les noms de CSS classes dans la feuille de style actuelle à appliquer à l’unité.
Séparez plusieurs noms de classe par un espace.
-
Saisissez des valeurs, en pixels, pour le Margins and Padding afin de 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