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

Emmbru75 · ‎04-08-2024

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

ThePrimeWeb · ‎04-09-2024

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.

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

ThePrimeWeb · ‎04-08-2024

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 · ‎04-08-2024

Hi

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

ThePrimeWeb · ‎04-08-2024

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 · ‎04-09-2024

Hi

Here it is : https://h3r9md8s8nk8izsp-82116903238.shopifypreview.com

ThePrimeWeb · ‎04-09-2024

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.

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 · ‎04-09-2024

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 ?