Remove Quantity Selector for just 1 item in the cart drawer

Store Design
1

Hi,
I am doing a Gift With Purchase and have written the theme.js file to automatically add the product to the cart when the amount threshold is met-but how do I remove the quantity selector/adjustment box from just that one item in the cart?
This site is using a cart drawer.
Preview: https://53e4pebjrnsn1pej-5576097905.shopifypreview.com

Product: Delux 30-hour Petit Candle

Threshold: $50

Original theme: Prestige

Thank you for your help.

I do not want customers to be able to increase the quantity of of the GWP product.
Thank you.

2

Hello

Logic will remain same as we use in normal cart page. If cart have specific product or product of specific collection then hide quantity selector.
And in cart drawer change is, that you have to implement in raw script.

Thanks

1 Like
3

Thank you. I was actually able just figure it out and hide it via css. For anyone else with this issue, this is what I used. You would need to change the product type from “sample” to whatever you have specified for your free product such as GIFT or SAMPLE or whatever.

[data-cart-product-type=“GWP”] {
.CartItem__QuantitySelector {
width: 98px;
height: 41px;

.QuantitySelector {
display: none;
}
}

.CartItem__PriceList {
visibility: hidden;
}

.CartItem__Title a {
pointer-events: none;
}
}

1 Like