[Share] Custom Footer on Video Detail Page

This will require a custom plugin.

If code doesn't work, you can send link to a video detail page + exact code you added, I will check easier.

To create a custom Footer on Video Detail Page, you can follow these.

#1. Create a Page in Not Linked.

Use Name/URL: Custom Video Footer - /custom-video-footer

#2. Next, design the page. Here I use a simple design.

#3. Install this plugin.

https://www.will-myers.com/products/p/section-loader-supreme

You can use code: TUAN to get 10% discount.

Plugin will give you some code to Code Injection Header/Footer

#4. Hover on Video Page > Click Gear icon

#5. Click Advanced > Page Header Code Injection

#6. Insert this code

<div data-wm-plugin="load" data-target="/custom-video-footer"></div>

#7. Use this code to Code Injection > Footer, under plugin code

#8. Use this code to Custom CSS box

[data-target="/custom-video-footer"] {
  display: none;
}
body:has(article.lesson-item) [data-target="/custom-video-footer"] {
  display: block;
}

#9. Result

To hide current Footer on Video Detail Page, use this to Custom CSS box

body:has(article.lesson-item) footer.sections {
	display: none;
}