Une mise en page est la couche de présentation d’une expérience de configuration. Alors qu’un plan rassemble des champs, des règles, des mises en page et des produits configurables, la mise en page se concentre sur la façon dont ces éléments sont affichés :

• Quels champs apparaissent sur chaque page ou onglet
• Comment les sections sont regroupées et étiquetées
• Comment les ensembles, les sélecteurs de produits et les messages sont organisés
• Comment la liste de produits est affichée en même temps que la configuration

Les mises en page sont définies par plan. Un seul plan peut avoir une ou plusieurs mises en page, ce qui vous donne la flexibilité nécessaire pour prendre en charge différents profils, canaux ou expériences de démonstration sans dupliquer la logique de configuration.

Lorsqu’un plan comporte plusieurs mises en page, les utilisateurs finaux peuvent les parcourir à l’aide de l’autre contrôle de mise en page dans le coin supérieur droit de l’interface utilisateur du configurateur.

Comment les mises en page s’intègrent dans le modèle de configuration

Les mises en page sont placées au niveau de la couche de présentation de la pile de configuration CPQ :

• Les champs collectent et affichent des données.
• Les règles contrôlent le comportement (visibilité, messagerie, calculs, inclusion de produits, etc.).
• Les plans relient les champs, les règles, les mises en page et les produits configurables en une seule expérience de configuration.
• Les mises en page définissent l’interface buy-side (pages, onglets, sections et liste de produits) sans modifier la logique sous-jacente.

Étant donné que les mises en page font référence aux noms de variables de champ et aux paramètres de liste de produits, vous pouvez itérer en toute sécurité dans la mise en page (par exemple, en réorganisant les niveaux ou en changeant les types d’affichage) sans modifier les règles ou les structures de données.

Blocs de construction de la disposition

Les mises en page sont composées d’éléments structurels et visuels réutilisables que vous définissez dans un fichier CSV de mise en page et affinez dans l’assistant de mise en page ou l’éditeur de mise en page.

Vous pouvez imbriquer des niveaux pour créer des mises en page à plusieurs niveaux, par exemple, des pages contenant des onglets ou des onglets contenant des sections extensibles.

Définition et outils de mise en page

Les mises en page sont créées et gérées à l’aide d’une combinaison de fichiers CSV et d’outils intégrés au produit :

• Chargement de la mise en page CSV
  • Format de définition primaire pour les mises en page
  • Intégré dans un tableur et exporté vers un fichier CSV
  • Prend en charge le contrôle total sur les niveaux, les ensembles de colonnes, les champs, la liste de produits et les propriétés des composants
• Assistant de mise en page
  • Vous aide à générer rapidement une mise en page initiale à partir des champs d’un plan
  • Fournit un aperçu visuel des niveaux et des regroupements principaux
  • Sert de point de départ ; le réglage fin se fait via un fichier CSV ou l’éditeur de mise en page
• Éditeur de mise en page
  • Vous permet de modifier une mise en page existante directement dans l’interface utilisateur de l’administrateur
  • Prend en charge l’organisation des ensembles de niveaux et de colonnes, la modification des étiquettes, l’ajustement des types d’affichage et la mise à jour des propriétés étendues
  • Fournit des raccourcis clavier et des repères visuels pour les éléments manquants ou partiellement pris en charge

Quel que soit l’outil que vous utilisez, la mise en page est finalement stockée sous la forme d’une définition structurée qui peut être exportée, versionnée et remplacée à mesure que votre expérience de configuration évolue.

Ensembles et contenu reproductible

Les mises en page contrôlent également la façon dont les ensembles sont présentés :

• Sous forme de tables (lignes et colonnes avec en-têtes)
• Sous forme de listes (lignes de style carte avec sélection et comportement de recherche facultatifs)
• Dans les répéteurs qui focalisent l’utilisateur sur un index défini à la fois

Les propriétés de mise en page spécifiques à l’ensemble, telles que la direction d’expansion, les contrôles de taille, les indicateurs de message, les contrôles d’ajout/suppression en ligne et le comportement de chargement/téléchargement, sont configurées dans la mise en page via des propriétés étendues et une valeur JSON brute.

La section de liste de produits d’une mise en page définit l’affichage du panier :

• Quels paramètres de liste de produits apparaissent sous forme de colonnes (par exemple, nom, quantité, prix, attributs étendus)
• Comment les colonnes sont étiquetées et alignées
• Indique si la liste de produits est en ligne ou dans une fenêtre

Les colonnes de liste de produits sont gérées par le fichier CSV de mise en page à l’aide des types productlist et productlistcolumn , et en faisant référence à ProductList.<param> Valeurs définies dans les règles de produit et les tables sous-jacentes.