How to Move Checkout Button in the Cart Drawer

Solved

How to Move Checkout Button in the Cart Drawer

Paile
Excursionist
18 2 4

Hello!

Anybody knows how to move the checkout button right below the items, in the cart drawer? In the first screenshot I show how I have it at the bottom, where by default it is hidden by my cookie bar and live chat button. The second screenshot is exactly how I'd want it; the checkout button is right under the items in the cart. 

I'm using Dawn Theme

Thanks in advance 🙂

 

 

63a40d7f-f74e-4ece-807f-266e4bc957a2.png

Screenshot (80).png

Accepted Solution (1)
Paile
Excursionist
18 2 4

This is an accepted solution.

Alright, for anyone reading, I resolved this myself.

 

You have to go on your store > right click > inspect. Once the windows opens you have to locate the cart drawer and the cart footer lines of code; you have to then go to your theme editor (remember to duplicate your store to avoid disasters) and cut the whole cart-footer lines of code (for me they were around 50 lines starting from line 252). Once you did that you have to paste them right before the end of the cart-drawer lines of code, right before the <items> line of code.

 

Now your cart drawer checkout will always be right below the items in the cart, hope this helps 🙂

View solution in original post

Replies 4 (4)

KetanKumar
Shopify Partner
37595 3668 12156

@Paile 

can you please enable your dynamic checkout button 

Go to Customization >>> cart page >>> left side setting 

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Paile
Excursionist
18 2 4

Hey Ketan, I don't see how this would help me in what I'm trying to accomplish. I don't need my customers to directly pay with PayPal or Google Pay. I just need to *move* the checkout button in the cart drawer (which opens after my customers click "add to cart") right below the items added to the cart

Paile
Excursionist
18 2 4

This is an accepted solution.

Alright, for anyone reading, I resolved this myself.

 

You have to go on your store > right click > inspect. Once the windows opens you have to locate the cart drawer and the cart footer lines of code; you have to then go to your theme editor (remember to duplicate your store to avoid disasters) and cut the whole cart-footer lines of code (for me they were around 50 lines starting from line 252). Once you did that you have to paste them right before the end of the cart-drawer lines of code, right before the <items> line of code.

 

Now your cart drawer checkout will always be right below the items in the cart, hope this helps 🙂

WVU
Excursionist
40 0 7

Hi Paile, 

I am trying to do the same thing. In which script did you edit this?