Hello!
Basically I want to remove the “quantity selector” option from the cart (I have the mini cart activated) in my store.
My Theme is Stiletto and my website is www.winnerofficial.com
Topic summary
A user wants to remove the quantity selector from their store’s mini cart. The store uses the Stilleto theme.
Three solutions were provided:
-
Quick cart removal (Made4uo-Ribe): Add CSS to
base.css,style.css, ortheme.css:.quick-cart__items .quantity-input { display: none; } -
Cart page removal (devcoders): Add CSS to
assets/theme.css:.cart.page .quantity-input { display: none; } -
Alternative approach (PageFly-Noah): Add code above the
</body>tag intheme.liquidfile (specific code appears corrupted in the original post).
All solutions involve editing theme code through Shopify admin → Online Store → Themes → Edit code. The discussion remains open with no confirmation of which solution worked.
2 Likes
Hi @martujv
Do you mean remove in your quick cart?
If it check this one.
From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
Find the theme that you want to edit and click on “Actions” and then “Edit code”.
In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.quick-cart__items .quantity-input {
display: none;
}
And Save.
Result:
1 Like
Hi @martujv
- Go to Online Store → Theme → Edit code.
- Find the file assets/theme.css and paste the code below at the bottom of the file.
.cart.page .quantity-input {
display: none;
}
This is Noah from PageFly - Shopify Page Builder App
Hi @martujv Please add code here to fix it:
Step 1: Online Stores > Themes > Edit code
Step 2: Choose file theme.liquid
Step 3: Add code above the tag
Hope my solution will help you resolve the issue.
Best regards,
Noah | PageFly
1 Like