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

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

   

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.

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

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

   

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.
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.

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

   

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.
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.