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:
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.
To set your Featured Category Image:
Navigate to Content > Videos
Click on the video you wish to edit.
Scroll down until you see the "Thumbnails" section
Click on + Add featured category image
Click on "No Image - Click here to upload image"
You can then crop your photo as desired.
Don't forget to save your changes at the top of the page.
To set your Featured Category Video for your collections:
Navigate to Content > Collections
Select the collection you want to add a featured category image or video, and click Edit.
Under the Appearance tab, click Upload Image or Choose Video under the Featured Category Image or Featured Category Video section, and then Save.
Ordering your featured content
You can set the order you're looking for by going to your Featured Category and sorting the content from top to bottom. The top item would be the first item featured on the page load.
Steps to sort your content
Content > Organize
Select the Category
Click on Sort Content
Organize the content from top to bottom. The top is the first item displayed and the bottom is the last.