Solved

Remove quantity (selector and force display to 1) using GRID theme

Emmbru75
New Member
7 0 0

Hi all

 

Sorry but I went through the different posts and I didn't find something which really matches. So I just started to set up a shop with the Grid Theme (PixelUnion) where products will be unique. So I would like to remove quantity and quantity selectors from screens (at least product and cart / pyment templates).

Could you please help ?

Many thanks

Accepted Solution (1)
ThePrimeWeb
Shopify Partner
2138 614 487

This is an accepted solution.

Hey @Emmbru75,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

 

<style>
.product-options.product-options-default-only {
    pointer-events: none !important;
    display: none !important;
}

td.quantity {
    pointer-events: none;
    display: none !important;
}

.cart-items th:nth-child(3) {
    display: none !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1712657528539.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Replies 7 (7)

ThePrimeWeb
Shopify Partner
2138 614 487

Hey @Emmbru75,

 

Can you share the link to your store please? Thanks!

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
Emmbru75
New Member
7 0 0

Hi 

Thanks for your answer. For the moment the shop is not in line

ThePrimeWeb
Shopify Partner
2138 614 487

You can share the preview link to the store for the time being. Also share the password to the store or disable it temporarily

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
Emmbru75
New Member
7 0 0
ThePrimeWeb
Shopify Partner
2138 614 487

This is an accepted solution.

Hey @Emmbru75,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

 

<style>
.product-options.product-options-default-only {
    pointer-events: none !important;
    display: none !important;
}

td.quantity {
    pointer-events: none;
    display: none !important;
}

.cart-items th:nth-child(3) {
    display: none !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1712657528539.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
Emmbru75
New Member
7 0 0

Hi @ThePrimeWeb 

 

Many thanks it is what I wanted to do. There is just one small issue. I don't know if it is something really important.

If a user add in the cart and then click on the product link, the user come back to the product page and could add another time the product in the cart. In that case, there a shopify error (/cart/add) : something went wrong - error cart.

What do you think ?

 

ThePrimeWeb
Shopify Partner
2138 614 487

Hmm, I'm not sure because I am not getting that error. Maybe it's only happening to you? 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!