Skip to main content

Add Media Carousel

A media carousel displays a collection of media files consecutively on an infinite loop where each file is displayed for a specified duration. A carousel can include any combination of images, videos, and/or price components.

To add a media carousel:

  1. From the left pane of the Content Designer, select Component.

  2. From the Component menu, select Media Carousel.

  3. From the file browser, select the component(s) to add to the carousel.

    Astuce

    Hold down Crtl on the keyboard to select multiple components from the same folder.

  4. From the right pane, define the following:

    Field

    Description

    Name

    Type a name for the carousel. The default name is "Carousel".

    • Select the lock icon to make the component properties non-editable.

    • Toggle the eye icon to hide/show the component.

    X and Y

    Type the desired X and Y coordinates for the component.

    When the position of the component is manually adjusted on the screen, the X and Y field values are updated automatically.

    W and H

    The values are set to the width and height of the largest component in the carousel. The values are non-editable.

    Transitions

    From the dropdown, select the desired effect to use when transitioning from one component to another.

  5. From the lower-right of the Carousel Settings, sort the media files and specify the amount of time to display each file:

    • Select and drag the control to the left of each file to sort them in the preferred sequence.

    • In the Duration(s) field, type the number of seconds to display the file before transitioning to the next file.

      Select Auto to play the video at its original length. This option is only available for video files.

      The Loop field specifies the number of seconds it takes to cycle through one loop of the carousel.

  6. From the Layers pane:

    • Select each component in the carousel and configure its respective settings.

    • Add additional components to the carousel as needed.