DocumentationCommerceContenu et conception

Création et gestion des widgets

Last update: Thu Nov 14 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Rubriques :
  • CMS

Créé pour :

  • Débutant
  • Intermédiaire
  • Administration
  • Utilisateur ou utilisatrice

Les widgets sont des composants réutilisables. Vous pouvez facilement créer des widgets et modifier des widgets existants pour mettre automatiquement à jour le contenu dans votre boutique. Vous pouvez également supprimer les widgets qui ne sont plus utilisés.

Widgets {width="700" modal="regular"}

Créer un widget

Le processus de création d’un widget est presque le même pour chaque type de widget. Vous pouvez suivre la première partie des instructions, puis la dernière partie pour le type de widget spécifique souhaité.

Etape 1 : Sélection du type

  1. Sur la barre latérale Admin, accédez à Content > Elements>Widgets.

  2. Cliquez sur Add Widget.

  3. Dans la section Settings:

    • Définissez Type sur le type de widget que vous souhaitez créer.

    • Vérifiez que le Design Theme est défini sur le thème actuel.

      Paramètres du widget {width="600" modal="regular"}

  4. Cliquez sur Continue.

Étape 2 : spécification des propriétés et de la disposition du storefront

  1. Dans la section Storefront Properties:

    • Pour Widget Title, saisissez un titre descriptif pour le widget.

      Ce titre est visible uniquement à partir de l’administrateur.

    • Pour Assign to Store Views, sélectionnez les vues de magasin où le widget doit être visible.

      Vous pouvez sélectionner une vue de magasin spécifique, ou All Store Views. Pour sélectionner plusieurs vues, maintenez la touche Ctrl (PC) ou la touche Commande (Mac) enfoncée, puis cliquez sur chaque option.

    • (Facultatif) Pour Sort Order, saisissez un nombre afin de déterminer l’ordre dans lequel cet élément apparaît avec les autres dans la même partie de la page. (0 = premier, 1 = deuxième, 3 = troisième, etc.)

      Propriétés Storefront {width="600" modal="regular"}

  2. Dans la section Layout Updates, cliquez sur Add Layout Update.

  3. Définissez Display On sur le type de page où il doit apparaître.

  4. Dans la liste Container, sélectionnez la zone de mise en page où elle doit être placée.

    Mises à jour de mise en page {width="600" modal="regular"}

  5. Si le widget est un lien, définissez Template sur l’un des éléments suivants :

    • Block Template - Formate le contenu de sorte qu’il puisse être placé en tant qu’unité autonome sur la page.
    • Inline Template - Formate le contenu afin qu’il puisse être placé dans un autre contenu. Par exemple, un lien situé à l’intérieur d’un paragraphe de texte.

Étape 3 : définition des options du widget

Les options de chaque type de widget varient légèrement, mais le processus est essentiellement le même. L’exemple suivant affiche la liste des produits pour une catégorie spécifique, avec des commandes de pagination.

  1. Dans le panneau de gauche, choisissez Widget Options.

  2. Cliquez sur Select Block.

  3. Saisissez un Title qui apparaîtra au-dessus de la liste, par exemple Featured Products.

  4. Pour les contrôles de pagination, définissez Display Page Control sur Yes et procédez comme suit :

    • Saisissez le Number of Products per Page.

    • Saisissez le total Number of Products to Display.

    • Définissez Condition sur la catégorie de produits à présenter.

      Le processus est identique à la définition d’une condition pour une règle de prix.

Etape 4 : Enregistrer et vérifier le résultat

  1. Une fois l’opération terminée, cliquez sur Save.

  2. Lorsque vous y êtes invité, suivez les instructions situées en haut de l’espace de travail pour mettre à jour le cache, le cas échéant.

  3. Revenez à votre storefront pour vérifier que le widget fonctionne correctement.

    Pour le déplacer vers un autre emplacement, vous pouvez rouvrir le widget et essayer une autre référence de page ou de bloc.

Démonstration de création de widgets

Pour en savoir plus sur la création de widgets, regardez cette vidéo :

https://video.tv.adobe.com/v/3411056?quality=12&learn=on&captions=fre_fr

Modification d’un widget

  1. Sur la barre latérale Admin, accédez à Content > Elements>Widgets.

  2. Recherchez le widget à l’aide des filtres situés au-dessus de la grille, puis cliquez sur le nom du widget.

  3. Apportez les modifications nécessaires.

    Pour plus d’informations sur les options de widget, passez en revue les étapes de création d’un widget.

  4. Cliquez sur le Save.

Suppression d’un widget

  1. Sur la barre latérale Admin, accédez à Content > Elements>Widgets.

  2. Localisez les widgets à l’aide des filtres situés au-dessus de la grille, puis cochez la case des widgets à supprimer.

  3. Dans le coin supérieur gauche de la liste, définissez Actions sur Delete.

  4. Une fois l’opération terminée, cliquez sur Submit.

  5. Pour confirmer l’action, cliquez sur OK.

recommendation-more-help
2b0136b4-ef75-405f-9734-60d741f198de