How do I hide price on collection page without it disappearing from mini cart as well - Focal theme

Store Design
, , ,
1

I tried to make it not visible on product-item-meta but then it will also be invisible on mini cart page

2

HI @galleriste

Try hiding the price using CSS code from cards it will not remove it from the Cart

1 Like
3

How does that work?

4

If you can share your link and password if it is password protected I will write the CSS for you

1 Like
5

https://568839.myshopify.com/

There you go I removed the password

6

Hi @galleriste

It is still password-protected

Mehran_Ali_0-1732701906195.png
Mehran_Ali_0-1732701906195.png1902×1061 28 KB

1 Like
7

Oh sorry how about now?

8

You just need to follow these steps:

  1. Go to the Online Store
  2. Edit Code
  3. Find theme.css / base.css

And past that CSS Code:

.product .product-meta__price-list-container .price-list,
product-item .product-item-meta__price-list-container .price-list {
    display: none;
}

I hope this solution works for you!
If it does, please Like It and Mark It As A Solution, or support me by Buying Me A Coffee to keep me going

1 Like
9

did you mean add it to the end of the file? If so it didn’t work

1 Like
10

It works on dom if its not working on your store so i have to investigate more so kindly share you store collaboration access in private i will check that

11

I forgot to mention that the changes should be on mobile view as well as that is what im building the site for

12

You mentioned making the change in CSS code from cards earlier. Would that work?

13

Got it to work thanks!

1 Like