Edit Cart Drawer

[JoeyRoo]

Hi,

Is there a way to edit the Cart Drawer so the "Black Checkout" button on the bottom takes the customer to "View Cart" instead of taking them to the final checkout? 

I know there is a View Cart link underneath, but it's a little un-noticeable and I am currently running a promotion for a Free Gift with Purchase, but they can only select the Gift when they are Viewing the Cart.

theothelabel.com

Thanks!

[Kyle_liu]

How do you want to modify it? Hide the checkout button, display only the VIEW CART button, and jump to the shopping cart page?

[JoeyRoo]

The screenshot you sent over is perfect. Display only the VIEW CART button in that way.

[Kyle_liu]

Which theme is used, let me see how to modify it

[JoeyRoo]

Theme is Reformation

[Kyle_liu · Accepted solution]

Step 1:  uncheck "Show checkout button"

Step 2: Edit "Custom CSS"

.cart-drawer-buttons .text-button {
position: static;
background: #000;
color: #fff;
font-size: 0.875rem;
font-weight: 600;
padding: 12px 20px;
text-transform: uppercase;
text-align: center;
margin-top: 0px;
height: auto;
}

[JoeyRoo]

This is great! Thank you for the assistance

[Perennial]

Hello, @JoeyRoo

Paste the code bottom of app.css
.cart-drawer .text-button{
height:40px;
align-items:center;
width:180px;
background:#000;
color:#fff;
font-size:15px;
justify-content:center;
}
if you face any issue let me know
Thanks