Image with text
A guide to feature combination of images and text in one section
Last updated
A guide to feature combination of images and text in one section
Last updated
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.
An image with text section's layout is defined by the grid layout you set. A grid comes with a number of columns.
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.
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.
You can add different child blocks in one column that you can mix and match:
Buttons
Image
Text
Heading
Custom code
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.
