How can I add videos to a multirow section?

[theprovision]

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

[Hey_Jak]

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.

[theprovision]

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.

[Hey_Jak]

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.

[theprovision]

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

[theprovision]

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

[Hey_Jak]

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:)

[theprovision]

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

[Hey_Jak]

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

[matveievsigneev]

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. 

[Hey_Jak]

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

[Hey_Jak]

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

[pnut78]

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

[Hey_Jak]

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

[pnut78]

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. 

[Hey_Jak]

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

[pnut78]

The important screenshot is not visible:

[pnut78]

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

[pnut78]

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.

 

[pnut78]

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!

[Hey_Jak]

Could you share the URL where this code was applied?

[pnut78]

Of course, and thank you for the help!  http://berootedin.com/get-started is the page that I needed your multirow code for video to display a tutorial. Thank you in advance for any assistance you can provide on me being able to change the size of the video!