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
  • Replies 12
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

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

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.