Hide pricing in collection grid.

Store Design
, , ,
1

Hi everyone, I would like to hide the prices on my collection grid. I have created a custom collection template and assigned a select number of products to it. However, in my theme, the prices are not hiding as expected. I tested this code with the Dawn theme, and it worked, but I’m having trouble getting it to work with the Beyond theme, I have yet to purchase or publish the theme but apparently I can make edits until I’m read.

Thanks!

Code:

.price_container {

display: none;

}

Beyond Theme: https://themes.shopify.com/themes/beyond /styles/eco?locale=en&surface_detail=beyond&surface _inter_position=1&surface_intra_position=1&surface_type=

search

1 Like
2

Hi @COGD7

Try using this CSS

/* Hide price container */
.product--price-container {
  display: none !important;
}

/* Optional: Adjust spacing if needed */
.product-card--details {
  margin-bottom: 0;
}

Hope it helps.

3

Hi @COGD7

Because the price class on the Beyond theme is different from the Dawn theme, please use this code instead.

.product-card--details .product--price-container { display: none; }

Best,

Dan from Ryviu

1 Like
4

Hi @COGD7

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file theme.css and add this code at the end of the file

.product--block--price-wrapper {
    display: none !important;
}

Result

DaisyVo_0-1741919553606.png
DaisyVo_0-1741919553606.png1280×956 48.8 KB

Best,

Daisy

5

Thank you so much this worked!

I have now decided to use impact, can you help me with a code to use for this theme please?

https://themes.shopify.com/themes/impact/styles/shape?locale=en&surface_detail=impact&surface_inter_position=1&surface_intra_position=1&surface_type=search

1 Like
6

Here is the code for Impact

.product-card__info .price-list { display: none !important; }
7

You’re amazing! Thank you so much.