How to remove product prices from collection on home screen (Impulse Theme)

Store Design
, ,
1

Hi!

I am using the Impulse Theme. I would like to know if there’s any way I could hide the product prices on a collection. I’ve been looking through the code to see if I could find a quick solution, though every other discussion on the forum seems to only have the answer for other themes and I’m not that good with using coding.

Thank you!

1 Like
2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset-> theme.css and paste this at the bottom of the file:
.collection-grid__wrapper .grid-product__meta .grid-product__price {
    display: none;
}

ZestardTech_0-1682508862344.png
ZestardTech_0-1682508862344.png1737×735 195 KB

3

Hello @RonanLC

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->theme.css>Add this code at the bottom.

.collection-grid__wrapper .grid-product__meta .grid-product__price {
    display: none;
}
4

Hi @RonanLC ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for solution:

Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :

Hope my answer will help you.

Best regards,

Victor | PageFly

5

@RonanLC add below code into theme.liquid file before closing tag

{% if template.name == "index" %}
 .collection-grid__wrapper .grid-product__meta .grid-product__price {
    display: none;
}
{% endif %}
6

Thank you so much for the answer!

Is it possible to only hide them from one collection and not all?

7

Would you mind sharing the code for how to remove product name/price from a featured collection on the home page?