Mini banner slider 2
Mini banner slider 2
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 appear
Inside: Overlay the media
Outside: Under the media
Media ratio on desktop & tablet: Select the aspect ratio for banner images or 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 vertical screens).
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.7.1. Block – Item
Configure similarly to 2.3.1. Mini banner slider Block item.
Related Articles
Mini banner slider
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. ...Hero Banner
General configs Layout Choose the layout style for the hero banner. Full: Display the banner spanning the full width of the viewport with media filling edge-to-edge. Column: Display the banner in a contained column layout, often with text and media ...Group product
Group product 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: ...Split hero showcase
Split hero showcase 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. ...Announcement bar
Announcement bar Slider max width Adjust the maximum width of the announcement slider (in pixels) to control how wide the content appears across the top of your store. Enable country/region selector Enable to display a country/region selector, ...