Hello-
I want to remove the quantity label and the quantity button from my cart, highlighted in yellow. I want customers to still be able to remove items from the cart. I’m using the Dawn theme. I’ve tried a couple of the suggestions for doing this, but none have worked for me. Can someone tell me how to do this? Thank you!!!
Kindly DM me
yes please try this code
.cart-item__quantity .quantity {
display: none;
}
th.cart-items__heading--wide.small-hide.caption-with-letter-spacing {
font-size: 0;
}
This worked, thank you so much!
its my pleasure to help us
Is there a way to do this on the product page of the Dawn theme? I want to remove the quantity box from the product listing. I am selling digital downloads and no one would purchase more than one. It’s confusing. Thank!
can you please share store url so i will check and guide you.
Sure…here is my store link:
http://hygge-prints.myshopify.com password: igleed
All of my products are digital and I don’t think they would buy more than one.
yes please try this code
.cart-item__quantity .quantity {
display: none;
}
th.cart-items__heading--wide.small-hide.caption-with-letter-spacing {
font-size: 0;
}
Thank you!
Hi KetanKumar,
i tried this in my dawn theme but it did not work the quantity selector inthe cart page still there
thanks
can you please share store url
oh sorry your store password protect
thanks can you please add this code
td.cart-item__quantity {display: none !important;}
@KetanKumar thanks a lot for your reply,
i put the code as it is in the base.css but still the quantity selector in cart page,
can you please send cart item code so i will update
@KetanKumar do you mean component-cart-items.css ?
.cart-items td,
.cart-items th {
padding: 0;
border: none;
}
.cart-items th {
text-align: left;
padding-bottom: 1.8rem;
opacity: 0.85;
font-weight: normal;
}
.cart-item__quantity-wrapper {
display: flex;
}
.cart-item__totals {
position: relative;
}
.cart-items *.right {
text-align: right;
}
.cart-item__image-container {
display: inline-flex;
align-items: flex-start;
}
.cart-item__image-container:after {
content: none;
}
.cart-item__image {
height: auto;
max-width: calc(10rem / var(–font-body-scale));
}
@media screen and (min-width: 750px) {
.cart-item__image {
max-width: 100%;
}
}
.cart-item__details {
font-size: 1.6rem;
line-height: calc(1 + 0.4 / var(–font-body-scale));
}
.cart-item__details > * {
margin: 0;
max-width: 30rem;
}
.cart-item__details > * + * {
margin-top: 0.6rem;
}
.cart-item__media {
position: relative;
}
.cart-item__link {
display: block;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
}
.cart-item__name {
color: rgb(var(–color-foreground));
text-decoration: none;
display: block;
}
.cart-item__name:hover {
text-decoration: underline;
text-underline-offset: 0.3rem;
text-decoration-thickness: 0.2rem;
}
.cart-item__price-wrapper > * {
display: block;
margin: 0;
padding: 0;
}
.cart-item__discounted-prices dd {
margin: 0;
}
.cart-item__discounted-prices .cart-item__old-price {
font-size: 1.4rem;
}
.cart-item__old-price {
opacity: 0.7;
}
.cart-item__final-price {
font-weight: 400;
}
.product-option {
font-size: 1.4rem;
word-break: break-all;
line-height: calc(1 + 0.5 / var(–font-body-scale));
}
.cart-item cart-remove-button {
display: flex;
margin-left: 1rem;
}
@media screen and (min-width: 750px) and (max-width: 989px) {
.cart-item cart-remove-button {
width: 4.5rem;
height: 4.5rem;
}
}
cart-remove-button .button {
min-width: calc(4.5rem / var(–font-body-scale));
min-height: 4.5rem;
padding: 0;
margin: 0 0.1rem 0.1rem 0;
}
cart-remove-button .button:before,
cart-remove-button .button:after {
content: none;
}
cart-remove-button .button:not([disabled]):hover {
color: rgb(var(–color-foreground));
}
@media screen and (min-width: 750px) {
cart-remove-button .button {
min-width: 3.5rem;
min-height: 3.5rem;
}
}
cart-remove-button .icon-remove {
height: 1.5rem;
width: 1.5rem;
}
.cart-item .loading-overlay {
top: 0;
left: auto;
right: auto;
bottom: 0;
padding: 0;
}
@media screen and (min-width: 750px) {
.cart-item .loading-overlay {
right: 0;
padding-top: 4.5rem;
bottom: auto;
}
}
.cart-item .loading-overlay:not(.hidden) ~ * {
visibility: hidden;
}
.cart-item__error {
display: flex;
align-items: flex-start;
margin-top: 1rem;
}
.cart-item__error-text {
font-size: 1.2rem;
order: 1;
}
.cart-item__error-text + svg {
flex-shrink: 0;
width: 1.2rem;
margin-right: 0.7rem;
}
.cart-item__error-text:empty + svg {
display: none;
}
.product-option {
color: rgba(var(–color-foreground), 0.7);
}
.product-option + .product-option {
margin-top: 0.4rem;
}
.product-option * {
display: inline;
margin: 0;
}
.cart-items thead th {
text-transform: uppercase;
}
@media screen and (max-width: 749px) {
.cart-items,
.cart-items thead,
.cart-items tbody {
display: block;
width: 100%;
}
.cart-items thead tr {
display: flex;
justify-content: space-between;
border-bottom: 0.1rem solid rgba(var(–color-foreground), 0.2);
margin-bottom: 4rem;
}
.cart-item {
display: grid;
grid-template: repeat(2, auto) / repeat(4, 1fr);
gap: 1.5rem;
margin-bottom: 3.5rem;
}
.cart-item:last-child {
margin-bottom: 0;
}
.cart-item__media {
grid-row: 1 / 3;
}
.cart-item__details {
grid-column: 2 / 4;
}
.cart-item__quantity {
grid-column: 2 / 5;
}
.cart-item__quantity-wrapper {
flex-wrap: wrap;
}
.cart-item__totals {
display: flex;
align-items: flex-start;
justify-content: flex-end;
}
}
.cart-item__error-text + svg {
margin-top: 0.4rem;
}
@media screen and (min-width: 750px) {
.cart-items {
border-spacing: 0;
border-collapse: separate;
box-shadow: none;
width: 100%;
display: table;
}
.cart-items th {
border-bottom: 0.1rem solid rgba(var(–color-foreground), 0.08);
}
.cart-items thead th:first-child {
width: 50%;
}
.cart-items th + th {
padding-left: 4rem;
}
.cart-items td {
vertical-align: top;
padding-top: 4rem;
}
.cart-item {
display: table-row;
}
.cart-item > td + td {
padding-left: 4rem;
}
.cart-item__details {
width: 35rem;
}
.cart-item__media {
width: 10rem;
}
.cart-item cart-remove-button {
margin: 0.5rem 0 0 1.5rem;
}
.cart-item__price-wrapper > *:only-child:not(.cart-item__discounted-prices) {
margin-top: 1rem;
}
}
@media screen and (min-width: 990px) {
.cart-item .cart-item__quantity,
.cart-items .cart-items__heading–wide {
padding-left: 6rem;
}
.cart-item__details {
width: 50rem;
}
.cart-items thead th:first-child {
width: 60%;
}
}