How to remove price from one collection that is on the homepage?

Store Design

Topic summary

A user wants to hide product prices specifically for a “Featured” collection displayed on their homepage, while using the Venue with Installments theme.

Solutions Proposed:

  • Option 1: Add CSS targeting the homepage template:
.index-product__details__hover {
  display: none;
}
  • Option 2 (More Detailed): Navigate to Shopify Admin → Online Store → Themes → Actions → Edit Code → Assets folder → locate base.css/style.css/theme.css and add:
.home-products_grid .product__price-price span {
  display: none;
}

Both approaches use CSS to hide price elements on the homepage collection. The second solution includes step-by-step navigation instructions and appears to target the specific homepage product grid more precisely. A screenshot showing the expected result was also provided.

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

Hello,

I have a collection called featured which is displayed on my homepage. I am using the Venue with Installments theme. I’d like to remove the price on the products displayed on the homepage (the featured collection). Any ideas on how to do this? Here’s my website: www.rarebooksleuth.com

Thanks!

1 Like
2

You can add the css code to hompeage

.template-index .product__details__hover {
    display: none;
}
3

Hi @rarebooksleuth

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:
.home-products__grid span.product__price-price {
    display: none;
}

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!