Plate-forme de nouvelle générationObsolète

Exemples de cas d'utilisation pour la personnalisation de la page Détails du produit

Modifier en ligne

Cette rubrique fournit des cas d'utilisation pour la personnalisation de la page Détails du produit .

Réorganisation des éléments accordéon

Vous pouvez réorganiser les éléments en accordéon dans la page Détails du produit . Par exemple, utilisez les étapes suivantes pour afficher Variante de produit comme dernier élément accordéon:
  1. Ouvrez le fichier add-product-page.config.ts dans le dossier store-extensions-src .
  2. Mettez à jour le tableau accordionItems en fonction de vos besoins. Dans cet exemple, déplacez le premier élément, productVariants , et ajoutez-le comme dernier élément de ce tableau.

Suppression d'un élément accordéon

Vous pouvez supprimer un élément accordéon de la page Détails du produit . Par exemple, pour supprimer l'élément accordéon Variantes de produit , procédez comme suit:
  1. Ouvrez le fichier add-product-page.config.ts dans le dossier store-extensions-src .
  2. Supprimez l'élément productVariants du tableau accordionItems :
    {
        id: 'productVariants',
        tid: 'ProductVariantsComponent',
        component: ProductVariantsComponent,
        displayBundleKey: 'addProductToCart.LABEL_ProductVariants'
}

Ajout d'un nouvel élément accordéon

Vous pouvez ajouter un nouvel élément accordéon à la page Détails du produit . Par exemple, utilisez les étapes suivantes pour ajouter ProductAdditionalDetailComponent en tant que nouvel élément accordéon:
  1. Ouvrez le fichier add-product-page.config.ts dans le dossier store-extensions-src .
  2. Ajoutez l'objet du nouveau composant ProductAdditionalDetailComponent au tableau accordionItems .
  3. Ajoutez le nouveau composant dans les déclarations et entryComponents du fichier orders-extension.module.ts .

Suppression de la zone d'analyse

Vous pouvez supprimer la zone d'analyse de la page Détails du produit en procédant comme suit:
  1. Copiez le dossier add-product-page de store-frontend/src/app/features/orders/order-capture-wizard-page/add-product-page vers store-extensions-src/app/features/orders/order-capture-wizard-page/add-product-page.
  2. Supprimez l'élément isf-barcode-scanner de add-product-page.component.html dans le nouveau composant.