Image with Text
The Image with text section is a versatile and engaging way to combine media and messaging together. Use it to tell your brand story, explain product features, or promote a collection with compelling visuals.
Add this section to: Home page, Product page, Collection page, Static page, Blog post, Blog page, Cart page, Collections list page, Search results page, 404 page, Password page
Customize the Section
Click the Image with text section to open its settings.
Connect an Image
Click Select image to locate and assign the image file. Use the Image focal point to adjust the image position within the provided container.
Image Height
- Desktop height — Choose from Natural, 400px, 500px, 600px, 700px, or 800px. This caps the image height at the selected value while maintaining proportional width.
- Mobile height — Choose from Natural, 300px, 400px, or 500px for mobile devices.
Image Alignment
Use the Desktop image alignment dropdown to set the image position for desktop view. Select an option from Mobile image alignment for mobile devices — choose Top, Center, or Bottom.
Include Headings
Add an optional Heading and Subheading with the provided fields. Use the Text alignment dropdown to align your headings Left, Center, or Right.
Add Button
Add a Button label and Button link to include a call-to-action. Style the button with the Button style dropdown, choosing between Default or Outline style.