Remove Add to Cart button in Collections

dgreervxv
New Member
3 0 0

I need help removing the Add to Cart button that is showing up in on the collections page.

 

Please help.

 

Thanks!

0 Likes
StephenK
Shopify Partner
53 3 24

We'll need a little more to go on than that.
Perhaps the name of your theme or link to the offending page?

Some Shopify/Ecommerce related articles - https://medium.com/@stephenkeable
dgreervxv
New Member
3 0 0

I have a custom created Theme.  A link to the page I'm referring to is below.

https://mailboxstoreusa.com/collections/parts

 

0 Likes
dgreervxv
New Member
3 0 0

anyone have any suggestions?

0 Likes
StephenK
Shopify Partner
53 3 24

If your theme doesn't have the option to turn off "quick buy" or similar on the collection page, the original devs of the theme might be able to add this.
Hover in your CSS there will be this rule:-

.product-miniature.hover_up:hover .form-vertical {
transform: translateY(-100%);
transition: all .4s;
}

Which scrolls the description up to show the button. Removing that would disable them from being shown.

You will also need to add a rule like this to hide the button on smaller screens.

.product-miniature .btn-add-to-cart {
display:none;
}

 

Some Shopify/Ecommerce related articles - https://medium.com/@stephenkeable
0 Likes