How to add squarepaste product accordion

Site URL: https://www.mliuheart.com

Having trouble adding a product accordion from squarepaste. There is an error when I try to add it to my product page. Syntax line 1. Code below - Thanks

Code says syntax line error 1 - Using theme Tresiore


<style type="text/css">
/* Squarepaste Product Accordion © */
.ProductItem-details .ProductItem-details-excerpt p {text-align:left;}
.ProductItem-additional h2, .ProductItem-details .ProductItem-details-excerpt h2 {cursor: pointer;border-bottom: solid 1px #000000;text-transform: uppercase;letter-spacing: 0px;font-size: 14px;line-height: 28px;margin: 0px;text-align:left;}
.ProductItem-additional h2:before, .ProductItem-details .ProductItem-details-excerpt h2:before {content: "+";float: right;font-size: inherit;line-height: inherit;opacity: 0.5;font-weight: 400;}
.ProductItem-additional h2.activedrop:before, .ProductItem-details .ProductItem-details-excerpt h2.activedrop:before {content: "-" !important;float: right;font-size: inherit;line-height: inherit;opacity: 0.5;font-weight: 400;}</style>

<!-- Squarepaste Product Accordion © -->
<script src="https://drive.google.com/uc?export=view&id=1iBS8Jg9Ty5bjY_5QllDLxcNH0EkcrJto"></script>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', ProductAccordion);
window.addEventListener('mercury:load', ProductAccordion);
function ProductAccordion(){
var _0x3aee=['css','slideToggle','.ProductItem-additional h3, .ProductItem-details-excerpt\x20h3','click','none','nextUntil','activedrop','display','.ProductItem-additional h2, .ProductItem-details-excerpt\x20h2'];(function(_0x473589,_0x3aee8d){var _0x3d5851=function(_0x4cb51b){while(--_0x4cb51b){_0x473589['push'](_0x473589['shift']());}};_0x3d5851(++_0x3aee8d);}(_0x3aee,0x76));var _0x3d58=function(_0x473589,_0x3aee8d){_0x473589=_0x473589-0x0;var _0x3d5851=_0x3aee[_0x473589];return _0x3d5851;};$('.ProductItem-additional h2, .ProductItem-details-excerpt\x20h2')[_0x3d58('0x4')](_0x3d58('0x1'))[_0x3d58('0x0')]()[_0x3d58('0x8')](_0x3d58('0x6'),_0x3d58('0x3'));$('.ProductItem-additional h3, .ProductItem-details-excerpt\x20h3')[_0x3d58('0x8')](_0x3d58('0x6'),_0x3d58('0x3'));$(_0x3d58('0x7'))[_0x3d58('0x2')](function(){$(this)[_0x3d58('0x4')]('.ProductItem-additional h3, .ProductItem-details-excerpt\x20h3')[_0x3d58('0x0')]();});$(_0x3d58('0x7'))[_0x3d58('0x2')](function(){$(this)['toggleClass'](_0x3d58('0x5'));});}
</script>

Did you add to Design > Custom CSS?

You try adding to Home >Settings > Advanced > Code Injection > Header

Thanks Man, All sorted!

Would you potentially be able to help me with my carousel question on my profile? Thanks Man!

1 hour ago, Muffet24 said:

Thanks Man, All sorted!

 

Would you potentially be able to help me with my carousel question on my profile? Thanks Man!

What problem with carousel?