Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Move additional product info to under product description - center align


amararajie

Question

Site URL: https://souqluxury.co.za/

Hi all,

I have used the following code injected into my page header to take the additional info box and place it under my product description instead of at the bottom under the images.  For some reason my add to cart button will not center align and it is slightly off and I would like the social icons to move under the size chart button. Is this possible ?

 

Password : kimsedgwick

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
  window.Squarespace.onInitialize(Y, function(){  
  $('section.ProductItem-additional').appendTo('.ProductItem-details-share');
});
</script>

Screenshot 2020-12-03 at 00.13.56.png

Edited by amararajie
Link to post
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Posts

Site URL: https://souqluxury.co.za/ Hi all, I have used the following code injected into my page header to take the additional info box and place it under my product description instead of at t

Thank you ! thank you !

Posted Images

3 answers to this question

Recommended Posts

  • 0
4 hours ago, amararajie said:

Site URL: https://souqluxury.co.za/

Hi all,

I have used the following code injected into my page header to take the additional info box and place it under my product description instead of at the bottom under the images.  For some reason my add to cart button will not center align and it is slightly off and I would like the social icons to move under the size chart button. Is this possible ?

 

Password : kimsedgwick


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
  window.Squarespace.onInitialize(Y, function(){  
  $('section.ProductItem-additional').appendTo('.ProductItem-details-share');
});
</script>

Screenshot 2020-12-03 at 00.13.56.png

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
  window.Squarespace.onInitialize(Y, function(){  
     $('section.ProductItem-additional').appendTo('.ProductItem-details-share');
     $('.Share.sqs-share-buttons').appendTo('.ProductItem-additional');
});
</script>

kindly update your script and add this snippet in custom css

.shopify-buy-frame--product {
  max-width: initial !important;
}

 

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement, Enable Pinch/Zoom on lightboxGeolocation Automatic Currency Converter, Sortable Table from GSheet
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to post
  • 0

image.thumb.png.bef3f2a1d43dfa6ca73224556785d3ca.png

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement, Enable Pinch/Zoom on lightboxGeolocation Automatic Currency Converter, Sortable Table from GSheet
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...