How can I remove prices from a specific collection on Prestige theme?

[jasiri63]

I have searched here and watched many you-tube videos. Everything says something different. 

I want to be able to remove the price on my affiliate collection page (I also have collection pages where I sell my own products so the price needs to remain) . I use Prestige theme.

I just don't want Amazon prices to show (and eventually other affiliates) because they change so often. 

Most solutions have me adding just one line of code to changing entire pages. Changing entire pages scares me. 

And, most of the time with just one collection of products it seems hard to find that specific collection to change the code.

I am also using Spreadr as the import app for amazon to shopify. 

Can anyone give me a simple solution or at least explain it simply?

Thanks!

SAndra

[theycallmemakka]

Hi @jasiri63 ,

Removing the price from certain collection pages require updating the theme code. Can you provide me with the link to your collection page? I will write a code to remove the price from that specific page.

Thank you

[Dan-From-Ryviu]

Hi @jasiri63 

With collection page, please send me that collection link so I can provide code to remove price.

In product page, you can create a new template for those affiliate products and delete Buy button block from that template. 

You can check this to learn how to create a new template for your products 

https://help.shopify.com/en/manual/online-store/themes/theme-structure/templates#create-a-new-templa...

[jasiri63]

https://admin.shopify.com/store/curvy-girl-knits/collections/300829933760

Is this what you need? Do you need a password too?

[theycallmemakka]

Hi @jasiri63 ,

Seems like you are trying to remove price from the products that are in  collection https://curvygirlknits.com/collections/curated-collection-from-curvy-girl-knits

If i am correct, please add below code to theme.liquid file

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code just above </body> tag

{% assign search_handle = product.collections | map: "handle"%}
{% if search_handle contains 'curated-collection-from-curvy-girl-knits' %}
<style>
  .ProductMeta__PriceList.Heading {
      display: none;
  }
</style>
{% endif %}

If you require further help to optimize your store, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

[jasiri63]

It has worked so far except when I hover over the item on the collection page. It still shows up there. Even when I remove "show price on hover" it shows up instead of disappearing. ANy ideas?

THanks so far!!! 

Sandra

[jasiri63]

[theycallmemakka]

Hi @jasiri63 ,

Try adding the following code just above </body> tag

{% assign search_handle = product.collections | map: "handle"%}
{% if search_handle contains 'curated-collection-from-curvy-girl-knits' %}
<style>
.ProductItem__PriceList.Heading {
    display: none!important;
}
</style>
{% endif %}

[jasiri63]

Is this in addition to the previous code or instead of...

[theycallmemakka]

Replace this code with the previous one.

[jasiri63]

No this one didn't work. The prices are back on the item page and the "hover" price is now permanent. 

The first code worked to remove on the item page. 

Any more thoughts? I really appreciate your time!

Sandra

[theycallmemakka]

Can you show me the screenshot of the code that you have added on the store??

I dont see any of my code on the frontend.

[jasiri63]

[theycallmemakka]

Can you provide me access to your store? To add this on your site?

[theycallmemakka · Accepted solution]

Also can you try replacing older code with the below codes?

{% if collection.handle == 'curated-collection-from-curvy-girl-knits' %}
<style>
.ProductItem__PriceList.Heading {
    display: none!important;
}
</style>
{% endif %}

[Dan-From-Ryviu]

Hi @jasiri63 

You can add this code to your to hide price on this collection page 

{% if collection.id == 300829933760 %}
<style>
.ProductItem .ProductItem__PriceList { display: none !important; opacity: 0 !important; }
</style>
{% endif %}

[jasiri63]

How do I find where to add the code...there is so much of it.

[Dan-From-Ryviu]

Please add code in your theme.liquid file before </head> tag in Online store > Themes > Edit code

[jasiri63]

Thanks I am going to try it in the morning!

[jasiri63]

When I search for </head> it doesn't come up. What else could it be?

Thanks again!

[Dan-From-Ryviu]

So you can place code right below <body> tag 

[Moeed]

Hey @jasiri63 

Can you provide the link of the collection from where you want to hide the prices from?

Best Regards,

Moeed