Solved

How To Hide The Unit Price On Collection View

Niklas0706
Tourist
3 0 1

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

 

Bildschirmfoto 2024-03-23 um 09.18.41.png

Accepted Solution (1)
ThePrimeWeb
Shopify Partner
1747 488 357

This is an accepted solution.

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

View solution in original post

Replies 5 (5)

ThePrimeWeb
Shopify Partner
1747 488 357

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
Niklas0706
Tourist
3 0 1
ThePrimeWeb
Shopify Partner
1747 488 357

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.

ThePrimeWeb_0-1711183323214.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Niklas0706
Tourist
3 0 1

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
Shopify Partner
1747 488 357

This is an accepted solution.

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