Image with text
A guide to feature combination of images and text in one section
The image with text section provides an appealing and dynamic approach mixing media, message, and a call-to-action button. This is a great way to promote a product/collection or any exciting feature on your online store.
How to customize an image with text
An image with text section's layout is defined by the grid layout you set. A grid comes with a number of columns.
Section settings
Grid layout
The settings let you decide on your grid layout on different screen sizes. Use the device mode selector on the top bar to view the section on desktop/laptop/tablet/mobile.
Content position
You can also adjust the content position and gap between columns of that grid (between 0 and 100px).
Then, you can add child blocks to each of the columns accordingly to create an image with text section as you wish.
Block settings
You can add different child blocks in one column that you can mix and match:
Buttons
Image
Text
Heading
Custom code
Some practices of the Image with text section
Here are some ways to use the image with text section for your storefront:
About us content: Use a picture with a short paragraph of text to let visitors know more about your brand.
Explainers and introduction: Explain how your products are made.
Spotlight products: Display your featured products with a button to direct customers to the product pages/collection page.
Sale promotions: Promote an event or sale by showcasing your special offers.
Last updated