Move Reviews Section under thumbnails on Product Page

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

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?

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.

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....

Do you still need help?

Yes please!