Card slider
Showcase content in a slider or stacked layout
The Card slider section is a flexible layout designed to showcase a wide variety of content. While it functions as a slider by default, it also includes settings that allow you to stack items instead of sliding, either on mobile, desktop, or both.
This makes the section suitable for highlighting almost any type of content, such as:
Product features or benefits
Collections or categories
Services or key selling points
Editorial or promotional content
The Card slider offers detailed customization options, giving you precise control over both the overall appearance of the section and the individual card design. This flexibility allows you to adapt the layout to your brand while choosing the most appropriate presentation for different screen sizes.
Configuration
In addition to the general section settings—such as selecting the color scheme and editing the main heading and description—the Card slider section offers flexible layout options that allow cards to be displayed either as a slider or as a stacked list.
Carousel settings
Within the Carousel settings group (as shown in the screenshot below), you can control how cards are displayed:
Carousel group settings for the Card slider section Stack on mobile Displays cards in a stacked layout on mobile devices instead of using the slider.
Stack on desktop Displays cards in a stacked layout on desktop screens.
You can enable either option individually or both, depending on your preferred layout per device.
In this same group, you can also:
Choose how many columns are shown on mobile and desktop
Adjust additional carousel behavior settings, such as slider functionality and navigation
Item settings
Just below the Carousel group, you’ll find the Item settings group. These settings apply to all card items in the section and allow you to control their appearance consistently.
From here, you can:
Change the color scheme of the cards independently of the section background
Enable or disable borders and shadows
Adjust additional styling options for the card design
Each card is added as a block within the Card slider section, and each block has its own content settings, as shown in the screenshot below.
For each card block, you can:
Add an image that appears at the top of the card (optional)
Edit the heading, description, and button label
Note that the styling of the cards is controlled globally from the Item settings group, rather than per block. This approach allows you to style all cards consistently without needing to adjust each one individually, saving time and ensuring a cohesive design.
Last updated