A collection banner serves as an embodiment of the product line. An eye-catching banner will contribute to the effect of interactive elements and call-to-action buttons.

In this article:

  1. How to add an image for the banner

  2. How to view the collection banner


How to add an image for the banner

STEP 1

From Shopify admin, select Products.

From Shopify admin, select Products.

STEP 2

Under Products, click on Collections.

Under Products, click on Collections.

STEP 3

Click on the Collection that you intend to edit.

Click on the Collection that you intend to edit.

STEP 4

Scroll the page down and hit the Add Image button, to insert your desired banner image.

TIP: Because the size and shape of the slideshow or header depend on the size and shape of the customer's device, your slideshow images will be cropped on some screens. Try to use images that have a focal point in the middle so that the important part of each image is always visible.

Recommended size: 3840 x 2160 px

Scroll the page down and hit the Add Image button, to insert your desired banner image.

STEP 5

Tap Save to apply changes.

Tap Save to apply changes.

How to view the collection banner

STEP 1

From the Shopify admin panel, click on Online Store.

STEP 2

Select your Debutify theme and click on Customize.

Select your Debutify theme and click on Customize.

STEP 3

Open the Collections list.

Open the Collections list.

STEP 4

Select a Collection.

Select a Collection.

STEP 5

The image is the banner or header section on the collections page.

The image is the banner or header section on the collections page.

Did this answer your question?