Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Unsen - Hero Image

Maria Do

Written by Maria Do

Last updated

226 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.

hero-f.png

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.

Section height.png

- 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.

spaces_wyhgThOsIhhQqWFsLWFx_uploads_QegxNdlD9nPoGOhNva1P_link-img.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.

spaces_wyhgThOsIhhQqWFsLWFx_uploads_HXbGvL8HPlMK7r1GJTq6_align gif.webp

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

Content gift.gif

- Layout: You can choose the layout for the Hero Image section here. We have 2 layouts for you to choose: Wrapped Container and Fullwidth.

spaces_wyhgThOsIhhQqWFsLWFx_uploads_06UxbdEV6oSiID3MjTzt_layout.webp

- Margin/ Padding: You can configure the margin/ padding for the Hero image section here. You also can configure margin/ padding for other devices: Tablet and Mobile devices.

1.webp

[Private Offer] EComposer Partner Plan

ecomposer.jpg
Exclusively for The4 users, when you bougth any theme from us, you can get Ecomposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)
  • Build ANY Shopify pages: Landing page, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Ecomposer1.jpg
Cheers, The4.

We highly recommend Shopify apps from our partners.

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