Solved

How do I add VIEW CART button in a cart drawer?

IhorBulhakov
Shopify Partner
18 0 3

So I basically want to add VIEW CART button in a cart drawer. What would be the best way?

IhorBulhakov_0-1712047007912.png

 

https://phonixiems.myshopify.com/()

Accepted Solution (1)

Raj-webdesigner
Shopify Partner
236 52 53

This is an accepted solution.

Follow My Step:-

 

Rajwebdesigner_0-1712048302955.png

 

 <a href="{{ routes.cart_url }}" class="view-cart">
    View Cart
 </a>

 

Like This

Rajwebdesigner_1-1712048385115.png

than add Css in base.css

 

 .view-cart{
    font-family: Montserrat, sans-serif;
    font-size: 20px;
    line-height: 32px;
    font-weight: 100;
    width: 100%;
    display: flex;
    justify-content: center;
    color: #faf7f7;
    background-color: #646464;
    text-decoration: none;
    border-style: solid;
    border-radius: 0;
    margin: 10px 0 0;
    transition-duration: .4s;
    padding-top: 10px;
    padding-bottom: 10px;
}       

 

 

If you require further help to optimize your store, please don’t hesitate to reach out.

This contribution will always benefit you and you will get my full help easily and you can contact me easily.
Your Willpower Contribution Link :-

Contribution



Contect On My Mail :-raj.s.webdevloper@gmail.com

View solution in original post

Replies 3 (3)

BOOST-STAR
Shopify Partner
116 10 14

Hi, IhorBulhakov

I hope you are doing Great.

Do not be worry; the Craft theme only shows the "View my Cart" button when your cart's Popup Notification setting is enabled.

There is a workaround, however, and you may have it on the drawer option by following my suggestions for action.

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

 

<a href="{{ routes.cart_url }}" id="cart-notification-button" class="button button--secondary button--full-width">View my Cart</a>

 

PageFlyVictor_0-1678239620532.png 

- Call Us BOOST STAR
- Was our reply helpful? Give us BOOST ... We mean 'Like'
- Was your question answered? Marked us reply as an Accepted Solution

Raj-webdesigner
Shopify Partner
236 52 53

This is an accepted solution.

Follow My Step:-

 

Rajwebdesigner_0-1712048302955.png

 

 <a href="{{ routes.cart_url }}" class="view-cart">
    View Cart
 </a>

 

Like This

Rajwebdesigner_1-1712048385115.png

than add Css in base.css

 

 .view-cart{
    font-family: Montserrat, sans-serif;
    font-size: 20px;
    line-height: 32px;
    font-weight: 100;
    width: 100%;
    display: flex;
    justify-content: center;
    color: #faf7f7;
    background-color: #646464;
    text-decoration: none;
    border-style: solid;
    border-radius: 0;
    margin: 10px 0 0;
    transition-duration: .4s;
    padding-top: 10px;
    padding-bottom: 10px;
}       

 

 

If you require further help to optimize your store, please don’t hesitate to reach out.

This contribution will always benefit you and you will get my full help easily and you can contact me easily.
Your Willpower Contribution Link :-

Contribution



Contect On My Mail :-raj.s.webdevloper@gmail.com
IhorBulhakov
Shopify Partner
18 0 3

Grazie!!!