The Text columns with icons section is a versatile and visually appealing section that allows you to display content in a structured grid format, combining text and icons to convey information effectively.
This section can be used for various purposes to enhance your store's user experience and deliver information visually, such as product features or benefits, service offerings, pricing plans, how it works, team members, membership benefits, and so on. The possibilities are endless.
Adding the section
- Log in to your Theme editor and navigate to the page you would like to display this section.
- You'll see a list of available sections on the left-hand side. Locate the Add section button and click on it.
- From the list of available sections, find and select Text columns with icons.
Section details
After adding the Text columns with icons, use the available settings to customize its appearance and align it with your store’s style.
- Heading: The main title that appears in the section.
- Text alignment: Choose to align the text to the left or center.
- Desktop columns per row: Choose how many testimonial blocks appear in a row on desktop.
- Icon color: Select the color to apply to the icons.
- Button label: Add text for a button below the section.
- Link: Add a link to the button.
- Show section divider: Display a line at the top of the section.
Configuring the individual columns
Select one of the existing Column blocks to begin customizing it. If you need more columns, click Add Column to insert another block.
- Icon: Select an icon from the available icons in the library.
- Heading: Enter the title or heading for the column.
- Text: Add the content or description related to the title.
Customize each column as needed, adding titles, text, and icons. Once you are satisfied with the setup and design, click Save to apply the changes.
Limitations
- Custom icons cannot be added in the Text Column with icons section. To use custom artwork or icon sets, consider working with a Shopify Expert to customize the theme.
- The button functionality is applicable to the entire section and not to individual columns.