Banner

Collection pages

Theme retirement | Context is no longer available on the Shopify theme store. Theme support and updates for current users will end after May 18, 2024. Learn more here.

In the Collection banner settings, you can customize its overall section style, along with the banner image and description. You can also choose to enable breadcrumb navigation.

Use the style settings to change the image height, define an image focal point, and add a color or gradient overlay on top of your image.

Set up banner image and text

Shopify | The Collection image is a Shopify feature. See their article Add a featured image for a collection for more information.

STEPS

In your theme editor (Customize):

1. Click the Collection banner section to open the settings.

   Note: These settings apply to all pages that use the same template. To edit specific pages, you can create new templates or insert dynamic content with metafields..

2. Choose whether or not to Show collection image.

   

   

   Collection images are a Shopify feature. See their article Add or change a featured image for a collection for more information.

3. To change the shape of your collection image, set the Collection image aspect ratio to crop your images to Square, Landscape, or Portrait.

   The default Natural setting will display the original orientation of your image.

   
4. Choose whether to Show collection description.

   The collection description is set in the Shopify admin. Go to Products > Collections to edit your collections.

5. Click Save.

---

Related links

Collections template Product grid Filters and sorting