How To Hide The Unit Price On Collection View

Niklas0706 · ‎03-23-2024

Hi

we would like to update to the new Prestige version but we would like to hide the unit price on the collection list.

We need the unit price in the product view.

Does anybody know how to do it?

At the moment it looks like this

ThePrimeWeb · ‎03-23-2024

Delete the previous code and replace with the following, Instructions are the same

<style>
unit-price {
    display: none !important;
}

safe-sticky.product-info unit-price {
    display: block !important;
}
</style>

Was I helpful?

☕Buy me a coffee☕

❤ 🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

ThePrimeWeb · ‎03-23-2024

Hey @Niklas0706,

Can you share the link to this page of your store? If the theme is still in draft, you can share the preview link

Was I helpful?

☕Buy me a coffee☕

❤ 🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

Niklas0706 · ‎03-23-2024

Hey,

the preview link is: https://ka8isud05id7lrwj-70400999698.shopifypreview.com

ThePrimeWeb · ‎03-23-2024

Hey @Niklas0706,

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
unit-price {
    display: none !important;
}
</style>

Screenshot is for reference only, the correct code to paste is the one shown above.

Was I helpful?

☕Buy me a coffee☕

❤ 🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

Niklas0706 · ‎03-23-2024

Thank you very much, i changed it but we need the info on the product page. It has now disappeared from the collection page but also from the product page.

https://ka8isud05id7lrwj-70400999698.shopifypreview.com

ThePrimeWeb · ‎03-23-2024

Delete the previous code and replace with the following, Instructions are the same

<style>
unit-price {
    display: none !important;
}

safe-sticky.product-info unit-price {
    display: block !important;
}
</style>

Was I helpful?

☕Buy me a coffee☕

❤ 🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

machecnik · ‎11-17-2024

This, unfortunately, does not seem to be working on Dawn v15

How To Hide The Unit Price On Collection View