[Share] Add a video banner on top of product detail

If you want to add a video banner on top of product detail page, like this.

You can use these code.

If it doesn't work on your site, you can send link to a product, I can check easier.

#1. First, edit Site Footer > Add a Section > Design layout what you want

Here is an example, I will add some info to this section.

and suppose this is the second section in the Footer

#2. Use this code to Custom CSS box

footer.sections section:nth-child(2) {
  display: none;
}

#3. Edit product where you want video banner appears > Edit Additional Info > Add a Code Block > Paste the code

If you want to add this for all products, you can use code to Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
  jQuery(document).ready(function($){
  $('footer.sections section:nth-child(2)').insertBefore('body[class*="type-products"].view-item article>section:first-child');
})
</script>

Result