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>
