Add cart button on collection pages Debutify theme

[worldspawn]

Hi guys,

Could you please guide me on how to add a cart button to every product on the collection page using the Debutify theme?

wesbite url www.homesector.eu

Thanks

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find product-card-grid.liquid > product-card-grid.liquid and paste this at the bottom of the file:

[worldspawn]

HI @ZestardTech thanks for reply. Unfortunately I dont have product-card-grid.liquid file.

Could it be under a different name ? Like product-grid-item ?

Kind regards

[ZestardTech]

Hello @worldspawn

you can add code in product-grid-item.liquid

[worldspawn]

After adding the code at the bottom in product-grid-item.liquid

i want only icon like this one from google to appear

Thank u for helping me

[ZestardTech]

Hello @worldspawn

Add this code and check.

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.scss.css and paste this at the bottom of the file:

form.addtocartbutton {
    margin: 0 auto;
}

[worldspawn]

Update:

Cart appeared but not in designated place.

Products were initially displayed in a row of 4 are now appearing with only 3 products per row

Which text should i copy/paste for the google cart

Here’s the code which doesn’t move the icon

Thanks.

[ZestardTech]

Hello @worldspawn

you can add code after a tags.

[worldspawn]

can you please explain me in further details. I couldn’t understand which code to paste and where