cancel
Showing results for 
Search instead for 
Did you mean: 

Remove quantity box from catalog pages

SOLVED
Highlighted
blueplanetphoto
Contributor
Solved!

Remove quantity box from catalog pages

Message contains an image

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
blueplanetphoto
Contributor
Solution

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
blueplanetphoto
Contributor

Re: Remove quantity box from catalog pages

Message contains a hyperlink

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 

 

blueplanetphoto
Contributor
Solution

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.

blueplanetphoto
Contributor

Re: Remove quantity box from catalog pages

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