Setting up a metafield for page banner in Shopify is a powerful way to create dynamic and visually appealing pages. Instead of using the same banner across all pages, metafields allow you to assign unique images to each page and display them automatically. With Shopify Online Store 2.0, you can easily connect metafields to theme sections and customize your store design without any coding.
Set banner image #
Go to store admin > Settings > Metafields & Metaobjects > Pages > Add definition
Follow the steps given below to set metafields for image to each page.
If you would like to use different image for mobile site then create new metafield same as above steps.
Now go to page in store admin and scroll down to metafields section to add image.
Now go to theme customize > open related page > select page banner section and select metafield using dynamic source button.
Short description #
Go to store admin > Settings > Metafields & Metaobjects > Pages > Add definition
Follow the steps given below to set metafields for image to each page.
Now go to page in store admin and scroll down to metafields section to add text in short description field.
Now go to theme customize > open related page > select page banner section and select metafield using dynamic source button.