Edit Cart Drawer

Store Design
, ,
1

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.

Thanks!

2

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

Kyle_liu_0-1715148165669.png
Kyle_liu_0-1715148165669.png546×315 7.6 KB

3

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

4

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

5

Theme is Reformation

6

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

7

Step 1: uncheck “Show checkout button”

Kyle_liu_0-1715156542189.png
Kyle_liu_0-1715156542189.png425×989 38 KB

Step 2: Edit “Custom CSS”

Kyle_liu_1-1715156612939.png
Kyle_liu_1-1715156612939.png360×1275 31.3 KB

.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;
}

8

This is great! Thank you for the assistance