Videos and images in sections

Unlike many other themes Taiga supports the use of videos in various places. You can choose to use video content instead of a static image in the following sections:

Image or video blocks

Commonly the media blocks in the theme are referred as: Image or video. In such a block you can select the media type: Image, Video, External video, Mixed media.

Mobile and desktop settings

In some blocks and sections you also have the ability to have different media for mobile and desktop. Desktop media is the default mandatory media. It is also used for mobile if you choose to leave the mobile media empty.

By using the mobile media it is easier to mach the media aspect ratio to device aspect ratio. For example in a Hero banner section the mobile media is usually in a portrait orientation and in desktop in landscape orientation.

Video Tips

  • Use short videos (up to 10 seconds)
  • Use relatively low bitrate to reduce file size
  • Use Shopify CDN for video if possible

General about Videos in Taiga

Taiga supports two different ways to add videos: Shopify-hosted videos and external videos from YouTube or Vimeo.

Shopify-hosted video (recommended)

Shopify-hosted videos are uploaded directly to your Shopify store through Shopify Admin → Content → Files and selected in the Theme Editor. These videos are served through Shopify’s CDN for reliable performance and compatibility.

External video

External videos are added by pasting a YouTube or Vimeo URL into the Theme Editor. These videos are displayed using the video platform’s embedded player.

Available video settings

Depending on the section, you may see some or all of the following settings:

Video source: Choose between Shopify-hosted video and External video (YouTube/Vimeo).
Controls: Enable or disable standard video player controls.
Autoplay: Automatically starts video playback. Videos with autoplay enabled are muted automatically.
Aspect ratio: Define the shape of external videos, typically using a 16:9 ratio.
Mobile and desktop videos: Some sections allow separate videos for mobile and desktop devices.

Important behavior details

  • When video controls are disabled, autoplay is enabled automatically for both Shopify-hosted and external videos.
  • Videos with autoplay enabled are always muted to ensure consistent browser support.
  • When separate Shopify-hosted videos are used for desktop and mobile, the theme automatically switches between them based on screen size. In this setup, videos behave as autoplay videos and playback controls are not supported.
  • For better performance, Shopify-hosted videos pause automatically when they move out of view. Autoplay videos resume automatically when they become visible again.

Image recommendations

Images in the theme is optimized with the theme code. Still it is good to mach the image aspect ratio close to the shown aspect ratio in the store. This way you can reduce bandwith needed for the images and make the site faster.

Using SVGs

Vector graphics are supported in the Header as a logo and in the Banner grid section with the text banner.