Solved

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

harrygoat1218
Excursionist
58 0 3

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.

 

Screenshot (601).png

Accepted Solutions (3)

PageFly-Noah
Shopify Partner
1283 227 260

This is an 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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Dan-From-Ryviu
Shopify Partner
7969 1552 1580

This is an 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; }

Screenshot 2023-09-06 at 09.56.51.png

- Helpful? Like and Accept solution to let me know or Buy me coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

RockTechnolabs
Shopify Partner
251 36 59

This is an 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

RockTechnolabs_0-1693985866319.png

 

 

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

Best Regards,
Rock Technolabs

banned

View solution in original post

Replies 30 (30)

Beae_Anthony
Shopify Partner
436 167 175

Hi @harrygoat1218 ,

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

Beae - The NextGen Page Builder


- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Blog
harrygoat1218
Excursionist
58 0 3

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_Anthony
Shopify Partner
436 167 175

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

Beae - The NextGen Page Builder


- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Blog
harrygoat1218
Excursionist
58 0 3

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
Shopify Partner
6339 580 1350

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

Save time & money ,Ask Questions The Smart Way


Confused? Busy? Get the solution you need paull.newton+shopifyforum@gmail.com


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Buy Paul a Coffee for more answers or donate to eff.org


harrygoat1218
Excursionist
58 0 3

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

PageFly-Noah
Shopify Partner
1283 227 260

This is an 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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

harrygoat1218
Excursionist
58 0 3

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

harrygoat1218
Excursionist
58 0 3

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

PageFly-Noah
Shopify Partner
1283 227 260

Yes, Please tell me if you need help.

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Dan-From-Ryviu
Shopify Partner
7969 1552 1580

This is an 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; }

Screenshot 2023-09-06 at 09.56.51.png

- Helpful? Like and Accept solution to let me know or Buy me coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

harrygoat1218
Excursionist
58 0 3

where do I add this code Sir?

Dan-From-Ryviu
Shopify Partner
7969 1552 1580

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

- Helpful? Like and Accept solution to let me know or Buy me coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

harrygoat1218
Excursionist
58 0 3

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

Dan-From-Ryviu
Shopify Partner
7969 1552 1580

Go to your store admin > Online store > Themes > Edit code > Assets > theme.css Screenshot 2023-09-06 at 10.18.04.png

- Helpful? Like and Accept solution to let me know or Buy me coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

harrygoat1218
Excursionist
58 0 3

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
Shopify Partner
7969 1552 1580

You are most welcome

- Helpful? Like and Accept solution to let me know or Buy me coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

harrygoat1218
Excursionist
58 0 3

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.

Screenshot (604).png

Dan-From-Ryviu
Shopify Partner
7969 1552 1580

Hi @harrygoat1218 

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

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

Screenshot 2023-09-06 at 10.53.12.png

- Helpful? Like and Accept solution to let me know or Buy me coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

harrygoat1218
Excursionist
58 0 3

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

harrygoat1218
Excursionist
58 0 3

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
Shopify Partner
7969 1552 1580

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>

 

 

 

- Helpful? Like and Accept solution to let me know or Buy me coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

harrygoat1218
Excursionist
58 0 3

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

RockTechnolabs
Shopify Partner
251 36 59

This is an 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

RockTechnolabs_0-1693985866319.png

 

 

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

Best Regards,
Rock Technolabs

banned
harrygoat1218
Excursionist
58 0 3

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

Dan-From-Ryviu
Shopify Partner
7969 1552 1580

What is your question?

- Helpful? Like and Accept solution to let me know or Buy me coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

harrygoat1218
Excursionist
58 0 3

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
Visitor
2 0 0

Sorry paste at where specifically?

Zeon
Visitor
2 0 0

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
Shopify Partner
7969 1552 1580

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> 

- Helpful? Like and Accept solution to let me know or Buy me coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.