How do Iremove quantity picker for single item?

Technical Q&A
1

I am trying to remove the quantity picker for one item in my store. I need people to only be able to order one of this item.

I will be using the Buy Button embeded in my non-Shopify site for this also as I do not want them to be able to purchase anything else with this item as it is a free item (they just pay postage).

I am using the Refresh theme. I assume I’d need to remove it from the item and from the cart/cart drawer too?

What do I need to do to be able to keep this one item to one per customer?

Thanks!

2

You may create a separate product page template for this product where you’d remove the quantity input.
To avoid cart drawer/page, you may hide the cart button and only leave the buy it now /accelerated checkouts buttons.

To hide ATC button, you can use this code in the “Custom CSS” of product info section:

[name="add"] {
  display: none;
}
3

Hey @OrionLee

Can you share the URL of that product page from where you want to remove the quantity picker from?

Best,
Moeed

4

I am trying to remove the quantity picker for one item in my store. I need people to only be able to order one of this item.

I will be using the Buy Button embeded in my non-Shopify site for this also as I do not want them to be able to purchase anything else with this item as it is a free item (they just pay postage).

I am using the Refresh theme.

What do I need to do to be able to keep this one item to one per customer?

Thanks!

5

I think I tried to do this previously but the new product template wasn’t showing up as an option to use when I tried to apply it on the product page. I will try again and see.

6

Free England Rugby Ball – Girlguiding North West England Shop here it is.

7

Hey @OrionLee

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
{% if product.handle == 'free-england-rugby-ball' %}
<style>
.product-form__input {
    display: none !important;
}
</style>
{% endif %}
<style>
.cart-item:has(a[href="/products/free-england-rugby-ball?variant=56732970942837"]) .quantity-popover-container {
    display: none !important;
}
</style>

RESULT:

image
image1919×914 171 KB

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

Best,
Moeed

8

That is amazing, thank you so much!

9

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

10

So you’ve got two separate things here. Hiding the quantity picker is a theme edit (yeah, you’d need to hide it on product page and cart) but that doesn’t actually stop someone from manually changing the URL or adding multiples through the API. The actual enforcement needs to happen with either a product limit rule in your checkout settings or a line item script if you’re on Plus, but since this is a free item going through Buy Button that complicates things. Are you selling this through a regular product page at all or only through the embedded Buy Button?