The Text Columns with Images section creates an area that is a mix of an image and text in a column layout, without adding custom code like you would in the custom HTML section.

The height of the columns will depend on the size of the images and the content in the textbox, so it's important to plan the layout before adding content. Adding blocks to each section will affect the width of each column. This presents an opportunity to create unique layouts for different uses like promotions, calls to action, or links to blog posts and featured products.

Combining a few of the Text Columns with Images sections creates rows of eye-catching content in what looks like a single block.

STEP 1

In Shopify admin, click on Online Store.

STEP 2

Select your Debutify Shopify theme and click on Customize.

STEP 3

Click on Text Columns with Images or click on Add section to add the Text Columns with Images section.

STEP 4

Decide on where (option to show on desktop, mobile, or both) or how (full width or not) to display the section on the page.

Heading and Subheading - displays the heading and subheading text for the section

Section style - allows you to choose either a blank, accent or border-top background.

Text align - choose to align the text in the column to either the left, right, or center.

STEP 5

Go back and click on the triangle next to Text Columns with Images to reveal the option to edit a Column or click Add Column.

Note: you can add up to 4 columns per section.

STEP 6

Click Select Image to add an image in the column or use an icon.

Heading - displays the heading text for the column

Text - displays the text in the testimonial block. This is where you add the testimonial

Button Style - this allows you to choose either the default, full or outlined button style

Button Label - the text will appear on the button linking the section to a URL or page in the store

Button Link - add a URL or link to a page in the store to which visitors will be directed

STEP 7

Click Save to apply the changes.