How do remove quantity selector shopify cart drawer & cart page

Store Design
, , ,
1

Can you tell me how to remove quantity selector from every product shopify cart drawer & cart page include the trash/bin icon. its a custom theme.

user can add multiple product/variation but just 1 product of them, Like can add red and yellow tshirt from same shirt variation, to add same variant user have to click/tap twice add to cart button

my store - glowius.com

pass- file

Thanks

2

Hi @theapptest

In your Shopify Admin go to online store > themes > actions > edit code
Find Asset > base.css and paste this at the bottom of the file:

.cart-item__quantity,.quantity-popover,.quantity-input,.cart-quantity {display: none !important;}.cart-remove-button,cart-remove-button {display: none !important;}

image
image1310×406 35.2 KB

image
image454×398 29.3 KB

Best regards,
Devcoder :laptop:

3

Hey @theapptest

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above </ body> tag
<style>
cart-remove-button .button {
    display: none !important;
}
</style>

RESULT:

image
image1920×921 163 KB

If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

4

You can remove them by adding this code to Custom CSS in Theme settings

.cart-item__quantity { display: none !important; }

Best regards,
Dan from Ryviu: Product Reviews App

5

@theapptest

Where to add this

Online Store → Themes → … → Edit code
Open:
Assets → component-cart-items.css (or base.css if custom)

Paste at the very bottom

/* Quantity selectors (drawer + cart page) */
.cart-item__quantity,
.quantity,
.quantity-popover,
.quantity-input,
.cart-quantity,
.cart-item__quantity-wrapper {
  display: none !important;
}

/* Remove / trash button */
.cart-remove-button,
button[name="remove"],
.cart-item__remove {
  display: none !important;
}

Thanks!

8

Hey @theapptest, follow these steps
Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->before the body ----->
If this code work please do not forget to like and mark it as a solution

<style>
.cart-item__quantity-wrapper.quantity-popover-wrapper {
    display: none !important;
}
</style>

image
image1277×609 100 KB

9

Hi, @theapptest
You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the </head> tag

<style>
.cart-item__quantity, .cart-items__heading--wide  {
   display: none !important;
}
</style>

Results:

image
image1390×487 50 KB

image
image434×666 34.1 KB

Hope this helps! If yes then Please don’t forget hit Like and Mark it as solution!