The Text columns with images section allows you to display content in a structured grid format, combining text and images in a horizontal grid to showcase your image-based content effectively.
This section can be used for various purposes to enhance your store's user experience and convey information effectively, such as product features or benefits, service offerings, pricing plans, how it works, team members, membership benefits, and so on.
Adding the section
- Login 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 images.
Section details
After adding the Text columns with images section, 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, right or center.
- Show section divider: Display a line at the top of the section.
- Color scheme (Expanse, Fetch and Gem): Determines the background and text colors for the section. Customize available color schemes in Theme settings > Colors.
- Use alternate section color (Streamline): Applies the alternative section background and text colors defined in Theme settings > Colors.
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.
- Image: Select an image from the library - ensure your images have standard sizes for best results.
- Heading: Enter the title or heading for the column.
- Image shape: You can choose among the different shapes on the list to suit your design needs.
- Image width: Set your preferred width.
- Text: Add the content or description related to the heading.
- Button label: This is the text that will appear on the button (e.g., Shop now, Learn more).
- Link: The link where the button leads to.
Once you are satisfied with the setup and design, click Save to apply the changes.