Cristina_VersoVisual Posted December 8, 2023 Share Posted December 8, 2023 Hello, I would like to move the Review section under "add to cart" on the right side (product description). Can anyone help me? 🙂 I already use this code for the additional info but it doesn't work for the reviews section: LINK:https://www.fratihome.com/collezione/p/lana-cotta-armonia-azzurra <script> jQuery(document).ready(function($){ $('section.ProductItem-additional').insertAfter('.ProductItem-details .sqs-add-to-cart-button-wrapper'); }) </script> <style> section.ProductItem-additional { order: 6; } </style> Thank you very much Link to comment
Bilash Posted December 8, 2023 Share Posted December 8, 2023 You're quite close. Here's the jQuery code with updated selector: jQuery(document).ready(function($){ $('section.reviewsSection').insertAfter('.ProductItem-details .sqs-add-to-cart-button-wrapper'); }) The result: 🙋♂️ Taifuzzaman Bilash - LinkedIn | WhatsApp | Email -- Set up a free discovery meeting -- I'm available for hire on Upwork. Link to comment
Cristina_VersoVisual Posted December 8, 2023 Author Share Posted December 8, 2023 Hi Bilash, i tried the code like this (picture) but it doesn't work, can you help me? Thank you Link to comment
Bilash Posted December 8, 2023 Share Posted December 8, 2023 Hi @Cristina_VersoVisual, Please remove these lines. You've a syntax error here. Please let me know if it works after that. 🙋♂️ Taifuzzaman Bilash - LinkedIn | WhatsApp | Email -- Set up a free discovery meeting -- I'm available for hire on Upwork. Link to comment
Cristina_VersoVisual Posted December 8, 2023 Author Share Posted December 8, 2023 Hi @Bilash thank you again, I need this code to have also the additional info on the right. Can I have them both? Thank you Link to comment
Bilash Posted December 8, 2023 Share Posted December 8, 2023 5 minutes ago, Cristina_VersoVisual said: Hi @Bilash thank you again, I need this code to have also the additional info on the right. Can I have them both? Thank you In that case, here is the corrected version for that block: <script> jQuery(document).ready(function($) { $('section.ProductItem-additional').insertAfter('.ProductItem-details .sqs-add-to-cart-button-wrapper'); }); </script> Please let me know if you need further help. 🙋♂️ Taifuzzaman Bilash - LinkedIn | WhatsApp | Email -- Set up a free discovery meeting -- I'm available for hire on Upwork. Link to comment
Cristina_VersoVisual Posted December 8, 2023 Author Share Posted December 8, 2023 Hi @Bilash I tried but unfortunately it works only with the additional info and not include the reviews 😞 Link to comment
Bilash Posted December 8, 2023 Share Posted December 8, 2023 (edited) Hi @Cristina_VersoVisual Unfortunately, you've removed the code block I sent you. You were supposed to include both of them. I just corrected the previous faulty code that you had initially. Edited December 8, 2023 by Bilash Updated grammar 🙋♂️ Taifuzzaman Bilash - LinkedIn | WhatsApp | Email -- Set up a free discovery meeting -- I'm available for hire on Upwork. Link to comment
Bilash Posted December 8, 2023 Share Posted December 8, 2023 (edited) Hi @Cristina_VersoVisual Here is the full replacement for the Footer code injection (the image you shared for line 1-18) : <script> jQuery(document).ready(function ($) { $('section.ProductItem-additional').insertAfter( '.ProductItem-details .sqs-add-to-cart-button-wrapper' ); $('section.reviewsSection').insertAfter( '.ProductItem-details .sqs-add-to-cart-button-wrapper' ); }); </script> <style> section.ProductItem-additional { order: 6; } </style> Edited December 8, 2023 by Bilash Added code block 🙋♂️ Taifuzzaman Bilash - LinkedIn | WhatsApp | Email -- Set up a free discovery meeting -- I'm available for hire on Upwork. Link to comment
Cristina_VersoVisual Posted December 8, 2023 Author Share Posted December 8, 2023 @Bilash tried even with thi one but nothing change, here is the screen with also the header code: Link to comment
Bilash Posted December 9, 2023 Share Posted December 9, 2023 Hi @Cristina_VersoVisual I think this needs further investigation with your website and code injection. 🙋♂️ Taifuzzaman Bilash - LinkedIn | WhatsApp | Email -- Set up a free discovery meeting -- I'm available for hire on Upwork. Link to comment
Solution tuanphan Posted December 11, 2023 Solution Share Posted December 11, 2023 Try this code to Code Injection > Footer <script> $(document).ready(function(){ setTimeout(function(){ $('section[class*="reviewsSection"]').insertAfter('div.sqs-add-to-cart-button-wrapper'); }, 3000); }); </script> will take 3-4 seconds to code load Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Cristina_VersoVisual Posted December 11, 2023 Author Share Posted December 11, 2023 Hello @tuanphan, I add the code and it worked perfectly, thank you very much!!!!! 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