How can I remove the "Quick Shop" button for specific products?

[natalieesmith0]

I have assigned specific templates to a handful of products that aren’t able be shipped. The “add to cart” button is disabled on these product pages. However, our customers are able to bypass this by using the “quick shop” button from collection or search pages. I’ve tried disabling quick shop by going to edit theme > selecting the template from the top dropdown menu > theme settings > product grid > Quick shop > disable. However, this is disabling quick shop for every product in the store, not just the products in the specific templates. We are usun a custom theme so maybe that has something to do with it.

[Laza_Binaery]

Hi @natalieesmith0

If you need to have some action by product, one of the way is use the product metafield. For example, you can create a new metafield, type boolean (true/false) named “hideInQuickShop”.
Then for each product that you want to hide, set the value to true.
Next step requires a bit of code, but you have to find code that displays that Quickshop and wrap it with unless hideInQuickShop is equal to true
It should work.

[natalieesmith0]

Hi, thank you for your reply @Laza_Binaery, I am a super beginner at coding so I’m not familiar with boolean (true/false). I’ve been looking all over for the quickshop code within my theme but there seem to be a lot of different results coming back when i use the search function.

[Laza_Binaery]

Could you share a link to your store?

[natalieesmith0]

Sure, Bearcub Outfitters.

[natalieesmith0]

The products are things like fuel, oversized items and the brand Vuori. You can see they’re unable to add to cart from the product page but still available to add with quick shop. I just realized I disabled all quick shop so I’m turning it back on now.

[Laza_Binaery]

Ok here is quick guide. Make a copy of your current theme (rigth click on 3 dots near Edit theme button of your live theme and click on Duplicate. Just to be safe and for tests, do all changes in this theme Edit code option.

For Metafield, click on Settings in bottom left cornet > Choose Metafields and Metaobjects > choose first Products an click on Add new definition button. In fields you just need to add name
hideQuickShop and leave One and for type choose True/false.
And save defenition.

Next in one product in admin go to its details and scroll down to metafields area. Locate hidequickshop and click on empty input field and choose True. Remember to save.

Now for next step, I do not have exact place but try to find this section

<div class="productitem--actions" data-product-actions="">
          
            <div class="
                productitem--action
                atc--button
                
              ">
              <button class="productitem--action-trigger productitem--action-qs button-secondary" data-quickshop-trigger="full" type="button">
                Quick shop
              </button>
            </div>
          
        </div>

So search in code first for productitem--actions and <button class="productitem--action-trigger productitem--action-qs button-secondary" data-quickshop-trigger="full" type="button">
it should be data-quickshop-trigger as unique identifier. THat could be in file product-card.liquid or product-card-actions.liquid but this is just guessing. IF you find it but not sure, you can copy part of code here.

But to test, you can wrap part of code with this

{% assign hideButton = product_resource.metafields.custom.hidequickshop.value %}

{% unless hideButton == true %}

-----

{% endunless %}

Instead of ---- there should be a block of code you want to hide, so div with class productitem--action atc--button that is a parent of the quick shop button.

I think you can do it even if you are begginer but if you have no luck with code, in a private message, you can send me the collaborator code and I could check this out.

[natalieesmith0]

omg thank you so much for writing this all out!! I got as far as locating the “data-quickshop-trigger“ in my duplicated theme. I just can’t quite wrap my head around where to put the code you suggested. I would love if you’d take a look at it! I’ll PM you the code.

[tim_1]

Just keep in mind that hiding the “Add to cart” button does not shield you completely from the customers adding these products to cart.

You need to enforce it by some back-end checks, like setting the inventory to 0 or moving these products to an alternate location which does not serve customers directly (this way they will be seen as in-stock on storefront, but not possible to add to cart/checkout)

[swym]

(post deleted by author)