Help! Remove Add To Cart Button On Collections Pages

Solved

Help! Remove Add To Cart Button On Collections Pages

Norrrrra
Tourist
4 0 2

Hi,

Can some suggest the easiest way to remove the Add To Cart button on collections pages.

Any help is greatly appreciated. 


Accepted Solution (1)
GemPages
Shopify Partner
5625 1262 1287

This is an accepted solution.

Hi @Norrrrra ,

 

I would like to give you a recommendation to support you so kindly follow steps below:

 

1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1678615183627.png


2. Open your theme.liquid theme file


3. Paste the below code before </head>

<style>
.collection-template .product-grid .quick-add-wrapper {
 display: none !important;
}
</style>

 

Let us know how it works for you.

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 7 (7)

GemPages
Shopify Partner
5625 1262 1287

Hello @Norrrrra ,

 

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

 

Could you please share your store URL ( with the password if your store password is enabled ) then I can see and suggest something for you?

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
Norrrrra
Tourist
4 0 2

Hi mate,
thanks for the quick response, here is the url: https://booziesdesign.myshopify.com/

Nora

GemPages
Shopify Partner
5625 1262 1287

This is an accepted solution.

Hi @Norrrrra ,

 

I would like to give you a recommendation to support you so kindly follow steps below:

 

1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1678615183627.png


2. Open your theme.liquid theme file


3. Paste the below code before </head>

<style>
.collection-template .product-grid .quick-add-wrapper {
 display: none !important;
}
</style>

 

Let us know how it works for you.

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
Norrrrra
Tourist
4 0 2

Hi mate,

i tried and it totally worked!
Thank you very much for your help.

Nora

Norrrrra
Tourist
4 0 2

Hi again, I just found that the image on my home page is dislocated after I edited the code. Could you please check?

GemPages
Shopify Partner
5625 1262 1287

Hi @Norrrrra ,

 

Could you share detail about your image issue?

 

I have checked and found that it still displays normally on my end

GemPages_0-1678682665890.png

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
GoddessGardenAu
New Member
4 0 0

Hi,

 

I have the same issue but the solution provided is not working for me.

I just need to remove the Add to Cart button from this collection where the products are all subscriptions (but keep on normal collection pages).

https://thegoddessgardenaustralia.com.au/collections/temples

 

Any help would be greatly appreciated.