Excluding current store product from the summary block

I have a summary block displayed on every store product page. Is it possible to exclude the current product from the summary block?

I've found this code that works for blog posts, but doesn't seem to work for store products. Any help would be appreciated.

Website URL: steven.squarespace.com/clients/p/blackfoot-hospitality

Thank you

Just checking to see if anyone knows of a solution.

Try this CSS code

.ProductItem .ProductItem-additional .summary-item:first-child {
    display: none;
}
.ProductItem .ProductItem-additional .summary-item {
    clear: none !important;
}

15 hours ago, tuanphan said:

Try this CSS code

.ProductItem .ProductItem-additional .summary-item:first-child {
    display: none;
}
.ProductItem .ProductItem-additional .summary-item {
    clear: none !important;
}

 

Hi Tuan, unfortunately, this code only works if the excluded item is first-child. But it's not always the case in my store. Sometimes the excluded item is first, other times it's 2nd, or 3rd, or last. Is there a JS code that would automatically exclude the current product no matter its position in the summary block?