Multi columns with images #1 - #2 - #3 - #4 - #5

by Admin on Sep 18, 2025

The Multi columns with images is a layout that divides a section into multiple columns, each containing a combination of text and images. It's an effective way to highlight key information, showcase features, services, or products, and create a balanced visual experience.

1. Section Components

Section	Multi columns with images	Divide a section into multiple columns, each showcasing images and content.
Available blocks	Column	Add a separate column together with the image and content.

2. Location & Setup

To add & set up the Multi column with images section:

Open the Shopify Theme Editor (Online Store > Themes > Customize).
Decide where you want to place the new section in Template.
Click "Add Section".
Select "OT: Multi columns (#number of variant)".

3. Highlight Features

Flexible column layout: Add as many columns as you need to showcase products, services, or features.
Responsive layouts: Control the number of columns displayed on desktop versus mobile.
Carousel option: Enable carousel with swipe, navigation arrows, and autoplay for a smoother browsing experience.

4. Common Use Cases

🤔 How to set up Multi columns with images section?

STEP 1: Add the section

Add Multi columns section to your desired position.

STEP 2: Add and set up Column blocks

Under Multi columns section, you can add Column blocks to set up images and content. Click on the block to open its settings panel:

Upload Images.
Enter Heading, Subheading, and further Text content.
Add a button to redirect customers.

Repeat this step to set up other Column blocks.

STEP 3: Style the layout

Click on the Multi columns section to open the settings panel:

Enter the Heading for the section. Adjust its size, tag, and alignment.
Choose the Image style, adjust its corner.
At Mobile/Desktop layout, choose the number of columns, block width, spacing, and padding...
Choose colors for block elements.

STEP 4: Click "Save" when done.

🤔 How to enable carousel for the section?

To make the section swipe in a carousel layout, follow this:

STEP 1: Click on Multi columns section to open its setting panel

STEP 2:

Scroll down to the Carousel setting group, then:

Toggle "Enable carousel on desktop" to display the section in a carousel format on desktop devices.
Select "Enable swipe on mobile" to allow users to swipe through the carousel on mobile devices for improved navigation.
Turn on "Show navigation" to show the arrows so customers can click to see the next blocks instead of scrolling through them on mobile.
Tick "Auto-play" to automatically rotate through the items in the carousel. Set the "Change bar every" interval to determine how frequently the carousel items will automatically change.

STEP 3: Click "Save" when done.

5. Layout Recommendations

The Multi columns with images section has 5 appealing layouts available. If you want support to set up the layouts, don't hesitate to chat with us!

📂 Multi columns with images #1

Check out demo here.

📂 Multi columns with images #2

Check out demo here.

📂 Multi columns with images #3

Check out demo here.

📂 Multi columns with images #4

Check out demo here.

📂 Multi columns with images #5

Check out demo here.

6. Support Information

Need help? Contact our support team at Omni Themes Support .