Replace Add to Cart Button On Certain Collections

Store Design
, ,
1

I’m looking to remove the add to cart / checkout buttons on certain product collections and replace them with a button linking to a Google Form or other URL.

Certain “products” on our site are used as info pages for application forms, while other products are traditional ecommerce products with an add to cart / checkout process. The different product types are broken up by collection, so will need to have some collections with add to cart / checkout, others with a link to an application form.

2

Hello @tsccunningham ,

It’s possible but not without customization.

Or you can try to search an app maybe something helpful found

or if you are looking for a developer to do it you can drop me an email.

Thanks

3

Hi @tsccunningham

You can add tag on product and edit card-product.liquid to hide button and show your Google sheet URL.

Use below code to read the tags

{% for t in product.tags %}

{% if t contains ‘hide-cat-button’ %}

.product-form__submit{ display: none; }

{% endif %}

{% endfor %}

My recommendation will be to hire someone if you don’t have understanding of coding and structure of Shopify.

Don’t forget to keep the backup of your theme.

Looking to hire details are in BIO.

4

Condition with product tag is not recommended as you know filters also use tags so in that case it make issue.
Much better to use checkbox meatfield

and then through code
{% if metafield %}
// leave blank or do something
{% else %}

//default code as it is

{% endif %}