ModulesBling

SR Bling Graphic 02

This module renders an optional heading and rich text description above a slider holding up to six images, with configurable dots, arrows, and autoplay speed.

Preview of SR Bling Graphic 02

Pick it over SR Bling Graphic 01 when you have multiple images that should cycle through the same space instead of one static image sitting in a container. Provide images sized consistently for a clean transition, and set slides-to-show per breakpoint in design settings.

Use cases

  • Product image carousel
  • Before and after slider
  • Gallery of screenshots
  • Rotating customer photos
  • Multi-image showcase under a heading

Where it fits

  • Included with: Core
  • Page sections: Media, Gallery, Content

Editable fields

Content tab

FieldTypeNotes
Background VideoFileRepeats: min 0, default 1. Add multiple file formats in order to provide compatibility with a broad range of browsers.
Background Video TabletFileRepeats: min 0, default 1. This background video will only be used on tablet devices.
Background Video MobileFileRepeats: min 0, default 1. This background video will only be used on mobile devices.
EnabledBoolean
IDTextAssign a ID to the module.
ClassTextAssign a CLASS to the module.
DescriptionRich text
Lead TextBooleanTurn on to make the Description text larger.
DotsBoolean
ArrowsBoolean
AutoplayBoolean
Autoplay SpeedNumber

Heading Repeats: min 0, default 1.

FieldTypeNotes
HeadingText
SizeChoiceHTML heading size. Options: H1, H2, H3, H4, H5, H6, P.
Display SizeChoiceSize that heading is displayed at. 12 options, including Auto, H1, H2.
ColorChoice15 options, including Auto, Primary, Secondary.
ColorColor
AlignChoiceOptions: Auto, Left, Center, Right.
CSS ClassText

Slides Repeats: min 1, default 6.

FieldTypeNotes
Slide ImageImage

Style tab

Change log

VersionChange
5.0.0Stardust update
4.2.0Accessibility improvements
4.1.0Added responsive background options
4.0.0Updated to a new slider library