Jump to content

Restructure Product Page

Recommended Posts

Site URL: https://www.mdrtraininguk.com/shop/p/hgvclassroom


Im wondering if it is possible to restructure the product page. At the moment, I use the "simple" layout which is:

Purchase button
Additional info

With images on the right.

I would like to structure the page in the following way

Additional info
Purchase button

The reason is that the additional info section can be designed, with sections the same as a standard page. The product description section is just text only.

I hope that makes sense. If there are any coding wizards with a solution, I'd really like to hear it 🙂



Link to comment
  • Replies 5
  • Views 674
  • Created
  • Last Reply

Top Posters In This Topic

On 2/18/2022 at 8:26 PM, RichD said:

@tuanphan would you be able to help me with the code please.. I have absolutely no idea about CSS🙂

Sorry for the delay. Add this to Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  $(document).ready(function() { 
  section.ProductItem-additional {
    margin-top: 0px !important;


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.