How can I hide the cart quantity box in the Symmetry theme?

[davidjahn]

Hello,

I am trying to hide the quantity box in the cart drawer and main cart on my Symmetry theme. I got it working on the Dawn theme but can't find what to change in the Symmetry theme Code.

Help is really appreciated.

Thank you in advance!

[kazi · Accepted solution]

@davidjahn  add this css 

.cart-item-list-heading.cart-item-list-heading--price {
display: none;
}

.cart-item-list-heading.cart-item-list-heading--quantity {
display: none;
}

.cart-item__column.cart-item__price {
display: none;
}

[kazi]

@davidjahn Hello can you share the store URL?

[davidjahn]

Hello @kazi 

It is https://apresjeudi.com

I send you the PW via message 

[kazi]

@davidjahn  Try this css in styles.css

.cart-item__column.cart-item__quantity {
display: none;
}

[davidjahn]

Yes thank you this works!

But now in the quantity (Menge) column the price is displayed.

Is it possible to put the price per article in the price column and the actual quantity which is in the cart in the quantity column? (x1, x2,...)

[kazi · Accepted solution]

@davidjahn  add this css 

.cart-item-list-heading.cart-item-list-heading--price {
display: none;
}

.cart-item-list-heading.cart-item-list-heading--quantity {
display: none;
}

.cart-item__column.cart-item__price {
display: none;
}

[davidjahn]

@kazi sorry to keep asking but we are getting there 🙂

What you sent me only showed me the final price but nothing else. Now I changed it to this:

.cart-item__column.cart-item__quantity {
display: quantity;
}
.cart-item-list-heading.cart-item-list-heading--price {
display: price;
}
.cart-item-list-heading.cart-item-list-heading--quantity {
display: quantity;
}
.cart-item__column.cart-item__price {
display: price;
}

Now I would like to get rid of this quantity box/selection and only see the actual quantity (x1, x2) in this column. Is that possible?

Thanks again. Your help is much appreciated!

[kazi]

@davidjahn this is the css you needed 

.cart-item__column.cart-item__quantity {
display: none;
}

.cart-item-list-heading.cart-item-list-heading--price {
display: none;
}

.cart-item-list-heading.cart-item-list-heading--quantity {
display: none;
}

.cart-item__column.cart-item__price {
display: none;
}

[davidjahn]

Unfortunately when I put in this code I only see the total price but nothing else.

You can see it now on the site. I added the code again.

[kazi]

@davidjahn I thought you wanted to remove the quantity box and all other info up/down of this column. 

[davidjahn]

Yes I wanted to remove the quantity box that worked fine. But instead I would like to have the quantity displayed, just without the box and the + and - around it. So just for example x1 or x2

I‘m really sorry if I confused you with my questions 🙂 

[kazi · Accepted solution]

Then only this css will work

.quantity .notabutton {
display: none;
}

.quantity.buttoned-input {
border: 0;
}

[davidjahn]

Awesome. Exactly what I was looking for.

Thank you!! 

[kazi]

Welcome! 🙂