Disable quantity selector

[barryo]

I was able to successfully disable the quantity selector on the product details page for specific products.

What is the item ID CSS for disabling the quantity selector on the shopping cart page for a specific product and leave it for all others?

I've tried the sku, the product ID but nothing works.

Thanks in advance for your help.

[barryo]

Thanks. This has been very helpful. However, I have run into a snag.

How do I hide the quantity of a certain product on the shopping cart page?

I used your examples to hide quantity on specific product page(s). Not sure what to enter for product ID or cart item ID to make quantity hidden on shopping cart page.

The reason I'm doing this is because there are 2 products that I'm attempting to "force" my users to enter specific data for each one they purchase. We're selling courses that require a user provided ID and name for each one sold. I've created these text field options and they work fine. However, sometimes companies will buy multiple courses at the same time. If they can change the quantity on the shopping cart page then everyone they order will be tied to the same ID and Name.

Here's a link that may help: http://alexaur.com/per/shop/pharmacy...ng-40-hr-acpe/

Thanks in advance for any help you can provide.

[ALA]

I don't know what code you put int he custom CSS section, but something like this would disable ALL quantity selection boxes

.ec_product_details_quantity {
display: none;
}

Notice it's just missing the page ID of it.

That is exactly what I've had listed there for over a year now. It has NEVER worked for me. Is there another solution?

[admin]

Did you replace the XXX with your page id number?

[dfloyd8717]

I followed your instructions (cut and pasted) to disable the quantity selector box but it does not work for me. What am I overlooking?

[admin]

So the best thing to do is first go to advanced settings and turn ON the 'Use Custom Post Types'. This will give every product their own CSS and custom post page in wordpress... this way you can target indvidual products that way with CSS.

Then you simply find the page ID in the body tag and target it like this.

.page-id-XXX .ec_product_details_quantity {
display: none;
}

[loriwalderich]

I am having the same issue with quantity showing up on the donations. My client really wants this to disappear.
(we have other products that still need quantity selectors so I don't want to eliminate them globally ??? just by product!)

The odd thing is that my individual products do not have their own pages. The product detail page instead shows the model number?

http://dev.tulsaopera.com/?model_number=3783386

Please help me figure out the right CSS to remove the quantity selector on all my donation items!

[admin]

I don't know what code you put int he custom CSS section, but something like this would disable ALL quantity selection boxes

.ec_product_details_quantity {
display: none;
}

Notice it's just missing the page ID of it.

[ALA]

Thanks for these instructions. This is just what I was looking for. However, when I enter the global css code under the Store Settings/Advanced Options/ Custom CSS, the quantity buttons still show. Do I need to also make changes on the individual products' Advance Product Tracking Options?

[EHS_Web]

OK Solved it. I had the wrong page id. I guess the Product ID is not the page ID I needed. I set up the product, added it to a menu then opened it up in my browser and used firebug to determine the page id. Put that into the code and it changed that page but did not affect the other one. So it looks like I'm good now.

Jon

[admin]

Only thing I can imagine is the page id is the same, changed, perhaps a product removed and it rearranged the page ids? do you have a url I could look at it on both of them?

thanks

[EHS_Web]

Spoke too soon.

I added this to the Custom CSS:

.page-id-257 .ec_product_details_quantity {
display: none;
}

But it seems to be acting oddly. It certainly works with the page specified. And other existing products that I checked were not affected. But I just put a new product up, product-id 261, and the quantity selector was disabled on that page as well.

Any advice?

TIA

Jon

[EHS_Web]

Perfect. Works like a charm.

Thanks Josh.

[admin]

amazingly, your steps are actually right on... that's what you would do... You can do it per page, which would target a specific product, or you can specify it globally... here are both.


globally:

.ec_product_details_quantity {
display: none;
}


or by page:

.page-id-607 .ec_product_details_quantity {
display: none;
}


just replace the page number with yours in the body tag... should work for you.

[EHS_Web]

Well, my web developer is extremely busy these days and I have done some web coding in the past, so I thought I might give it a try myself.

Here is what I think I know so far:

1. I can add a custom CSS to the window in Store Settings/Advanced Options.
2. I can use the product ID listed in the Manage Products window as the page id for the product page I want to change.
3. I think the quantify selector variable is something like product_quantity_input
4. The CSS command is display:none.

I'm trying to swat up on my css coding, but I keep getting interrupted, so I wondered if I could shortcut it by simply asking what the correct coding was. At least something to start with.

TIA.

Jon