

For 3D models, we're using Google’s model-viewer component to render your clients’ products as interactive 3D images. Alternatively, your clients can link to a YouTube video URL that can be displayed as an embedded iFrame on the product page. When product videos are uploaded directly to Shopify, our servers will render them using the default HTML5 video player. glb files for 3D models through the product section of the Shopify admin. Now, instead of just accepting image files, your client can upload. Media for merchantsįor your clients, the process of uploading videos or 3D models to their products is the exact same as how they previously associated images with products. We'll also unpack some of the considerations you should be aware of when laying out these elements on a page. In this article, we'll explore the new Liquid variables and filters that allow video and 3D model rendering, as well as taking a practical look at how product media can be implemented in a theme. This makes product media a valuable customization you can offer to clients to improve the visual appearance of their product pages, and it’s a useful feature you can add to your custom themes as well. This new feature allows merchants to showcase products in new and exciting ways, whether it's displaying a video of how the product is used, or enabling 3D models to give buyers a more authentic view of a product. These enhancements are available for use on all Shopify stores, and you can start implementing product media on your client's storefront or custom themes today.

With the recent addition of media filters and attributes for Liquid, Shopify has expanded its support for product pages to display product videos and 3D models. Visuals play a key role in the process of storytelling and engaging with buyers, and you can now take this to the next level using product media. Product pages may be the most important touchpoint of your clients’ stores, especially when it comes to communicating the value of their products. To learn more about how to build with Online Store 2.0, visit our updated documentation. While the information in the following article is still correct, it doesn't account for Online Store 2.0 best practices, and may not include references to recent features or functionality. Online Store 2.0 is an end-to-end overhaul of how themes are built at Shopify, launched June 2021.
