How can I add videos to a multirow section?

Hi

I want to add videos too to the multirow section but am unable to do so. Currently multirow only allows to add images. Can anyone suggest how can I do it? Does I need to edit the code?

Please respond quickly

It’s possible that you can add a video in mutlirow section via liquid. Why not use a gif, it will work as a video and you can upload via image.

Ya i could try that. But I have one more issue. Whenever I edit anything on the product page it gets copied to every other product page. For example lets say that there are 2 flowers that im selling rose and lavendar. When I edit and add additional images in multirow on rose page it gets automatically copied to the lavendar one and if I change it then it gets changed on both.

Ya I tried to add as a gif but it breaks the video quality

This is something like i want Bose QuietComfort Earbuds II | Bose (boseapac.com) see the multi row section. I want to add like that both photo and video alternatively

Yeah, it’s possible fo sure. If you are using dawn then image is already there, just need to add video as an alternative. I can help you out with that:)

Do we need to create so many templates for each product or is their any other way

No, Everything is there, We need to write schema for video beside image. That’s it.

I hope you will find this blog helpful:
https://jabwebsolution.com/adding-a-video-in-the-multirow-or-multicolumn-section-shopify/

Because product page is a template it’s not page. You can use metafiled if you want your content to be changed for each product.

Jak, I made a canva video into a giphy, then proceeded to download it in all different resolutions and file sizes. Didnt work. Wondering if you help out. Its for a multi-row.

Please reach out, we will help you with it: https://jabwebsolution.com/connecting/

HI! The images on the site you referenced are dead or blocked for FL, USA. Can you update?

Here is a quick guide that you can follow. Hope it helps:

Thank you but I’ve watched the video and that is for multicolumn and multirow is slightly different and guessing where to put it has not yielded a good result. The site that is referenced does not show the images, so I don’t know where in the multirow code to put the video display code.

Please follow this blog post as well: https://shopifytheme.blog/adding-a-video-in-the-multirow-or-multicolumn-section-shopify/

1 Like

The important screenshot is not visible:

The image placeholder keeps showing if I put the video display code after the “end if” code for that section

Here is where I put the code. You can see the video controls and hear the audio, however the shirt placeholder image shows. Please let me know what I am doing wrong.

Your site has been updated and I can view the screenshots!!!

THANK YOU!

Now I was wondering how I make the videos smaller. I’m using vertical orientation videos, like TikTok. Right now, they are taking up most the screen.

Thank you again!