Hide 'Add to cart' button on collection page - Supply Theme

[Joe220678]

I am looking for a solution to hide the 'Add to cart' button on COLLECTION page ONLY in Supply theme.

We want the 'Add to cart' button to remain on the product page only.

Thanks

[GemPages]

Hello @Joe220678 

It's GemPages support team and glad to support you today.

To provide you with the most precise solution in this case, could you please share the home page link?

[Joe220678]

www.sehome.co.uk

[GemPages · Accepted solution]

@Joe220678 

I would like to give you a solution to support you.

1. Go to Online Store -> Theme -> Edit code.

2. Open your theme.liquid theme file.

3. Paste the below code before </body>:

<style>
  body.template-collection a.product-grid-item form .btn{
     display: none;
  }
</style>

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

[Joe220678]

That has worked perfectly. Thank you.

Is there a way to hide the 'Add to cart' button on the (More of this range) section on the product pages?

Link below:

Antique Brass 2 Gang 13A DP Ingot 2 USB Twin Double Switched Plug Sock – SE Home

[Joe220678]

Is there a way to hide the 'Add to cart' button on the (More of this range) section on the product pages?

Link below:

Antique Brass 2 Gang 13A DP Ingot 2 USB Twin Double Switched Plug Sock – SE Home

[Ujjaval]

add below code into theme.liquid file before closing </body> tag

<style>
form {
    display: none !important;
}
</style>

[nourishedskinco]

Hello,

I would like help with moving 'add to cart' closer to product on collection pages. When I have installed code mentioned previously it sits closer to the product underneath and is confusing. It also sits in different positions based on length of product description. Can I be moved next the product description & price? See examples...