The Text columns with icons section allows you to highlight key store benefits, services, or important information in a structured column layout. Each column can include an icon, heading, description, and button, making it suitable for showcasing information such as shipping, returns, secure checkout, and customer support.
Use the layout settings to control how the columns are displayed across desktop and mobile.
Make section full width: Extend the section across the full available width.
Carousel on mobile: Display the columns as a swipeable carousel on mobile devices.
Color scheme: Select the color scheme for the section.
Layout style: Choose how the columns are displayed:
Standard: Display the content without individual card containers.
Card: Display each column in a card-style layout.
Inherit color scheme: Apply the section color scheme to the column content.
Desktop icon position: Choose the position of the icon relative to the content on desktop. The Top position is used as the default layout on mobile.
Icon background type: Choose the background style used for the icons, such as Circle.
Use the Section header settings to add introductory content above the columns.
Heading: Add the main heading for the section.
Text: Add supporting text or a short description.
Align center: Center the heading and text within the section.
Custom width: Enable a custom width for the section header content.
Leave the Heading and Text fields empty if you do not want to display a section header.
Click Add Column to add individual content columns to the section. Each column can contain an icon, heading, description, and optional button.
Use the Icon settings to customize the visual displayed for each column.
Icon: Select a predefined icon from the theme.
Custom SVG icon: Add custom SVG code to use your own icon.
Custom image icon: Upload an image to use as the icon. A 200 × 200 px image is recommended.
Icon height: Adjust the icon height on desktop.
Mobile icon height: Adjust the icon height on mobile devices.
Use the Heading field to add the main title for the column, such as Fast free shipping, Hassle-free returns, or 100% secure checkout.
Use the Description field to add supporting information below the heading.
Add an optional button to direct customers to another page or provide more information about the content in the column.
For example, you can use a button such as Details or Learn more.