Buy me a coffee

Adding section to one product page not all product pages

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"]

Adding Section To One Product Page Not All Product Pages 01 Min

#2. Find the ID of the Product. Use #1 tool.

In my example, it is:

  • #item-667f8bab720ee26389417868

Adding Section To One Product Page Not All Product Pages 02 Min

#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;
}

Adding Section To One Product Page Not All Product Pages 03 Min

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>

Adding Section To One Product Page Not All Product Pages 04 Min