How Can We Help?

Set Collection banners, Short description and Countdown by metafields.

Follow below steps to create metafields for collection page banner image, short description and countdown

1) Go to store admin > settings > metafields > collection

Banner images

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

Name: Banner Image
Namespace and Key: custom.banner_image
Select Content type: Files > Select “

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

Name: Mobile Banner image
Namespace and Key: custom.mobile_image

Banner short description

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

Name: Short Description
Namespace and Key: custom.short_des

Banner Countdown

Click on “Add definition” button and add data as below for countdown.

Name: Countdown
Namespace and Key: custom.countdown

2) Now open collection page on store admin where need to show banner details and Scroll down to “Metafields

3) Click on field to add image, text and date then save page after add details.

4) Now go to theme customize > open collection page > Select collection page in left sidebar

5) Now in right sidebar you can see details like below screenshot

6) Click on metafeild icon and select metafield we already created.

7) Save page and that’s it. Now you can see details in collection page on store front.