How Can We Help?

How to create metafield for page banner

Follow below steps to create Metafields and add banner image to pages.

1) Go to store admin > settings > Metafields > pages and for blog page Go to store admin > settings > Metafields > blogs

2) Click on “Add definition” button and add data as below for banner image

Name: Banner Image
Namespace and Key: custom.banner_image (Must be same)
Select Content type: Files > Select “

2.1) If you like to use different image for mobile site then create new metafield same as above steps but use below details.

Name: Mobile Banner image
Namespace and Key: custom.mobile_banner_image (Must be same)
Select Content type: Files > Select “

3) Click on “Add definition” button and add data as below for short description in banner.

Name: Short Description
Namespace and Key: custom.short_des (Must be same)
Select Content type: Files > Select “

4) Now open page you like to add banner image and Scroll down to “Metafields” and Click on Show all link

5) Click on field to add image and text in metafields in open page then click on save button.

6) Save page and it’s done. Now check page from front.