Mini banner slider 

Section header

Heading: Add the heading of this section. Assisting options and formats: AI Generated content, Bold format, Italic format, and Insert a link.

Heading size: Select the size of the heading: Small, Medium, Large.

Subheading: Add the subheading of the section. 

Description: Add the description of the section. 

Alignment: Choose the alignment of the section header: Default (left) or Center.

Button label: Add text to the button label in the section header.

Button link: Enter the link destination for the button in the section header.

Open this link in a new window: Toggle this ON to open the link in a new window.

Show swiper navigation: Toggle this ON to display previous/next chevron buttons for sliding through the banners.

Section body

Information position: Choose where the text overlay appears relative to the media – Inside or Outside

Information color scheme: Adjust the color scheme applied to text, buttons and overlays inside the banners.

Media ratio on desktop & tablet: Select the aspect ratio for banner images/videos on desktop and tablet views (e.g. Landscape 16:9, Square 1:1, Portrait 4:5, Natural/original).

Media ratio on mobile: Select the aspect ratio optimized for mobile view (often taller ratios like 3:4 or 9:16 for better vertical fit).

Set the number of columns displayed in each device: Desktop (e.g. 4 columns), Tablet (e.g. columns), Mobile (e.g. 1.2 columns)

Section layout

Color scheme: Adjust the color scheme of the section

Background image: Select an image as the section background. 

Section full width: Toggle this ON to display the section in full width.

Section max width: Adjust the maximum width of the section. Enter a pixel number (e.g. 1900 px).

Content full width: Toggle this ON to display the content in full width.

Content max width: Adjust the maximum width of the content. Enter a pixel number (e.g. 1900 px).

Padding desktop: Add spacing on the top of the section in the desktop view. Enter a pixel number (e.g. 5 px).

Padding tablet, mobile: Add spacing on the top of the section in tablet and mobile view. Enter a pixel number (e.g. 5 px).

Margin desktop Add spacing on the left of the section in the desktop view. Enter a pixel number (e.g. 5 px).

Margin tablet, mobile: Add spacing on the left of the section in tablet and mobile view. Enter a pixel number (e.g. 5 px).

2.3.1. Block – Item

Image

Desktop: Upload or select the main image to display on desktop and larger screens.

Mobile: Upload or select a separate image optimized for mobile views (optional; falls back to desktop image if not set).

Video: Select a Shopify-hosted video file to play on desktop and mobile (optional). 

Media link: Enter a URL to make the entire media (image or video) clickable, directing to the specified link.

Heading: Add the main heading text for this banner item.

Subheading: Add optional subheading text that appears below the heading.

Button one

Button label: Add text for the primary call-to-action button.

Button link: Enter the destination URL for the primary button.

Button two

Button label: Add text for the optional secondary call-to-action button.

Button link: Enter the destination URL for the secondary button.