Add a rotating dynamic block

Adobe Commerce feature {width="20"} Exclusive feature only in Adobe Commerce (Learn more)

To present a slide show of interactive content, you can add multiple dynamic blocks to a rotator. The widget tool is used to place the rotator at a specific place on a either a single page, or on multiple pages throughout your store.

Dynamic block rotator {width="700" modal="regular"}

Step 1: Create individual dynamic blocks

To create the dynamic blocks that you want to place in the rotator, follow these instructions:

Step 2: Add a dynamic block rotator widget

  1. On the Admin sidebar, go to Content > Elements > Widgets.

  2. In the upper-right corner, click Add Widget.

  3. Under Settings, set Type to Dynamic Blocks Rotator.

  4. Choose the current Design Theme of the store.

    This setting identifies the current package or theme that determines the page layout of the store.

  5. Click Continue.

    Dynamic block rotator settings {width="600" modal="regular"}

Step 3: Complete the options

  1. Under Storefront Properties, set the options:

    • Enter a Title for the rotator.

    • In the Assign to Store Views list, select the store views where the rotator is available.

    • (Optional) Enter a Sort Order number to determine the position of the rotator in the target container. It is relative to other widgets that might be assigned to the same container.

    Rotator storefront properties {width="600" modal="regular"}

  2. Under Layout Options, click Add Layout Update and do the following:

    • Set Display on to the page, or type of page, where the rotator is to appear.

      In the example, the rotator is to be placed on a Specified Page.

    • Select the specific Page where the rotator is to appear.

    • Set Container to the part of the page layout where the rotator is to appear.

      If other widgets are assigned to the same container, they appear in sequence according to the sort order.

    • Accept Dynamic Block Template as the default Template.

      This setting determines the template that is used to format the rotator, based on whether the rotator is to stand alone, or be placed inside existing text.

      Rotator layout updates {width="600" modal="regular"}

    • Click Save and Continue Edit.

  3. In the left panel, choose Widget Options.

  4. For the Dynamic Blocks to Display, accept Specified Dynamic Blocks.

    This setting determines the type of dynamic blocks that are included in the rotator.

    • Specified Dynamic Blocks - Includes only specific dynamic blocks.
    • Cart Price Rule Related - Includes only dynamic blocks that are associated with a cart price rule.
    • Catalog Price Rule Related - Includes only dynamic blocks that are associated a with catalog price rule.
  5. To Restrict the Dynamic Block Types that can be used with the widget, select Content Area.

    This setting limits the banner to a specific part of the page layout.

    • Content Area - Places the dynamic block in the main content area of the page.
    • Footer - Places the dynamic block in the page footer.
    • Header - Places the dynamic block in the page header.
    • Left Column - Places the dynamic block in the left column of the page layout, if available.
    • Right Column - Places the dynamic block in the right column of the page layout, if available.
  6. Set Rotation Mode to one of the following:

    • Display all instead of rotating - Displays a stack of dynamic blocks, where all are visible.

    • One at a time, Random - Displays the specified dynamic blocks in a random order. When the page is refreshed, a different (and random) dynamic block appears.

    • One at the time, Series - Displays the specified dynamic blocks in the sequence that they were added. When the page is refreshed, the next dynamic block in the sequence appears.

    • One at the time, Shuffle - Displays one dynamic block at a time in a shuffled order. This option is similar to the One at a time, Random option, except that the same dynamic block is not repeated.

      Rotator widget options {width="600" modal="regular"}

  7. In the Specify Dynamic Blocks grid, select the checkbox of each dynamic block that you want to include in the rotator.

  8. When complete, click Save.

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