Use a collection’s Media tab to upload and arrange collection images that will appear on your store, for example, a hero image that appears on a category landing page. You can upload JPG, PNG, and GIF files. Commerce Cloud automatically sizes your images for display on different devices, such as laptops, tablets, and mobile phones.
Note: This section describes how to upload images to individual collections. See Manage Media for Your Store for information about using the media library, including information about uploading a ZIP file of images and other types of media that are automatically assigned to products and collections in your catalog.
Once you assign images to a collection, you can tag them to specify how they are displayed on your store via the Category Content widget. For example, an image tagged with Hero is displayed as the hero image on the category landing page. For more information about the Category Content widget, see Design Your Store Layout.
To add an image to a collection:
On the Catalog page, navigate to the product to which you want to add images.
On the product’s Media tab, click Add Images and select Add New.
Select an image to upload.
You can upload only one image at a time. If you select a file with the same name as a file you already uploaded, the new file replaces the existing one.
Click Save.
To assign an image to a product from the media library:
On the Catalog page, open the product to which you want to add images.
On the product’s Media tab, click Add Images and select Media Library.
Select images to assign to the product and click Add.
For details about selecting, sorting, and searching for images in the media library, see Manage Media for Your Store.
Click Save.
To tag an image for display in the Category Content widget:
On the Catalog page, open the collection whose images you want to tag.
On the collection’s Media tab, hover over the image and click the Tag icon.
Click the Tags field and select a tag value to assign to the image.
You can select Hero, Large, Medium, Small, or Thumbnail.
You can assign the same tag to more than one image. For example, if you assign the
Herotag to several images for the same collection, the images are displayed in a carousel on the category landing page.Click the check mark icon to save your tags.
Click Save.
