How can I add a clickable link to a video in the Dawn theme's Custom Liquid?

Store Design
1

Hello!

I am trying to add a clickable link to a particular collection on my Custom Liquid (which is a video)

Here is the code:

<video width=“100%” class=“” align “center” loop=“” playsinline=“” autoplay=“” muted=“” preload=“auto”>

I want to make it clickable to send them to: https://www.uniquelyclaudia.com/collections/the-resort-edit

Can someone help me figure this out?

Thank you!

1 Like
2

@UniquelyClaudia
Welcome to Shopify community.
it’s customization work, for that you have to hire a Shopify Developer,
Or you need a Developer help,

Let me know if you need any more help.
Thank you.

1 Like
3

Hi @UniquelyClaudia simply wrap the video in an anchor tag and use a liquid variable to make editing the url easier in the future

{%- assign url = "https://www.uniquelyclaudia.com/collections/the-resort-edit" -%}
{%- assign video_url = "https://cdn.shopify.com/s/files/1/0420/8263/1842/files/The_Resort_Edit_Banner.mp4?v=1649187624" -%}

Alternatively create a javascript click handler

https://stackoverflow.com/questions/40282382/html5-video-how-do-i-make-the-whole-video-clickable

1 Like
4

This is fantastic and exactly what I needed! Thank you very much PaulNewton