Disable add to cart button at grid/sliders

Is it possible to disable the ”add to cart” button and icons like example: https://themes.shopify.com/themes/alchemy/styles/modern/preview but leave the product images the same size?

Now if I set the add to cart button to display: none; the images get smaller at the hover. I want them to be the same size.

Attachments:

You must be logged in to view attached files.

Hello,

The below code will help you to change the size of the hover image, enter it into the “Global Custom CSS” area that is in Theme Settings -> Custom CSS.

.product-grid-item .hover-img img,
.product-grid-item .hover-img>a {
    height: 100%;
}

Let me know if you have any questions, I’d be happy to answer them.

Kind Regards

Thanks a lot! It works perfectly!

Is it also possible with the grid to get the ”ad to cart” or the ”see options” next to the product title like example (screenshot 7) On hover the price changes into the ”add to cart” button.

Attachments:

You must be logged in to view attached files.

Hello,

Yep, you just need to change the product style that includes such an effect. Please navigate to Theme Settings -> Product archive -> Products styles -> enable the “Icons and add to cart on hover” style.

https://prnt.sc/wkFz3BJzOpN_

Let me know if you have any questions, I’d be happy to answer them.

Kind Regards

Thank you, but that’s not what I mean. I want the add to cart text/button next to the product title.

Hello,

Sorry but there is no option in Theme Settings available for that.

It requires customizations and this is beyond our limitations and support policy.

Thanks for your time and have a great day.

Best Regards

Hi,

Thank you! No problem. Thanks for the support so far! Have a nice day!

Hello,

You are welcome!

If there’s anything you need, please write me or another member of our help desk team.

We’re here for you!

Kind Regards

[Author]

Posts