Listes de produits dans les mises en page
Définissez et personnalisez les listes de produits dans les mises en CPQ page pour afficher les données des nomenclatures et les détails des produits. Configurez le placement de la liste, les colonnes et les paramètres d’affichage dans le fichier CSV de mise en page ou dans l’éditeur de mise en page pour présenter des informations claires et structurées sur les produits et les prix aux utilisateurs finaux.
Dans , la CPQ définition de la mise en page se fait via un fichier CSV. Les listes de produits sont des composants qui peuvent afficher des produits et des informations connexes dans la nomenclature (BOM). Il existe 2 types de colonnes dans la mise en page pour contrôler le composant de la liste de produits : productlist et productlistcolumns. Plusieurs listes de produits peuvent être incluses dans une mise en page pour afficher des produits de différents types de nomenclature.
Définition d’une liste de produits
Dans le fichier CSV de mise en page, définissez votre ligne de liste de produits avec les directives de colonne suivantes :
- Le type (colonne A dans le fichier CSV de mise en page) de la liste de produits est défini comme suit : productlist
- Le chemin d’accès (colonne B dans le fichier CSV de mise en page) n’est pas requis pour la liste de produits. Lorsqu’elle est laissée vide, cela place la liste de produits en position standard. Pour placer la liste de produits dans une couche, spécifiez le chemin d’accès relatif à la couche. Par exemple,
/layout/tiers/myTier/myProductList
Une liste de produits possède de nombreuses propriétés qui peuvent être contrôlées en définissant le champ de valeur au format JSON.
Exemple :
{
"location": "right",
"type": "sales",
"totalLocation": "bottom",
"hierarchyColumn": "displayName",
"displayZeroPriceAs": "On Request",
"displayNullPriceAs": ""
}
Options disponibles
L’emplacementindique l’endroit où vous souhaitez que le composant de liste de produits s’affiche dans la mise en page. La valeur peut être right (par défaut), left, bottomou modal.Le typedétermine quels produits sont inclus dans cette liste de produits, en fonction du bomType champ dans le produit. Les valeurs peuvent être sales, manufacturingou tout type personnalisé spécifié dans les produits par l’administrateur. Plusieurs types de nomenclature peuvent être inclus. Par exemple,type : ventes, customBOMTypeA, customBOMTypeB,type : alltotalLocationdétermine l’emplacement où le total du panier est affiché. Les valeurs valides sont bottom, top, both, et none.hierarchyColumndétermine quelle colonne affiche une flèche de développement ou de réduction lorsqu’un produit a des produits enfants.displayZeroPriceAsetdisplayNullPriceAsdéterminent comment afficher les prix nuls et nuls dans la liste des produits. La valeur d’affichage peut être n’importe quelle chaîne, telle que « Sur demande ». Si 0 (zéro) est fourni, un prix nul est affiché avec le paramètre régional et le symbole ou le code (par exemple, USD 0.00). Vide est la valeur par défaut, et sera le comportement s’il n’est pas spécifié.
Colonnes de liste de produits
Les colonnes de liste de produits sont des enfants de la liste de produits et définissent les colonnes de données qui sont affichées, les données provenant des produits affichés dans la nomenclature. Pour chaque colonne de données produit que vous souhaitez afficher, créez une colonne de liste de produits.
Dans le fichier CSV de mise en page, définissez les lignes de colonne de votre liste de produits avec les directives de colonne suivantes :
- type (colonne A dans le fichier CSV de mise en page) pour les lignes de colonne de la liste de produits sont définies comme productlistcolumn.
- path (colonne B dans le fichier CSV de mise en page) pour les colonnes de la liste de produits sont définies par rapport à la liste de produits. Par exemple, /productList/columns.
- variablename (colonne E dans le fichier CSV de mise en page) détermine les données à afficher en fonction du champ correspondant du produit. Les valeurs de la liste de produits étendue peuvent être affichées en plaçant
extended.columnNamedans la variablename colonne. Par exemple,extended.taxExemptaffiche la valeur deProductList.extended.taxExempt. - classname (colonne H dans le fichier CSV de mise en page) peut être défini sur
allow-wrappour autoriser le contenu de cette colonne dans la mise en page à envelopper. value (colonne I dans le fichier CSV de mise en page) définit le style visuel de la colonne dans la mise en page.- La value colonne peut spécifier une largeur. Par exemple :
{"width » :"10 %"}. - Si vous spécifiez une largeur, il est recommandé d’utiliser un pourcentage pour une liste de produits à fenêtre modale ou ancrée en bas.
- L’utilisation d’unités fixes telles que px (pixels) est recommandée pour les listes de produits ancrées à gauche ou à droite, car la largeur de la liste de produits est fixe. L’utilisation n’est ch pas recommandée.
- La value colonne peut spécifier une largeur. Par exemple :
Éditeur de mise en page
La liste de produits et ses propriétés peuvent être modifiées à l’aide de l’éditeur de mise en page dans l’interface CPQ utilisateur. L’élément de mise en page de la liste de produits se trouve en bas de la page :
Vous pouvez modifier cette partie de la mise en page en cliquant sur l’engrenage qui apparaît en haut à droite de l’élément de mise en page de la liste de produits lorsque vous y déplacez votre souris. La liste de produits comporte un écran de paramètres qui contient toutes les propriétés référencées précédemment.
Pour plus d'informations, consultez Affichage de plusieurs listes de produits dans les mises en page.