How can I remove the product quantity selector from all items?

[harrygoat1218]

Can someone help me in removing product quantity from ALL MY PRODUCTS since we only want to sell single item and want to completely remove it. Please guide Friends.

[PageFly-Noah · Accepted solution]

Hi @harrygoat1218 

This is Noah from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.tt-product-single-info .tt-row-custom-01 {
opacity:0 !important;
visibility: hidden !important;
display: none !important;
height: 0 !important;
}
</style>

Hope this can help you solve the issue 

Best regards,

Noah | PageFly

[Dan-From-Ryviu · Accepted solution]

Hi @harrygoat1218 

You must add more this CSS code to remove quantity selector in your cart page also

.pagecart .detach-quantity-desctope { display: none !important; }

[Beae_Cass]

Hi @harrygoat1218 ,

Could you please share your store URL, so that I can help you

[harrygoat1218]

https://www.brandtec.store/

Thank you sir for replying. If you need anything else please do let me know. Thank you a million for getting back

[Beae_Cass]

Hi @harrygoat1218 ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid file
3. Paste below code before </body>:

<style>
.tt-product-single-info .tt-row-custom-01 {
    display: none;
}
</style>

Best regards,

Anthony

[harrygoat1218]

it does work but there is just one issue. When we load a product page, you will first see it and then it vanishes, is there a way that it just never shows. You can check it out by going to the products on the Store Dear Sir.

On another note, I am in your debt of kindness. Thank you so much. But if you could have a look into what I said above. I will be so so happy

[PaulNewton]

For well made OS2.0 themes double check for a quantity block in the main product section, or for a setting.

[harrygoat1218]

Can I be helped in some way please. If it is possible for you. And I get your point also.

[PageFly-Noah · Accepted solution]

Hi @harrygoat1218 

This is Noah from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.tt-product-single-info .tt-row-custom-01 {
opacity:0 !important;
visibility: hidden !important;
display: none !important;
height: 0 !important;
}
</style>

Hope this can help you solve the issue 

Best regards,

Noah | PageFly

[harrygoat1218]

Thank you it worked but I have another problem. Can I ask that also. 

[harrygoat1218]

Sir it helped me. Thank you. Can I ask one more thing

[PageFly-Noah]

Yes, Please tell me if you need help.

[Dan-From-Ryviu · Accepted solution]

Hi @harrygoat1218 

You must add more this CSS code to remove quantity selector in your cart page also

.pagecart .detach-quantity-desctope { display: none !important; }

[harrygoat1218]

where do I add this code Sir?

[Dan-From-Ryviu]

Online store > Themes > Edit code > Assets > open theme.css or theme.css.liquid file and add code at the bottom of file. 

[harrygoat1218]

can you please guide me in detail where to add this in which section and how. Please Sir.

[Dan-From-Ryviu]

Go to your store admin > Online store > Themes > Edit code > Assets > theme.css 

[harrygoat1218]

Sir it worked for me. Thank you so much, may you be blessed.

Can I ask for one more thing if I have your permission.

[Dan-From-Ryviu]

You are most welcome

[harrygoat1218]

Sir in the image below, if you see my footer. The sections are not aligned. I tried it in the Theme customizer but its just is like this. Can you help me fix it, I just want it to HAVE EQUAL SPACING because it looks very bad with the SPACE I HAVE CIRCLED IN BLACK.

[Dan-From-Ryviu]

Hi @harrygoat1218 

You can try to use this CSS code to change your footer like this 

.tt-footer-col .row { flex-direction: row-reverse; }

 

[harrygoat1218]

sir I actually want exactly like this, but not in reverse. Is that possible?

[harrygoat1218]

sir when you figure out how to fix it with the same order, can you also tell me where to put the code. Thank you 🙂

[Dan-From-Ryviu]

Hi @harrygoat1218,

So you can use this code in your theme.liquid after </head> tag

<style>
@media (min-width: 990px) {
.for-footer-blocks .tt-footer-col .row { justify-content: space-between; }
.for-footer-blocks .tt-footer-col .col-md-6 { max-width: max-content !important; }
}
</style>

[harrygoat1218]

Sir thank you, I marked it as solution. Can I ask one more question please.

[RockTechnolabs · Accepted solution]

@harrygoat1218 

Please add the below CSS, It will 100% solve your footer spacing issue

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (min-width:790px){
.tt-footer-col .row {
    justify-content: space-between;
}
.tt-footer-col .col-md-6.col-lg-4.col-xl-4 {
    max-width: max-content !important;
}
}
</style>

Copy

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Rock Technolabs

[harrygoat1218]

Sir it worked, I marked it as solution. Can I ask one more question please.

[Dan-From-Ryviu]

What is your question?

[harrygoat1218]

Sir I have posted it as a discussion. Can you have a look, I have written it in detail. The link is.........

https://community.shopify.com/c/shopify-discussions/regarding-svg-codes-disaster/m-p/2214739#M383392

[Zeon]

Sorry paste at where specifically?

[Zeon]

Sorry I meant where to paste this code .pagecart .detach-quantity-desctope { display: none !important; } to remove quantity selector on the cart

[Dan-From-Ryviu]

I don't know if it works with your theme, but you can add this code to the theme.liquid file after <head>

<style> 
.pagecart .detach-quantity-desctope { display: none !important; }
</style>