Move Accordion in Additional Info on Product Page under Add to Cart button

Site URL: https://honeybabeherbs.squarespace.com

I'm working in v7.1 and I'd like the "additional info" block from my product listing (which I've formatted as an accordion) to be below the product description and above the add to cart button as sketched below. I've read so many threads about this but haven't found anything that will work for me? 

Would like this format for each product listing but willing to edit each one individually. I'd also like to keep the accordion functionality and have them be condensed as default. 

https://honeybabeherbs.squarespace.com/ Password is Calendula 

Site URL: https://www.shanaweisberg.com

Hello! On my Product Pages, I would like to move the accordion I've added into the Additional Info section directly under the Add to Cart button. It is currently below the entire product. Thank you for your help!

The first step. Please see the following.

Once the block moves up you may need additional CSS to position the block how you want in the details area. Let us know if you need help with this step.

Let us know how it goes.

@creedon I have tried every piece of code on every thread I have been able to find and nothing is working for me.

Would you be able to please provide me with code to move the Product Details accordion to below the price and above where the current Product Details text is shown on the product page?

https://heron-helix-4csn.squarespace.com/

P/W: TEST

Thanks in advance

@IndiahSaunders

Please see my previous post for the first step.

Also it would be helpful to have the URL to your Store page for the CSS step of the effect you want.

@creedon I have just added that code in to the Page Header Code Injection for the store page.

I am wanting to add it to all products within the following shop?

https://heron-helix-4csn.squarespace.com/embroidery
P/W: TEST

Thanks so much!

11 hours ago, IndiahSaunders said:

I have just added that code in to the Page Header Code Injection for the store page.

twcsl is not installed.

Please follow all the install instructions for the code.

Hello, 

Did you figure this one out? I'm hoping to do the same, however have the accordion block sit UNDER the 'Add To Cart' button - does anyone know if this is possible?

https://papaya-plums-lrzm.squarespace.com/shop/p/fine-silver-diamond-ring-5fx9y-twptt-8x7fl-jebtf-bbrkd-rancp-7fkhg
password: lucyinthesky

Thanks

1 hour ago, holahannah said:

does anyone know if this is possible?

It is possible please see my April 28th post earlier.

Thanks @creedon, I have installed the twcsl js and the html (I think!). So I believe from my understanding I need CSS to move the accordions to sit below the buttons?  Is that right? Do you know what CSS I need? Here's my page: 

https://papaya-plums-lrzm.squarespace.com/shop/p/fine-silver-diamond-ring-5fx9y-twptt-8x7fl-jebtf-bbrkd-rancp-7fkhg
password: lucyinthesky

Many thanks 🙂

1 hour ago, holahannah said:

So I believe from my understanding I need CSS to move the accordions to sit below the buttons?

By default my code will move the accordion to the end of the product details.

You have two issues. You've installed twcsl twice. The options described in the install instructions are two choices. You should choose one that matches your situation.

The second issue is that you already have a code block that is manipulating the accordion block.

<script src="https://storage.googleapis.com/squarepaste/base-jquery.js"></script>
<script>$(".accordion-block").appendTo(".ProductItem-details-excerpt");</script>

My code and the other code are incompatible. You need to decide which method you want to use.

@creedon this worked a treat, thank you! Wondering if it's possible to move my 'Make an Enquiry' button, which I added in my product details under additional info, to sit below the accordion? 

Site page - https://carnation-turbot-l2wf.squarespace.com/our-team/p/natalie

Password - photographer2023

7 minutes ago, mariec2023 said:

Wondering if it's possible to move my 'Make an Enquiry' button, which I added in my product details under additional info, to sit below the accordion? 

There is a line in the code...

      numberOfBlocks : 1,

This line controls how many blocks are moved out of additional info, from the top of AI. If you change it to 2 and the first two block are the ones you want to move, then you should be good.

From there if you need to reorder the the elements in the product detail area, let us know.

Let us know how it goes.