Hide prices and product names in product grid and collections grid

Store Design
1

Hi everyone,

I’m using the Dawn theme. I want to hide price & product name on the collections grid and product grid. If you could please point me to the correct areas where to blank out the code it’d be much appreciated.

I’ve looked back on past questions but can’t see them applying here (they are > 3 years old).

Thank you in advance!

J

2

Hi @happysad ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/component-card.css->paste below code at the bottom of the file:
.card__content .card__information {
   display: none !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

3

@happysad , do this to fix it in 20 seconds:

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:
.card-information__wrapper{
    display: none !important;
}

[id*='collection'] .grid__item{
    padding-bottom: 0 !important;
}

diego_ezfy_0-1649145068876.png
diego_ezfy_0-1649145068876.png529×718 61.4 KB

diego_ezfy_1-1649145076852.png
diego_ezfy_1-1649145076852.png1654×793 90.6 KB

Kind regards,
Diego

4

@happysad Go to collection.liquid and use an unless statement around it.

{% unless collection.handle == "your-collection-handle" %}

{{ product.price }}

{% endunless %}
5

this works but now customers can’t click through to the products

2 Likes
6

I don’t have either of theme.scss.liquid or theme.css in assets.

7

thanks for the reply

I’ve just tried but collection.liquid doesn’t exist under any heading

8

@happysad

You can use the file base.css instead.

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Asset > base**.css** and paste this at the bottom of the file:
.card-information__wrapper{
    display: none !important;
}

[id*='collection'] .grid__item{
    padding-bottom: 0 !important;
}
9

Hi Diego,

Thanks for getting back to me.

I’ve just tried this in base.css and it doesn’t seem to have any effect.

Cheers

10

@happysad

Please share your store URL.

11

Hi Diego, I sent you a PM with the URL.

12

for hiding the prices adapt the base.css with custom code:

.card-information .price {
display: none;
}

for the titles: remove the code that is highlighted in the card-product-liquid:

nussknagger_0-1667848154640.png
nussknagger_0-1667848154640.png2844×818 390 KB

13

I want to do this but only with the price, not the product name. What do I need to do, anyone?

14

Thank you for the suggestion. It works, but as others said, it disables click-through. I would like to disable only the price on the summary page and have it only on the details page. Is there any way to do that?

15

Do you know how to use the Custom CSS to remove pricing on product grids? I’m in Mojave theme