Jump to content

How to move additional product information block under add to cart button?

Recommended Posts

  • 3 weeks later...
  • 1 month later...
On 3/29/2023 at 5:38 AM, Claire_auck said:

Hi @tuanphan 

I am looking to do the same thing, are you able to help me? 

https://shockwatch.squarespace.com/shop/p/easy-cut-6000-safety-cutter
pa33word

Thank you so much!
Claire.

 

Move this?

image.thumb.png.62c2f0a3aa1d8a98d01f209bd384ee8d.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 4/3/2023 at 3:17 AM, Claire_auck said:

Yes, that's right @tuanphan.
Thanks so much
Claire.

 

Add to Last Line in Code Injection > Footer

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.