Add to cart button - Collections page - Prestige Theme

Store Design
, , , ,

Topic summary

A user needed to hide the ‘add to cart’ button (plus symbol) on collection pages in the Prestige theme.

Solution provided:

  • Navigate to Shopify admin → Online Store → Themes → Actions → Edit code
  • Open the CSS file (base.css, style.css, or theme.css) in the Assets folder
  • Add the following CSS at the bottom:
.collection__main button.product-card__quick-add-button {
    display: none;
}
  • Save changes

Status: Resolved. The user confirmed the solution worked successfully.

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

Hi there!

I’m using the Prestige theme, and I want to hide the ‘add to cart’ button (plus symbol) on the collections page.

I would appreciate your help so much!

https://luyendykjewelry.com/collections/all

Thanks!

Scherm­afbeelding 2025-02-03 om 12.59.01.png
Scherm­afbeelding 2025-02-03 om 12.59.01.png3336×1234 226 KB

1 Like
2

Hi @Chrystel078

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.collection__main button.product-card__quick-add-button {
    display: none;
}

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like
3

It worked, thanks!