Ajouter du contenu - Recommendations de produit

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.

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

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

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

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.

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

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.

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

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 ( ) dans le coin supérieur droit de l’espace de travail.

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

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

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

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.

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

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 ( ) dans la boîte à outils.

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.

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

Lorsque vous êtes invité à confirmer l’opération, cliquez sur OK.

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

Définissez le style Border appliqué aux quatre côtés de l’unité Recommendations du produit :

Si vous définissez un style de bordure autre que None, renseignez les options d’affichage 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.