Création et gestion des widgets

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 le Administration barre latérale, accédez à Content > Elements>Widgets.

  2. Cliquez sur Add Widget.

  3. Dans le Settings ​section :

    • Définir Type du type de widget que vous souhaitez créer.

    • Vérifiez que la variable Design Theme est définie sur le thème actif.

      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 le Storefront Properties ​section :

    • 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 du 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 = first, 1 = second, 3 = troisième, etc.)

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

  2. Dans le Layout Updates, cliquez sur Add Layout Update.

  3. Définir Display On au type de page dans lequel elle doit apparaître.

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

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

  5. Si le widget est un lien, définissez Template à l’une des options suivantes :

    • Block Template - Formate le contenu afin 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 pour apparaître au-dessus de la liste, par exemple Featured Products.

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

    • Saisissez le Number of Products per Page.

    • Saisissez le total Number of Products to Display.

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

      Le processus revient à définir une condition pour un règle de prix.

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

  1. Lorsque vous avez terminé, 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 :

Modification d’un widget

  1. Sur le Administration barre latérale, 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 bouton Save.

Suppression d’un widget

  1. Sur le Administration barre latérale, 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 to Delete.

  4. Lorsque vous avez terminé, cliquez sur Submit.

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

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