SectionAI is free + 20K tokens if you're a The4 customer, Free plan is available Install App  

Header background

Ocolus - Hero image

Alfred

Written by Alfred

Last updated

528 views

On this page


This section allows you to add an image. You also can add texts and call-out buttons for them. It is usually located on Home Page. However, Shopify 2.0 allows you to add the Hero Image to any pages that you want.

spaces_wyhgThOsIhhQqWFsLWFx_uploads_nevdZrZXMrClFUKgqwqn_hero-f.webp

Steps

  1. In the theme editor (Customize), click Add section

  2. Search Hero Image

  3. Click Save

1. Hero Image content

2. How to configure the Hero Image section?

- Section Height option: This option allows you to configure the height for the Hero Image section. There are many choices for you to choose, if you choose the Custom height option, you can configure the height for all devices: Desktop, Tablet and mobile devices; you can enter different values for the height for the Hero Image section.

spaces_wyhgThOsIhhQqWFsLWFx_uploads_n4D0CVotmnmefrqTz1hx_Section height.webp

- Link image: You can insert a link for the Hero Image here.

- Open link in: You can choose to open the Hero image's link in the Current tab or a new tab here.

99.webp

- Content align: You can configure the alignment for the Hero Image content here. You can choose to align content Left, Center or Right. You also can configure the content alignment different on other devices: Desktop, Tablet and Mobile.

88.webp

- Content vertical/ horizontal position: You can adjust the percent bar to change the position of the content here.

Content gift (1).gif

- DESIGN OPTIONS

Please follow this guideline to config Layout, Background, Margin/Padding for the section.

🎁 Exclusive Deals for The4 Customers

SectionAI

🤖 SectionAI – Build Sections with AI

Generate Shopify sections from text or wireframes.
The4 users get +20,000 bonus tokens when verifying their theme license.

  • ✅ No-code section builder
  • ✅ Works with your The4 theme
  • ✅ Build FAQs, banners, product grids & more
🚀 Try Free – Claim Tokens
EComposer

🎉 EComposer – Free 6-Month Plan

Build landing pages, sales funnels, and more with drag & drop.
The4 users get 6 months free (save $114).

  • ✅ 100+ templates ready to use
  • ✅ Build any Shopify page
  • ✅ No coding required
🔓 Get 6 Months Free

Enjoy a free 3-day trial. Then get your first month for $1. Try Now

We uses cookies to ensure you get the best experience on our website.