How To Remove The Price From Specific Collection In Expanse Theme

Shopify Discussion

Topic summary

A user needed to hide product prices and the “Add to cart” icon on a specific collection page in the Expanse Shopify theme.

Solution Found:

The issue was resolved by adding custom CSS to the specific collection template:

  • Navigate to: Customize section → Collections → [Collection template name] → Product Grid → Custom CSS section
  • Add CSS rules with display: none !important; to hide:
    • .grid-product__price--current (product price)
    • .btn (buttons)
    • .btn--circle (circular buttons)
    • .btn--icon (icon buttons)

This approach successfully removed both the pricing display and the hover-activated cart icon from the targeted collection without affecting other pages.

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

I built a template for a specific collection and i want to remove the price from showing on this specific collection: https://thebkpetstore.com/collections/products-we-love

I also want to remove the + Add to cart icon when you hover over the image in this specific collection

2

SOLVED:

I added CSS to the specific collection template in the custom css section of the product grid

In the customize section: collections > [name of your collection template] > product grid > custom css

.grid-product__price--current {
display: none !important;
}
.btn {
display: none !important;
}
.btn--circle {
display: none !important;
}
.btn--icon {
display: none !important;
}
1 Like