No way to remove items from cart in Dawn theme

benwilson
Tourist
10 0 7

Hey all,

 

On my website: benwilson.co  there is no way to remove items from the cart once you've added them. The only way i can find is to manually change the quantity to "0".  In earlier dawn updates you can just click the minus button on the quantity selector to change it to zero and remove the item, Is there any way to make the minus button remove the item or add a "remove" button?

 

Thanks!

Ben 

Replies 9 (9)

Hey_Jak
Shopify Partner
96 6 14

It seems like you are using dawn 9.0 update it to latest one.

Jakman_0-1688345510133.png

 

Jak | Top Rated Shopify Dev @ Upwork
- Shopify Blog
- Check my youtube: Hey Jak
Was your question answered? Mark it as an Accepted Solution.

EBOOST
Shopify Partner
649 188 203

Hi @benwilson,

May I suggest to update code these steps:

1. Go to Store Online-> theme -> Edit code

EBOOST_1-1672356985580.png
2. Snippets/cart-drawer.liquid
3. Sections/main-cart-items.liquid
4. find min="{{ item.variant.quantity_rule.min }}"
5. update min="{{ item.variant.quantity_rule.min }}" to min="0"

EBOOST_0-1688352501082.png

 


6. Assets/base.css
7. Add code below to end of file to show the remove button

cart-remove-button .button  {
  color: black;
}

 

 

Hope can help


If you find my reply helpful, please hit Like and Mark as Solution


https://www.eboosttech.net


DONATE


EBOOST
nijntjelover
Explorer
62 0 12

worked, thanks.

TheBogeyBunch
Tourist
6 0 2

Hi,

 

This is the best response to this question I have found. I have implemented it and it works. 

 

The quantity selector now has the option to show "O" and removes the item from cart. 

The trash icon does work, however it appears white and cannot be seen. If I click where it is supposed to be it then displays as black. Is there anyway to make it appear black all the time to make it visually easier for the customer?

 

Thank you!

EBOOST
Shopify Partner
649 188 203

Hi,

Could you share your url store? I will help to check it.

Hope can help


If you find my reply helpful, please hit Like and Mark as Solution


https://www.eboosttech.net


DONATE


EBOOST
TheBogeyBunch
Tourist
6 0 2

Thank you so much!

 

thebogeybunch.com.au

EBOOST
Shopify Partner
649 188 203

Hi,

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code

EBOOST_1-1672356985580.png
2. Assets/component-cart-items.css
3. Add code below to end of file

cart-remove-button .button svg path {
fill: #000;
}

 

 

Hope can help


If you find my reply helpful, please hit Like and Mark as Solution


https://www.eboosttech.net


DONATE


EBOOST
AxelWorld
Excursionist
33 0 14

Hello @EBOOST 

Hello ! I found this post and could use your help. My IMPULSE theme doesn't have a remove product from cart button, can you help me implement it? Thank you very much !

FF2024
Visitor
1 0 0

Excellent solution, thank you.