cancel
Showing results for 
Search instead for 
Did you mean: 

Remove quantity box from catalog pages

SOLVED

Remove quantity box from catalog pages

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.remove-catalog-qty.jpg

 

1 ACCEPTED SOLUTION

Accepted Solutions

Re: Remove quantity box from catalog pages

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.

View solution in original post

3 REPLIES 3

Re: Remove quantity box from catalog pages

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 

 

Re: Remove quantity box from catalog pages

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.

Re: Remove quantity box from catalog pages

I have decided to leave add to wishlist to category items. For now.