[PaaS uniquement]{class="badge informative" title="S’applique uniquement aux projets Adobe Commerce on Cloud (infrastructure PaaS gérée par Adobe) et aux projets On-premise."}

Ajouter un bloc dynamique rotatif

Fonctionnalité Adobe Commerce {width="20"} Fonctionnalité exclusive uniquement dans Adobe Commerce (En savoir plus)

Pour présenter un diaporama de contenu interactif, vous pouvez ajouter plusieurs blocs dynamiques à un rotateur. L’outil widget permet de placer le rotateur à un emplacement spécifique sur une seule page ou sur plusieurs pages de votre boutique.

Rotateur de bloc dynamique {width="700" modal="regular"}

Étape 1 : créer des blocs dynamiques individuels

Pour créer les blocs dynamiques à placer dans le rotateur, procédez comme suit :

Étape 2 : Ajouter un widget rotatif de bloc dynamique

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

  2. Dans le coin supérieur droit, cliquez sur Add Widget.

  3. Sous Paramètres, définissez Type sur Dynamic Blocks Rotator.

  4. Choisissez le Design Theme actuel du magasin.

    Ce paramètre identifie le package actuel ou thème qui détermine la mise en page du magasin.

  5. Cliquez sur Continue.

    Paramètres de rotation de bloc dynamique {width="600" modal="regular"}

Étape 3 : effectuez les options

  1. Sous Propriétés du storefront, définissez les options suivantes :

    • Saisissez un Title pour le rotateur.

    • Dans la liste Assign to Store Views, sélectionnez les ​ vues de magasin où le rotateur est disponible.

    • (Facultatif) Saisissez un nombre Sort Order pour déterminer la position du rotateur dans le conteneur cible. Il est relatif aux autres widgets qui peuvent être affectés au même conteneur.

    Propriétés du storefront Rotator {width="600" modal="regular"}

  2. Sous Options de mise en page, cliquez sur Add Layout Update et procédez comme suit :

    • Définissez Display on sur la page, ou le type de page, où le rotateur doit apparaître.

      • Categories - Affiche le rotateur sur les pages de catégorie ancre🔗 ou ancre. Options : Catégories d’ancrage / Catégories non-ancres
      • Products - Affiche le rotateur sur un type spécifique de page de produit ou sur toutes les pages de produit. Options : Tous les types de produits / Produit simple / Produit virtuel / Produit groupé / Produit téléchargeable / Carte cadeau / Produit configurable / Produit groupé
      • Generic Pages - Affiche le rotateur sur toutes les pages, sur une page spécifique ou uniquement sur les pages avec une certaine disposition. Options : All Pages / Specified Page / Page Layouts

      Dans l'exemple, le rotateur doit être placé sur un Specified Page.

    • Sélectionnez le Page spécifique où le rotateur doit apparaître.

    • Définissez Container sur la partie de la mise en page où le rotateur doit apparaître.

      Si d’autres widgets sont affectés au même conteneur, ils apparaissent dans l’ordre selon l’ordre de tri.

    • Acceptez Dynamic Block Template comme Template par défaut.

      Ce paramètre détermine le modèle utilisé pour formater le rotateur, selon que le rotateur doit être autonome ou placé dans un texte existant.

      Mises à jour de la disposition Rotateur {width="600" modal="regular"}

    • Cliquez sur Save and Continue Edit.

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

  4. Pour le Dynamic Blocks to Display, acceptez Specified Dynamic Blocks.

    Ce paramètre détermine le type de blocs dynamiques inclus dans le rotateur.

    • Specified Dynamic Blocks - Inclut uniquement des blocs dynamiques spécifiques.
    • Cart Price Rule Related - Inclut uniquement les blocs dynamiques associés à une règle de prix de panier.
    • Catalog Price Rule Related - Inclut uniquement les blocs dynamiques associés à une règle de prix de catalogue.
  5. Pour Restrict the Dynamic Block Types qui peut être utilisé avec le widget, sélectionnez Content Area.

    Ce paramètre limite la bannière à une partie spécifique de la mise en page.

    • Content Area - Place le bloc dynamique dans la zone de contenu principale de la page.
    • Footer - Place le bloc dynamique dans le pied de page.
    • Header - Place le bloc dynamique dans l’en-tête de la page.
    • Left Column - Place le bloc dynamique dans la colonne de gauche de la mise en page, le cas échéant.
    • Right Column - Place le bloc dynamique dans la colonne de droite de la mise en page, le cas échéant.
  6. Définissez Rotation Mode sur l’une des options suivantes :

    • Display all instead of rotating - Affiche une pile de blocs dynamiques, où tous sont visibles.

    • One at a time, Random - Affiche les blocs dynamiques spécifiés dans un ordre aléatoire. Lorsque la page est actualisée, un bloc dynamique différent (et aléatoire) s’affiche.

    • One at the time, Series - Affiche les blocs dynamiques spécifiés dans l’ordre dans lequel ils ont été ajoutés. Lorsque la page est actualisée, le bloc dynamique suivant de la séquence s’affiche.

    • One at the time, Shuffle - Affiche un bloc dynamique à la fois dans un ordre mélangé. Cette option est similaire à l’option One at a time, Random, sauf que le même bloc dynamique n’est pas répété.

      Options du widget Rotateur {width="600" modal="regular"}

  7. Dans la grille de Specify Dynamic Blocks, cochez la case de chaque bloc dynamique à inclure dans le rotateur.

  8. Cliquez ensuite sur Save.

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