TomLeMesurier4567 Posted March 16 Share Posted March 16 Hi all. I see this topic has been discussed a few times but I can't see a solution that fits. I wonder is anyone can help? I have a social share tool (AddThis) embedded via a code block in the additional information section of a product page. I've used Json to move this into the product description, but I cannot place it where I want it to be. Here is a screenshot of what I am trying to achieve and the code I have used within Code Injection -> Footer. <!--- Moving Social Share Icons into description --------------> <script> $(document).ready(function() { $('section.ProductItem-additional').insertAfter('.ProductItem-details-excerpt'); }); </script> URL - https://fiona-mcdonald.squarespace.com/collections/p/claude-bench Password - fiona If anyone knows the correct class to place it after, or reference to information, I would be hugely grateful. Thanks in advance Tom Link to comment
Ziggy Posted March 16 Share Posted March 16 Try this: <!--- Moving Social Share Icons into description --------------><script> $(document).ready(function() { $('section.ProductItem-additional').insertAfter('.ProductItem-details-checkout'); });</script> Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) ✨ Spark Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
TomLeMesurier4567 Posted March 16 Author Share Posted March 16 (edited) @Ziggy Thank you for your comment. No joy unfortunately. It moves it above the title. I do also have a product enquiry form plugin that i am using to replace the 'add to cart'. FYI incase that code may be conflicting with this?? Thanks again Edited March 16 by TomLeMesurier4567 Link to comment
Solution tuanphan Posted March 19 Solution Share Posted March 19 Use this <!--- Moving Social Share Icons into description --------------> <script> $(document).ready(function() { $('section.ProductItem-additional').insertAfter('.sqs-add-to-cart-button-wrapper>div'); }); </script> <style> .sqs-add-to-cart-button-wrapper:not([class*="sf"]) { display: block !important; order: 5 !important; } .sqs-add-to-cart-button-wrapper:not([class*="sf"]) .sqs-add-to-cart-button { display: none !important; } </style> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
TomLeMesurier4567 Posted March 20 Author Share Posted March 20 @tuanphan Thank you so much! That worked a treat 🙂 tuanphan 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment