VIEW CART Button dissapeared in cart pop-up

Store Design
,

Topic summary

A user encountered a missing “VIEW CART” button in the Craft theme’s cart pop-up, with only the “CHECKOUT” button visible.

Solution provided:

  • The Craft theme only displays “View my Cart” by default when cart settings use “Popup Notification” mode
  • For drawer settings, a workaround involves editing theme code:
    1. Navigate to Online Stores > Themes > Edit code
    2. Find cart-drawer.liquid file
    3. Search for id="CartDrawer-Checkout"
    4. Add custom markup code above that line to insert the View Cart button

Follow-up issue resolved:

  • The added button appeared slightly larger than the Checkout button on desktop
  • Fixed by adding CSS code to theme.liquid file above the </head> tag to adjust button height

Additional use case:

  • Another user successfully modified the code to remove the Checkout button entirely, keeping only View Cart to force customers through the cart page for delivery date selection

The issue is now resolved with working code solutions provided.

Summarized with AI on November 16. AI used: claude-sonnet-4-5-20250929.
1

Hello, I am using Craft theme. Just noticed that when I click on my Cart icon, I see pop-up, BUT there is no VIEW CART button. Only CHECKOUT button. Any help is appreciated..

shaperini.com

Screenshot 2023-03-07 at 20.53.50.png
Screenshot 2023-03-07 at 20.53.50.png1316×1508 138 KB

2

Hi @olinka012

This is Victor from PageFly - Shopify Page Builder App

Please do not worry about this, because the Craft theme only show the “View my Cart” button when your cart setting is set to Popup Notification

However, there is a workaround and you can follow my instructions to have it on the drawer setting

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: Click and find for cart-drawer.liquid. Then in the file please find for :
" id="CartDrawer-Checkout " by Shopify file search.

And add this code above the line you found

View my Cart

Screenshot for you to reference

PageFlyVictor_0-1678239620532.png
PageFlyVictor_0-1678239620532.png1919×909 81.3 KB

Hope this can help you solve the issue

Best regards,

Victor | PageFly

3

Thanks for your help!

I did it and now I can see View cart button. However the size is slightly bigger than Checkout button.

Is there any options I can make it the same size?

P.S. on mobile it looks good, only on desktop the button is bigger

Screenshot 2023-03-08 at 10.25.28.png
Screenshot 2023-03-08 at 10.25.28.png854×1334 113 KB

4

hi @olinka012 I see it, to solve the button height, please follow my instruction here :

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

PageFlyVictor_0-1678270313356.png
PageFlyVictor_0-1678270313356.png1920×937 171 KB

1 Like
5

wow, many thanks. It works perfect now!

6

Hello!! Is there a way to get rid of the “check out” button and have just the “view cart” button? I need the customer to check out through the cart so they can choose a delivery date. Thank you!!!

7

I think I figured it out!! I added the above code and deleted

<button
type=“submit”
id=“CartDrawer-Checkout”
class=“cart__checkout-button button”
name=“checkout”
form=“CartDrawer-Form”
{% if cart == empty %}
disabled
{% endif %}

{{ ‘sections.cart.checkout’ | t }}

just in case anyone else ever needs it!