Nikitaly Posted February 23, 2023 Posted February 23, 2023 Hi, I am trying to move the Reviews Section underneath the thumbnails in the right hand column. The following code works as long as I don't use the product additional info. If I use additional info it is put under the thumbnails and before the reviews. <script> if (window.matchMedia("(min-width: 640px)").matches) { window.Squarespace.onInitialize(Y, function(){ $('section.ProductItem-additional').appendTo('.ProductItem-gallery-thumbnails'); }); window.Squarespace.onInitialize(Y, function(){ $('section.sqs-add-to-cart-button-wrapper').appendTo('.ProductItem-additional'); }); } </script> I have tried the following: <script> if (window.matchMedia("(min-width: 640px)").matches) { window.Squarespace.onInitialize(Y, function(){ $('section.reviewsSection').appendTo('.ProductItem-gallery-thumbnails'); }); window.Squarespace.onInitialize(Y, function(){ $('section.sqs-add-to-cart-button-wrapper').appendTo('.ProductItem-additional'); }); } </script> This appears to work for a second but then just puts the reviews section at the bottom of the page again. I cannot figure this out. Can anyone help please? https://www.rebelrebel.co.uk/order-online/crazy-in-love pw: 1mageproblem
Beyondspace Posted February 23, 2023 Posted February 23, 2023 2 hours ago, Nikitaly said: Hi, I am trying to move the Reviews Section underneath the thumbnails in the right hand column. The following code works as long as I don't use the product additional info. If I use additional info it is put under the thumbnails and before the reviews. <script> if (window.matchMedia("(min-width: 640px)").matches) { window.Squarespace.onInitialize(Y, function(){ $('section.ProductItem-additional').appendTo('.ProductItem-gallery-thumbnails'); }); window.Squarespace.onInitialize(Y, function(){ $('section.sqs-add-to-cart-button-wrapper').appendTo('.ProductItem-additional'); }); } </script> I have tried the following: <script> if (window.matchMedia("(min-width: 640px)").matches) { window.Squarespace.onInitialize(Y, function(){ $('section.reviewsSection').appendTo('.ProductItem-gallery-thumbnails'); }); window.Squarespace.onInitialize(Y, function(){ $('section.sqs-add-to-cart-button-wrapper').appendTo('.ProductItem-additional'); }); } </script> This appears to work for a second but then just puts the reviews section at the bottom of the page again. I cannot figure this out. Can anyone help please? https://www.rebelrebel.co.uk/order-online/crazy-in-love pw: 1mageproblem It looks fine on my end Have you figured it out? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> 🤖 Ask me anything
Nikitaly Posted February 23, 2023 Author Posted February 23, 2023 No! aargh. The .ProductItem-additional section and the reviewsSection section keep sticking together. Can't seem to move one without the other going with it. Just can't figure it out.
Nikitaly Posted February 23, 2023 Author Posted February 23, 2023 The reason the figure above looks OK is because I've left the 'additional info' section for the product blank. I want to use the 'additional info' but for that to display after the main details (excerpt) as normal....
tuanphan Posted February 26, 2023 Posted February 26, 2023 Do you still need help? 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!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment