Jump to content

Move Reviews section bellow add to card (product description)

Go to solution Solved by tuanphan,

Recommended Posts

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
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 -  LinkedInLinkedIn | WhatsApp | Email 

-- Set up a free discovery meeting 

-- I'm available for hire on Upwork.

Link to comment

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 by Bilash
Updated grammar

🙋‍♂️ Taifuzzaman Bilash -  LinkedInLinkedIn | WhatsApp | Email 

-- Set up a free discovery meeting 

-- I'm available for hire on Upwork.

Link to comment

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 by Bilash
Added code block

🙋‍♂️ Taifuzzaman Bilash -  LinkedInLinkedIn | WhatsApp | Email 

-- Set up a free discovery meeting 

-- I'm available for hire on Upwork.

Link to comment
  • Solution

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
  • 6 months later...
On 7/8/2024 at 9:32 PM, entrepreneuress said:

Hi I'm wondering if there's a fix to two issues here: http://www.bloomco.health/shop

I've implemented this code however it takes time to load, and also moves my product image too far down the page. Wondering if anyone has any solutions for this? 

Thanks!

I don't see Reviews section. Can you share link to exact a product with reviews? We can check easier.

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.