How can I make my website's video banners clickable?

Store Design
,
1

Hello!

I use VIDEO for my website banners.

The videos are not currently clickable. How do I make the clickable to redirect to a link?

Additionally, why can I not upload a different video for the phone banner than for the desktop view?

Thank you!

A

2

Hi Send us store url will try to check as possible

best regard

3

Hi @armussett ,

To make the videos clickable and add different videos for mobile you need to customize the video liquid file

4

https://byfreer.com/

5

Hi @armussett

Add this code in Asset->theme.js file at bottom

document.querySelector('#shopify-section-template--15053202227260__double .brick__block').onclick = function () {
        location.href = "https://byfreer.com/pages/melbourne-trunk-show";
    };

Note: you can change link here in "location.href’ if want

6

Hey, tried this & it isn’t working… can only seem to use one video file for both phone & desktop banners…

7

This code is to make the video clickable and redirect to the link and it’s working fine with the given code.

you changed the redirect link to a video link that means when you click on video anywhere it will open that video in browse. keep my given code or change url to any page url where you want to redirect

and if want to show different video in mobile and desktop then need to custom code for all you have to hire someone may be,

Best regard

8

Sorry Jasoliya,

I realise now that that solution definitely works for redirecting to the page.

Will follow hire help for the formatting issues.

Thank you,

A