Option 1. Use Footer
#1. First, add a Section to the Footer.
Next, find the ID of the Section. You can use below tool.
In my example, it is:
section[data-section-id="66b2f38aeba08e7a2aca632a"]
#2. Find the ID of the Product. Use #1 tool.
In my example, it is:
- #item-667f8bab720ee26389417868
#3. Use this code to Custom CSS to hide this section on All Pages (except above product)
body:not(#item-667f8bab720ee26389417868) section[data-section-id="66b2f38aeba08e7a2aca632a"] { display: none !important; }
Done.
#4. In case, you want to move this section above Additional Info, you can use this code to Code Injection > Footer (code will move section from Footer above Additional Info)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function(){ $('section[data-section-id="66b2f38aeba08e7a2aca632a"]').insertBefore('#item-667f8bab720ee26389417868 .ProductItem-additional'); }); </script>