Hide the price on a specific collection (Prestige theme)

Store Design
, ,
1

Hi there,

I’m trying to hide the pricing on this page:

https://maisonmargauxltd.com/collections/hire-the-look

I’ve added the following code but I can’t figure out why it’s not working!

{% if collection.handle == ‘hire-the-look’ %}

.ProductItem__PriceList, .ProductMeta__Price{ display:none!important; }

{% endif %}

Any thoughts/suggestions?

TIA :folded_hands:

2

Hello there!

Ruben_Dev_0-1698142696100.png
Ruben_Dev_0-1698142696100.png1366×768 433 KB

Tou may try with the .price-list class and ensure your liquid is clean

3

Hey @oysterpots

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

{% if collection.handle == 'hire-the-look' %}

{% endif %}

RESULT:

Moeed_0-1698142799807.png
Moeed_0-1698142799807.png1891×858 645 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

4

Thanks Moeed, this has removed the pricing but also the product names! Is there a way to retain the name while removing the price?

Thanks again,

Lottie

5

Also it has removed the pricing across the site, not just for that one collection. This won’t be an acceptable solution unfortunately.

Please advise if there’s another way to tackle this.

Thanks,

Lottie

6

Hey @oysterpots

Upon checking your website, the prices are hidden and the product names are still there.

Moeed_0-1698144858797.png
Moeed_0-1698144858797.png1882×775 544 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
7

Fabulous! This worked. Thanks so much Moeed, it’s very much appreciated.

Lottie

8

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

9

It works on Chrome but when I check on Safari, all product information is missing:

Screenshot 2023-10-24 at 12.06.26.png
Screenshot 2023-10-24 at 12.06.26.png2880×1800 942 KB

Any idea how to retain across browsers?

Thanks,

Lottie

10

Hello back !

Here is how you can achieve this
If liquid handle doesn’t help you, you can use javascript and retrieve the slug of the current page. Then catch and check if you’re on hire-the-look collection page

Add the following script in the file theme.liquid above tag :

Hope this is helpful !

Don’t forget to like and mark as accepted if it works !
Best regards