Remove add to cart from product cards

Store Design
, , ,

Topic summary

A user seeks to remove the \

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
1

Hi, can anyone help me to remove the add to cart button with the white background from the product cards in the featured products sections and collection templates ?

Password: daumas

Daniel19901_0-1733309600415.png
Daniel19901_0-1733309600415.png219×189 23.4 KB

1 Like
2

Hi @Daniel19901

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.css / based.css file and paste the code in the bottom of the file.
button.stain-button-canvas.group\/quick-action-button.bg-button.flex.items-center.justify-center.type-accent.font-bold.text-r3.transition-opacity.duration-\[--enter-animation-duration\].pointer-events-auto.w-r12.aspect-square.min-w-\[40px\].min-h-\[40px\].md\:min-h-\[48px\].md\:px-r8.md\:py-r5.md\:w-full.md\:aspect-auto {
    display: none;
}

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

3

@media only screen and (max-width: 768px) {
.stain-button-canvas {
display: none;
}
}