Flash spotlight

Overview:

The Flash Spotlight section is designed to create a visually engaging promotional showcase with scrolling marquee text, featured imagery, background visuals, and supporting content. It supports scrolling text items, featured images, typography customization, responsive background images, marquee animations, color schemes, and spacing controls. This section is ideal for showcasing promotions, featured products, announcements, brand campaigns, or visual storytelling content.

Blocks Configuration

Text Block:

The Text block displays scrolling text inside the marquee area.

Content

Setting	Description
Text	Defines the scrolling text content displayed inside the marquee section. Supports rich text formatting such as bold and italic styling.

Image Block:

The Image block displays featured images inside the Flash Spotlight section.

Image Settings

Setting	Description
Image	Uploads an image displayed inside the spotlight showcase. Supports up to 4 images.

Section Configuration

Background Settings:

Setting	Description
Desktop Background Image	Uploads the main background image displayed on desktop devices.
Desktop Overlay	Adds a background overlay or gradient effect on the desktop image.
Mobile Background Image	Uploads a separate background image displayed on mobile devices.
Mobile Overlay	Adds a background overlay or gradient effect on mobile devices.

Header Section

Heading:

Setting	Description
Section Heading	Defines the main heading displayed inside the spotlight section. Supports rich text formatting such as bold and italic styling.
Heading Size	Controls the heading size such as H1–H6, Large, Medium, or Small.
Heading Weight	Adjusts the font thickness ranging from Thin (100) to Black (900).
Heading Case	Changes text transformation style such as Uppercase, Lowercase, Capitalize, or Default.
Heading Tag	Sets the HTML heading tag level from H1 to H6 for SEO and accessibility purposes.
Heading Font Family	Allows switching between Default and Body font family styles.
Heading Color Style	Applies predefined color styling to the heading text.
Heading Link Style	Controls styling behavior of links inside heading content.

Description:

Setting	Description
Section Description	Displays supporting text below the heading.
Description Size	Controls the size of description text such as Large, Medium, or Small.
Description Weight	Adjusts the font thickness ranging from Thin (100) to Black (900).
Description Case	Changes text transformation style for description text.
Description Font Family	Allows switching between Default and Heading font family styles.
Description Color Style	Applies predefined color styling to the description text.

Marquee Settings:

Setting	Description
Marquee Text Size	Controls scrolling text size such as H4–H6, Large, Medium, or Small.
Marquee Text Weight	Adjusts font thickness of marquee text.
Marquee Text Case	Changes text transformation style such as Uppercase, Lowercase, Capitalize, or Default.
Marquee Text Font Family	Allows switching between Heading and Body font family styles.
Marquee Text Color Style	Applies predefined styling to marquee text.
Marquee Direction	Controls scrolling direction such as Right to Left or Left to Right.
Marquee Speed	Controls scrolling animation speed.
Marquee Color Scheme	Applies a predefined color palette to the marquee area.

Layout:

Setting	Description
Container Layout	Determines whether the section uses Contained, Contained Content, or Full Width layout.
Container Width	Controls the maximum width of the section container on desktop devices.
Text Alignment (Desktop)	Sets content alignment on desktop devices such as Left, Center, or Right.
Text Alignment (Mobile)	Sets content alignment on mobile devices such as Left, Center, or Right.

Color Scheme:

Setting	Description
Section Color Scheme	Applies a predefined color palette to the flash spotlight section background and content.