Slider with multicolumn

The Slider with multicolumn section combines a large promotional slider with supporting image cards, making it easy to highlight campaigns, tell a brand story, and guide shoppers to key destinations without requiring multiple sections.

#How to add a Slider with multicolumn section to your Shopify store

#How to edit a Slider with multicolumn section

#Section settings

#General

• Container: Choose whether the section displays in a fixed-width or full-width container.
• Color scheme: Select the color scheme applied to the section.

#Slider settings

• Auto-rotate content: Automatically rotates slides.
• Change slides every: Controls how often slides change when auto-rotation is enabled.

#Grid settings

• Number of columns on desktop: Sets the number of columns displayed in the image card grid.
• Column gap: Adjusts the spacing between columns.
• Row gap: Adjusts the spacing between rows.

#Mobile layout

• Number of columns on mobile: Sets the number of image card columns shown on mobile devices.
• Enable swipe on mobile: Allows customers to swipe through image cards when there are more cards than available columns.

#Block settings

The section supports two block types:

• Slide item block
• Image card block

#Slide item block

Use Slide item blocks to create slides in the main slider area.

• General settings:

• Content settings:

• Button settings:

#Image card block

Use Image card blocks to create supporting cards displayed beside the slider. You can add up to 4 image card blocks in each Slider with multicolumn section.

Available settings:

#Best practices

• Use high-quality images with a consistent visual style across slides and cards.
• Keep slide headings concise and action-oriented.
• Add clear call-to-action buttons that guide visitors to collections or products.
• Enable auto-rotation only when slides contain short and easy-to-read content.
• For mobile devices, consider enabling swipe functionality when using multiple image cards.