Collection image

A collection image represents your collection and is visible from various areas of your store, such as the collection page, the predictive search, or the collection list page.

Uploading a collection image

To upload a collection image, open Shopify admin and click on "Collections":

Select the collection for which you want to change the image, and upload an image in the "Image" box:

Shopify does not currently support uploading a different image for mobile and desktop. The same image is re-used and might be cropped depending on the available space.

Customizing the banner appearance

By default, the theme will re-use the collection image to create a full-page banner on collection pages. You can control which information or override the image to show in the theme editor.

1/ Open the theme editor.

2/ In the page selector, click on "Collections" then "Default collection":

3/ Click on the "Collection banner" section to show all the settings:

Guidelines

Do

  • Use a landscape format (we recommended 2400 x 900px, in JPG format).
  • Make the focal point (the most essential element of your image) around the middle of the image.

Don't

  • Don't add text on top of a collection image, as this text won't be visible to search engines and might be cut based on the available screen space. Instead, use the collection description to add text.
  • Choose an image representing the collection, and avoid images being too abstract, as this may confuse buyers.