Skip to the article

Add a cover image

Give a collection the picture that stands for it wherever it is offered, and replace or remove it later.

A collection's cover is the picture that stands for it in a grid of collections, so it is doing the same job as a shop sign. One image per collection, set from the collection itself.

The Cover image control on a collection: an empty image placeholder beside an Upload button, with the note Square image works best. PNG, JPG, or WebP up to 5MB. Shown on the storefront Top Categories tiles and the collection page.
One cover per collection, with the rules it has to meet written beside it.

Upload a cover

  1. Go to Collections and open the collection.

  2. Find Cover image and select Upload.

  3. Choose the file. It appears in place once it has uploaded.

Replace or remove one

Select Replace to swap the picture for another. The delete control removes it, and Storefront asks you to confirm first, because a collection without a cover falls back to a plain card wherever it is shown.

Was this document helpful?