Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
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 🙂
Solved! Go to the solution
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 🙂
can you please enable your dynamic checkout button
Go to Customization >>> cart page >>> left side setting
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
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 🙂
Hi Paile,
I am trying to do the same thing. In which script did you edit this?
In Canada, payment processors, like those that provide payment processing services t...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025