I'd like to remove the quantity select box from catalog pages and direct customers to click to the product detail page before adding to cart. I've removed the Add to Cart button via CSS
.catalog-category-view .action.tocart {display:none;}
but the quantity select box remains, which is confusing. I've seen other options of removing or commenting out code in some .xml files, but those seem to be for older versions because I'm not able to locate the code referenced in the files.
If there is a code change that would remove both the Add to Cart button and the quantity box on the category pages only, that would be the ideal. I don't want to hide the Add to Cart button on product pages. Any suggestions? Thank you.
Solved! Go to Solution.
Discovered the solution:
Go to store > configuration > theme settings, open customization settings and add
.catalog-category-view .action.tocart {display:none;}
to custom style (CSS)
While still in theme settings, open category view and set show qty field to no.
I would also like to remove the Add to Wishlist icon as well.
It looks like the screenshot I uploaded isn't showing. Here is the page link example:
https://blueplanetphoto.com/store/classes.html
Discovered the solution:
Go to store > configuration > theme settings, open customization settings and add
.catalog-category-view .action.tocart {display:none;}
to custom style (CSS)
While still in theme settings, open category view and set show qty field to no.
I have decided to leave add to wishlist to category items. For now.