Hiding Custom Video Banner on all pages except HomePage

Store Design
, , ,
1

Hi,

Here’s my video code in the code editor: this code is placed in the Base.css tab.

@media screen and (max-width: 767px) {
.videoBackground .videoBox {
padding: 100px 20px 80px !important;
}
.videoBackground .fullscreen-video-wrap {
position: absolute !important;
z-index: 1 !important;
}
.videoBackground .videoBoxInfo {
padding: 10px !important;
}
}

I added a custom video banner section onto my Shopify store, Dawn Theme, but the video does not disappear when on the product pages or any page for that matter, I would only like the video banner to display on the home page like normal stores.

I would instead like once you click onto a product page or anything for the video to disappear and instead filter details display, like below. Not the exact font & buttons etc.. just the details of the page you’re only and the filter options. PLEASE HELP, I’m stuck.

IMG_5430.jpeg
IMG_5430.jpeg1284×570 54.8 KB

2

@Swilder24 Hope you are doing well.

You can use the below condition to render your video on home page only.

{% if template.name == "index" %} 
 //Your video code will be here
{% endif %}
3

Hi,

Thank you for sending, It still isn’t working for me. Is there anything else I can do or could you take a look at it for me?

4

Still stuck on this sigh… :downcast_face_with_sweat: