Jump to content

Moving "Additional Information" to center

Recommended Posts

Hello,

I am using a piece of code, which moves "additional Information" content to description.

My only key purpose for this was so I can have an accordion where the product description is instead of bottom of the page.

Currently looks like this:

 

image.thumb.png.a7a2fd8143c647c94c922a50c22a1854.png

 

I wish to add more content below my product pages, however, anything I add into additional information now aligns to the right, like the accordion has done, even my product reviews have shifted like so:

image.thumb.png.03b23bc724c0325139abaec2dd56d5bf.png

 

The code I am using is: 

<!-- move additional information section to description -->
<script>
  $(document).ready(function() { 
        $('section.ProductItem-additional').insertAfter('.ProductItem-details .sqs-add-to-cart-button-wrapper');
    });
</script>

 

I am happy with the result, but I just want my reviews to be centered like they were previously, and I want to add an image so it is centered with the product, not to have everything right aligned, how can I adjust this? Thank you.

Link to comment
  • Replies 1
  • Views 376
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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.