How to add a 'view cart' button and modify 'Continue Shopping' function in Cart Drawer?

Store Design
1

Hi everyone,

I am having some problems with my Cart Drawer. I’m really thankful if anybody could help me out with these.

  • I am looking for a “view cart” button in my Cart Drawer so that my customers would have an overview of their orders.
  • Additionally, I am trying to make “Continue Shopping” just close the Drawer, not taking people to “All products” page.

I’d attach the photo as well as my drawer.liquid in order to support your analysis.
Thank you very much! I’m looking forward to hearing from you soon.

DK7_1-1654807885258.png
DK7_1-1654807885258.png1920×1080 168 KB


  

    
  

  
    

    
      
      
      

      
    

  

{% schema %}
{
   "name":"t:sections.cart-drawer.name",
   "settings":[]
}
{% endschema %}
2

hi @DK7 ,

For your issue:

  1. On the theme Dawn have the button View my cart, it is default of theme, i think during your custom on theme, maybe you had hide or remove it. => This thing need check directly in code.

  2. For this point need change in code => remove the link and instead will add some javascript code handle when click on that will close the cart Drawer.

If you want i can help and i think will don’t spend long time handle about two point that.

Thanks!

3

hi @DitalTek ,

Thanks for your response:

  1. The theme I’m using is not Dawn. I’m trying to make a “view cart” button that look like the one in my picture.
  2. Could you tell me more about what I should change in my code?
    Thank you very much! I’m looking forward to hearing from you.
4

Still not find out how, guys :((

5

hi @DK7 ,

Your issue need check directly in the code:

  1. add the button go to cart page

  2. customize js when user click into button continue shopping

So if you want i can help you do that.

Thanks you!

6

Hi @DitalTek ,
Please let me know what code that you need. Thank you!