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

Hello experts,

Are there any ways to move the product additional information block under the add to cart button? Any help would be much appreciated!! 

Hi,

Can you share link to this product? We can check easier

Hi Tuanphan,

Thanks I have solved this already!!

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.

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?

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

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>

@tuanphan this works a treat, thank you!!!!! I doubt this is possible, but is there a way to move the additional information closer to the add to cart button. If we can't do that we can live with it. 

Add this code under

<style>
  section.ProductItem-additional {
    margin-top: 0px !important;
}
</style>

Hello I need help. I been trying to do the same thing.

1. how to move additional product information block under add to cart button. 

2. have it fixed while scrolling down (just like add too cart and other details are fixed while scrolling) 

Thank you in Advance 

On 9/1/2023 at 2:59 PM, Meghna said:

Hello I need help. I been trying to do the same thing.

1. how to move additional product information block under add to cart button. 

2. have it fixed while scrolling down (just like add too cart and other details are fixed while scrolling) 

Thank you in Advance 

Have you tried above code yet? If it doesn't work, can you share link to 1 product on your site?

Hello Thank you for your response. Yes did try the Code. It didn't work. It stays at the bottom of the page. 

1. I would like it to be fixed like rest of the details on the page.

2. The layout of drop down (more info blocks like details, material and delivery) as Jacquemus below from another website https://www.jacquemus.com/en_fr/le-pantalon-ficelle/233PA064-1069-110.html?cgid=New_In_women_rtw

Link to website I am working on 

https://leopard-tomato-dja8.squarespace.com/

password09

22 hours ago, Meghna said:

Hello Thank you for your response. Yes did try the Code. It didn't work. It stays at the bottom of the page. 

1. I would like it to be fixed like rest of the details on the page.

2. The layout of drop down (more info blocks like details, material and delivery) as Jacquemus below from another website https://www.jacquemus.com/en_fr/le-pantalon-ficelle/233PA064-1069-110.html?cgid=New_In_women_rtw

Link to website I am working on 

https://leopard-tomato-dja8.squarespace.com/

password09

Can you share link to an exact product where you use accordion? We can check code easier

I can't find accordion on your site

Hi 

here is the link to the product

https://leopard-tomato-dja8.squarespace.com/shop/p/green-ruched-gown-hjnwj-k8eds

password09

On 9/4/2023 at 4:09 PM, Meghna said:

Hi 

here is the link to the product

https://leopard-tomato-dja8.squarespace.com/shop/p/green-ruched-gown-hjnwj-k8eds

password09

You missing a jQuery library, so the above code didn't work. Don't remove any code in your current code. Add this to top of Code Injection > Header

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>

It worked 🙂 thank you so much.   

@tuanphan sorry to bother, but I have done the same thing and it has worked.

my next question is how do I change the sizes? (length of items?


I saw this store (https://www.iloveugly.co.nz/collections/black-friday-collection-2023/products/ripstop-shirt-off-white) 
and was wondering if its possible to have the same sized items. (see screenshot 2)

I have looked everywhere and can't figure it out.

my site is a trial one at the moment im not sure how to share it. 
it says login if you're owner if opened by anyone else

Hello @tuanphan

Thank you for this. I have tried the code - and it works - but it messes up with the product add-on feature. 
Do you have an idea how to fix this?

Example: https://www.henri.dk/gifts/p/two-classics-combo-gift-card

Thank you in advance.

On 11/24/2023 at 3:49 PM, WhoAJ said:

@tuanphan sorry to bother, but I have done the same thing and it has worked.

my next question is how do I change the sizes? (length of items?


I saw this store (https://www.iloveugly.co.nz/collections/black-friday-collection-2023/products/ripstop-shirt-off-white) 
and was wondering if its possible to have the same sized items. (see screenshot 2)

I have looked everywhere and can't figure it out.

my site is a trial one at the moment im not sure how to share it. 
it says login if you're owner if opened by anyone else

 

You can follow this guide to share url

On 11/24/2023 at 5:08 PM, MagnusHenri said:

Hello @tuanphan

Thank you for this. I have tried the code - and it works - but it messes up with the product add-on feature. 
Do you have an idea how to fix this?

Example: https://www.henri.dk/gifts/p/two-classics-combo-gift-card

 

Thank you in advance.

What problem with Product Addon?

@tuanphanthanks i already sorted it earlier today 🙂

Hi @tuanphan

Please may I ask for your help turning off the add to cart button and moving the Additional Info button block to where the current "Add to cart (Enquire about this photograph) " button is? 

https://www.nickhallprints.com/galleries/p/country-feast-set-3nybt-sp23w-ljdea-8btmh-48llk-padjx-am4ne-2n6mg-wbh2p-zlced-6ns39

Thanks,

Nick

On 1/18/2024 at 5:58 AM, NHP97 said:

Hi @tuanphan

Please may I ask for your help turning off the add to cart button and moving the Additional Info button block to where the current "Add to cart (Enquire about this photograph) " button is? 

https://www.nickhallprints.com/galleries/p/country-feast-set-3nybt-sp23w-ljdea-8btmh-48llk-padjx-am4ne-2n6mg-wbh2p-zlced-6ns39

Thanks,

Nick

Can you check again? I don't see button in Additional Info

I know this is an old thread but I also need help moving the additional info closer to the "add to cart" button. I was able to configure it for the media screen but I cannot for the life of me do it for desktop. It keeps giving me a syntax error. 

Thank you!

On 4/15/2024 at 2:23 AM, BeeCookiez said:

I know this is an old thread but I also need help moving the additional info closer to the "add to cart" button. I was able to configure it for the media screen but I cannot for the life of me do it for desktop. It keeps giving me a syntax error. 

Thank you!

Syntax error because you added code to Custom CSS box.

But you need to move the code to Website > Website Tools > Code Injection > Footer

That worked perfectly - human error! Thank you tuanphan