Adorn ThemesAdorn ThemesAdorn Themes
  • Services
  • Themes
    • Avone
    • Revone
    • Vogal
    • Optimal
    • Belle
  • Portfolio
  • Support
    • Open Ticket
    • Knowledge Base
    • Theme Documention
  • Blog
    • Shopify Themes
    • Shopify Apps
    • Ecommerce
    • SEO
  • About us
  • Contact us
Create a Free Store Button

How can we help you?

Theme Installation

  • Avone – How to install theme?
  • Avone Theme Update – Release Notes.
  • Avone – How to update your shopify theme?

Theme Settings

  • How to set free shipping?

Navigation

  • How to use Megamenu Navigation
  • How to display images for mobile menu items?

Collection Page

  • How to set product labels?
  • Set Collection banners, Short description and Countdown by metafields.
  • Collection Page – How to set product filters ?
  • Icon image for collection

Product Page

  • How to set product labels?
  • Add different size chart for each product?
  • Product Page – Product Swatches – Product Variants
  • Set product pre-order for shopify 2.0
  • Related products section
  • Display Complete the look products
  • Display different tab details for each product
  • How to add product custom option?
  • How to display FAQs tab on product detail page?
  • How to set upsell product bundle
  • Add product descriptions with columns.
  • How to display product specification tab on product page?
  • How to display color variant media gallery?

Page Setup

  • Create Custom Page and add sections?
  • How to create Landing page?
  • How to create metafield for page banner

Blog Pages

  • How to show specific product list in blog article page

FAQs

  • Set product pre-order for shopify 2.0
View Categories
  • Home
  • Knowledge Base
  • Avone Shopify Theme
  • Page Setup
  • How to create metafield for page banner

How to create metafield for page banner

Set banner image #

Follow the steps given below to set banners for each page.

    1. From your shopify store admin > Click “Settings” >  Metafields & Metaobjects > Pages -> click “Add definition” then follow the steps as shown in the image below.

If you would 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 “

Banner short description #

From your shopify store admin > Settings >  > Pages -> click “Add definition” then follow the steps as shown in the image below.

Please open the desired page where you wish to showcase the page banner. Scroll down to the section labeled “Metafields” and click on the link that says “Show all” to view all the available metafields.

Add text in short description and click save

What are your Feelings
Table of Contents
  • Set banner image
  • Banner short description
Adorn Themes

We build premium shopify themes. Our themes are adored by thousands of merchants for their user-friendly nature, powerful features, reliable performance, and exceptional user interface

Information
  • About Us
  • Contact Us
  • Our Services
  • Our Partners
  • Our Blogs
Customer support
  • Support Ticket
  • Knowledge Base
  • FAQ’s
  • Need Customization?
  • Project Request?
WHY CHOOSE ADORNTHEMES
footer-logo-1
shopify-partner--logo
© 2025 AdornThemes - All Rights Reserved.
  • Social Media
  • Social Media
  • Social Media