Change button in Collection page or product card

Technical Q&A
,
1

Hello! Please help me :disappointed_face:
I wanted to change the button for rental products in the collection page or shop all or product card.

As you can see, I created a custom button for non-selling products>>

kristinejrb_0-1671427703133.png
kristinejrb_0-1671427703133.png1628×688 94.2 KB

and when I checked it in the shop all, the button is add to cart.

kristinejrb_1-1671427774533.png
kristinejrb_1-1671427774533.png1159×784 117 KB

Can anyone please help me how to change it specifically for the group of products only?
Thank you in advance!!!

2

Hello @kristinejrb
Please share your website URL.

3

Hi @MandasaTech ! Here’s our website>> ACM Testing

Thank you!

4

Hello @kristinejrb ,

It seems you are using a third-party theme. Could you let us know which theme you are using?

For your information, you need to make changes in your theme script for adding the “Reserve now” button on specific products.

We suggest you hire a Shopify developer who can help you with this.

Do let us know if you have any further questions.

All the best,

CedCommerce

5

I am using Ella Theme. I already change a button through the product template but in the collection page the add-to-cart button still shows.

@Cedcommerce

6

Hello @kristinejrb ,

Thank you for your quick reply.

We would like to inform you that for the collection page, you need to make changes in the collection template file, as you can also check there must be a snippet included for rendering each card grid.

Hence, you need to make changes to the card grid.

If you are using infinite scrolling on the collection page then it might not function properly in this case because this functionality is handled with Javascript, so you need to make changes in the javascript file as well.

Cedcommerce_0-1671538119683.png
Cedcommerce_0-1671538119683.png300×135 7.15 KB

Hope it was helpful, do let us know if you have any further questions.

Regards,

CedCommerce

7

Hi @Cedcommerce Thank you for your advise. It worked.
From ‘collection-grid-layout’ file it renders another file ‘product-grid-layout’
then from that file, it is rendering each card file so I choose ‘product-card-02’
from that file, I noticed that it renders ‘add-to-cart-form-category-list’
and I used the unless and if tag to change the button of some products in the list and yeah!! It works!!!
Thank you for your advise!!!<3