How can I make my video banner clickable on my website?

Store Design
,
1

Hello everyone!
My shop is: thefreshjuicefactory.com

I would love to make my whole video banner clickable and linked directly to my product. Down below is a photo of my large video banner.

Hope someone can help me! Thanks in advance!

/Anders

Skärmavbild 2023-04-27 kl. 11.51.21.png
Skärmavbild 2023-04-27 kl. 11.51.21.png2880×1800 679 KB

I posted this question a couple days ago and got an answer. I just need som help understanding how to use the answer, where do I put the code? I don´t know how to make a setting scheme.

This was the answer:

this is an example

 {% unless block.settings.slide_link == blank %}
                        <a href="{{ block.settings.slide_link }}" class="carousel-item-link"> 
                    {% endunless %}

and then create the setting schema for this

2

Hi @Anders97

Add this code to do fast solution

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

document.querySelector('.fullscreen-video-wrap').onclick = function () {
        location.href = "https://thefreshjuicefactory.com/products/fresh-juice";
    };
3

Does this work on all themes? I’m using sense and followed you instructions above, and replaced the URL with mine, refreshed my page and cleared my cache and cookies but the video banner is still not clickable. Any ideas?

Thanks in advance,

Rene’

Video banner: https://www.pureandcoco.com