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 add both a Featured Image and a Featured Video, the image will only appear for a moment as a placeholder while the Featured Video loads. If you add only a Featured Video, the Catalog Image will be used as the placeholder.