Galepet Theme By Theme Forest

Shopify Discussion
1

HI Guys,

Would some one out there know how to disable the add to cart button from the collection pages. I have tried most of the answers found on google but nothing is working.

The main reason i need this is that most of my products are personalisable so i need the customer to go into the product and make choices rather than just purchasing.

Please help.

1 Like
2

Hi @petboy

This can be used by logging in to your store and by removing the required code. You can DM is if you need our help.

Thanks

3

Hi @petboy ,

Ideally, every theme gives the ability to the store owners to manage these basic changes using the customization settings. So I would recommend you first explore your theme customization settings. There is a high chance that your theme will have the settings to disable the “Add to cart” button. Here is a document outlining the guide from the theme developers: https://shopifytemplate.gitbook.io/december-os2.0/theme-settings/general-settings. I would recommend checking this out once and exploring your theme settings.

In case you are not able to find any settings through which you can disable the “Add to cart” button on the collection pages, try following the steps below to hide the"Add to cart" button using custom code.

  1. Open the code editor, as shown in the screenshot below.

swym_0-1725564235544.png
swym_0-1725564235544.png999×417 191 KB

  1. Create a snippet called ‘custom-styles’ and add the below code:

[details=Show More]
Please make sure to verify the selector for the “Add to cart” button in your theme, the selector I have used is from the demo theme, so there are chances that in your theme the selectors may vary.
[/details]3. Include the ‘custom-styles.liquid’ file in your “theme.liquid” file.
Add the following include code to your theme.liquid file.

{% render 'custom-styles' %}

It would look something like below:

swym_1-1725564235971.png
swym_1-1725564235971.png998×570 166 KB

  1. Done? Now save the file, and try previewing to confirm if the changes work for you. In the reference above, it looks like something as shown below:

swym_2-1725564949708.png
swym_2-1725564949708.png2668×1386 280 KB

I hope this will help you in getting the desired layout.

If my responses helped you, please consider giving them a like ( :+1: ) and marking them as accepted solutions if they resolved your issue. Your feedback helps other community members with similar questions.

Thank you!

Regards,
Abhishek from Swym

4

Thank Swym.

Unfortuanetly did not work im afraid.

5

Hey @petboy ,
Could you please share your store URL? If your store is password-protected, kindly provide the password as well. This will allow me to suggest the correct code tailored to your theme.

Thanks