Multiple image with text 🔥
Build an interactive Multiple image with text section that highlight various aspects of your store
Last updated
Build an interactive Multiple image with text section that highlight various aspects of your store
Last updated
The Multiple image with text section allows you to create a scrollable slideshow of multiple image with text blocks. It's a quick and interactive way to showcase content and information in carousel form with the image on your site.
This section lets you display your most outstanding and popular information or shout out about what's new with a call-to-action button.
In this article, we will show you how to add a Multiple image with text section.
Steps
In the theme editor (Customize), click Add section.
Select Multiple image with text.
Make necessary changes.
Save the settings.
Use the provided text fields to add a suitable Heading/Subheading.
Leave any of the fields blank if you do not want to display them.
You can also change the Heading size to Medium/Large and adjust the Text alignment (Left/Center).
You can choose your Container type for the collection list as:
Default;
Full width;
Use container box.
Select the Color scheme for the section.
Set up your Color schemes anytime in the Theme settings > Colors.
You can also set the Column gap (0px - 200px) and Column gap on mobile (0px - 30px) between Image with text blocks.
Show pagination: Toggles pagination dots at the bottom of the carousel.
Show navigation: Toggles navigation arrows on each side of the carousel.
Enable Auto slide so the Image with text blocks will run automatically. The duration time to change slides is between 2-10 seconds (Auto slide every).
If you do not want to use rotation, they can disable it.
You can add multiple Image with text blocks to the Multiple image with text section.
Select the Color scheme for the block.
Add an Image or image link (Connect dynamic source) that you prefer for your Image with text block.
Use the provided text fields to add a suitable Heading/Subheading/Text.
Leave any of the fields blank if you do not want to display them.
You can also change the Text size to Small/Medium/Large and adjust the Text alignment (Left/Center/Right).
You can also display a call-to-action button to redirect customers to your desired pages.
Add a Button label and Button link, then choose a Button style:
Primary button
Secondary button
White button
Underline button
You can also select a suitable Button size:
Button small
Button medium
Button large
