We Build Shopify Apps

Montreal-based Shopify experts cooking some Shopify apps.

Shopify Konversion Theme - Add a video instead of an image in the product page's main images slideshow


We want to display our video intro in all the product pages right before the main image shows up.

The video link is:  https://youtu.be/DGGouJ4F_kU

Sample product page:  https://www.fadstop.com/products/2018-best-selling-adorable-talking-hamster

How can we do that?


Hi, one way to do it is to add the video link inside the ALT of the product image. This will replace the main product image and play a video. Here's an example: 



You need to use the youtube.com EMBED video script, for example:

<iframe width="560" height="315" src=" https://www.youtube.com/embed/k5X93J4Z384 " frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

You can make the width/height bigger if needed. You can even make it auto-play when the page load.

Here's an example of a larger video that auto-plays using the following embed code:

<iframe width="100%" height="400" src=" https://www.youtube.com/embed/k5X93J4Z384?&autoplay=1 " frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Get In Touch

Tabarnapp's mission is to help you get the most of each visit on your Shopify store.

E: support@tabarnapp.com