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

  • Belle Theme Update – Release Notes.
  • Belle – How to install theme?

Navigation

  • How to use Megamenu Navigation

Product Page

  • How to add product countdown?
  • Products Bundle / Group Product
  • How to add metafields?
  • Upsell Bundled Products
  • More Color Products
  • Add different size chart for each product?
  • Set product pre-order for shopify 2.0
  • Related products section
  • How to add product custom option?
  • How to set upsell product bundle
  • Add product descriptions with columns.

Page Setup

  • Create Custom Page and add sections?

Blog Pages

  • Blog Banner

FAQs

  • Set product pre-order for shopify 2.0
View Categories
  • Home
  • Knowledge Base
  • Belle Shopify Theme
  • Collection Page
  • Collection Banner

Collection Banner

Banner Images #

Display same banner image for all collections

Go to Theme Customize -> Collections -> Default collection -> Collection Banner(Section). Select image from Image field

Display different banner image for each collection

Step 1 :

Go to Store Admin -> Settings -> Metafields and metaobjects -> Collections > click "Add definition," then follow the steps as shown in the image below.




Step 2 : To add a collection image, navigate to the collections

Go to store admin -> Click "Products" -> Collections -> Select any collection -> 

scroll down to the “Banner Image” metafield, select an image and click save.



Follow the same steps for the mobile banner image if you’d like to show a different image for the mobile site.

Step 3 :

Now, go to Theme Customize -> Collections -> Default collection -> Collection Banner(Section).

Click on the “dynamic Source” button from Image field



Select “image” if you’d like to show a collection image from collections else select banner image and click save.

Banner Description #

Display same banner text for all collections

Go to Theme Customize -> Collections -> Default collection -> Collection Banner(Section). -> Add "Text" block.

Add text in Text field and click save.

Display different banner text for each collection

Step 1:

Go to Store Admin -> Settings -> Metafields and metaobjects -> Collections > click “Add definition,” then follow the steps as shown in the image below. 


Step 2:

To add a collection image, navigate to the collections

Go to store admin -> Click “Products” -> Collections -> Select any collection -> scroll down to the “Short Description” metafield, add text and click save.

Step 3:

Now, go to Theme Customize -> Collections -> Default collection -> Collection Banner(Section) -> Add "Text" Block -> click “dynamic Source” button from text block, select "Short Description" and click save.

Countdown Timer #

Follow below steps to add countdown with collection banner.

Step 1:

Go to Store Admin -> Settings -> Metafields and metaobjects -> Collections > click “Add definition,” then follow the steps as shown in the image below.


Step 2 : To select date and time, navigate to the collections.

Go to store admin -> Click “Products” -> Collections -> Select any collection -> scroll down to the “Countdown” metafield, select date and click save.

Step 3:

Now, go to Theme Customize -> Collections -> Default collection -> Collection Banner(Section) -> Add “Coutndown” Block -> click “dynamic Source” button from Enter Date field, select “Countdown” and click save.

Watch Video #

What are your Feelings
Table of Contents
  • Banner Images
  • Banner Description
  • Countdown Timer
  • Watch Video
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