Image hero
Theme section
The Image hero section lets you feature your boldest product and store photography with overlay headings.
Set up section
Add this section to any template (except Checkout) and use the drag-and-drop handles to re-order its position. You can add this section multiple times with different content and settings.
Editing a template changes all pages that use that template. To edit specific pages, you can create new templates or use metafields and dynamic sources.
Set up image
Upload an Image and fine-tune it by adjusting the Height and Focal point. Add a a Mobile-specific image so this section looks best on all devices.
Section content and style
Add a section title and promotional text to overlay your Image hero. The section headings are included as blocks nested within the section.
Add call-to-action button
Add a Button block to link to your collections or products or any other page with a custom label.
Settings reference
Click on the section to find the following settings:
Setting | Description |
---|---|
Image | Select or upload an image. |
Image Height | Set the image height to Custom or Original. Select Original to display your uploaded image without cropping. |
Heading | Enter heading text to display as a title on the image. |
Subheading text | Enter subheading text to display below the heading. Use the formatting buttons to add text styles, links, or lists. To learn more, see Shopify's Rich text editor manual ↗. |
Max width of text | Use the slider to control the maximum width and line breaks of the headings. |
Link | Choose a page from your store to be link to from the section's call to action button. |
Link text | Add text to be used on the call to action button. |
Text alignment | Select the position of the headings using the dropdown. |
Related links Image with text Image with text split Slideshow Video hero
Last updated