You can feature a category on your home page or the catalog page. The videos and collections in these categories can have custom images or video banners. For both images and videos, the recommended resolution is 1900x800pxb, yet the video should only go up to 1 minute—the shorter, the better.

This resolution size is really important since we use this handy CSS code on the video or image:

background-size: cover;

Covers make it so a single image can work across multiple screen sizes, whether it's mobiles, tablets, or huge monitors. If you use the recommended resolution, your image shouldn't be stretched, but there's a trade-off. Since we crop it, it's also super important not to put any instructional words in these banners. On smaller resolutions, there's a high chance your customer will probably see the wording cut off completely.

Navigate to Content >Videos, select the video you want to add a featured category image or video, and click Edit. Under the Appearance tab, click Upload Image or Upload Video under the Featured Category Image or Featured Category Video section, and then Save.

The process is essentially the same for collections. Navigate to Content >Videos, select the collection you want to add a featured category image or video, and click Edit. Under the Appearance tab, click Upload Image or Upload Video under the Featured Category Image or Featured Category Video section, and then Save.

NOTE: Although you can add both a featured image and a video, we recommend only choosing one of them. If you choose both, the image will only appear for a second and then be instantly replaced by the video. So it will look better if you choose to add either the image or video.

Did this answer your question?