Remove "Free" from the collection and search page

eneskbm
Tourist
51 0 1

Hi,

 

There is a product which I don't wanna show its price and that's why I entered the price as 0. And in the collection page it shows the price as Free. How can I remove the Free text in the collection page and in the search result page?

 

url: https://kismetbymilka.com

 

Is there any such rule like: when you see no price product in the collection page and in the search result page hide the price of these products?

 

eneskbm_0-1708513546842.png

 

 

Can someone help me in regards?

 

Best,

Replies 21 (21)

MilesWeb
Explorer
58 3 3

Hello @eneskbm,

The answer is simple, you need to remove the HTML text tag (opening and closing) along with its class. This duty can be done by your developer as it requires the website backend operation expertise. Remove them and you will get the solution. 

iffikhan30
Shopify Partner
246 35 44

Could you please send me the collection link which collection this product call because you have lots of products.

Custom theme and app [remix] expert.

Email: irfan.sarwar.khan30@gmail.com
Chat on WhatsApp
eneskbm
Tourist
51 0 1

@MilesWeb can you help me since our developer is external and not respond me quickly. if you can provide me the solution in details, i can access to the backend and resolve the issue accordingly.

 

@iffikhan30 sure. you can find the product at the bottom of the collection page. looking forward to your reply.

https://kismetbymilka.com/collections/customization

MilesWeb
Explorer
58 3 3

We have inspected the issue carefully and found that one tag class of <span class="product-thumbnail__price price "> Free</span> is creating the ruckus. Kindly remove that and instead of free you can use, Customization at requirement. 

MilesWeb_0-1708516138366.png

 

eneskbm
Tourist
51 0 1

That's perfect! Where can I change the code in the backend exactly, product_liquid or where? Could you please help me in regards as well?

MilesWeb
Explorer
58 3 3

You need to find out the code as the code structure of your website is complex. For inspecting the code Press Ctrl+U Keys.

eneskbm
Tourist
51 0 1

Since I'm not a developer I need to find out where and which row should be changed in the backend. If you could help me in regards of course I will mark it as a solution.

Looking forward to your help 😞

MilesWeb
Explorer
58 3 3

Mark it as solution if you are satisfied with our answer.

 

Regards,

MilesWeb Team

eneskbm
Tourist
51 0 1

@MilesWeb awaiting your help 😕 I think it's related to this area below.

 

eneskbm_1-1708604234448.png

 

MilesWeb
Explorer
58 3 3

<a href="/collections/customization/products/name-family-bracelet" class="product-thumbnail__title">Name/Family Bracelet</a>

In your backend, we have inspected this code.

Just remove that FREE word.

MilesWeb_0-1708604727150.png

 

Ritu-25
Shopify Partner
129 26 15

Hello @eneskbm

 

In price code use this, I hope this helps.

{% unless product.price contains 'Free' %}
<----- Price code here ------>
{% endunless %} 

 

Thanks, 

Ritu 

 

If helpful then please Like and Accept Solution.
You can directly PM.
Email Me : nayakritu.2506@gmail.com
eneskbm
Tourist
51 0 1

hi @Ritu-25 

thanks for your help! where should i insert this code exactly?

eneskbm
Tourist
51 0 1

@Ritu-25 awaiting your reply 😞

Ritu-25
Shopify Partner
129 26 15

Hey @eneskbm , 

 

Please Find this class in your product file. "product-thumbnail__price" you will find some code like below. 

<span class="product-thumbnail__price price ">{{ product.price }}</span>

 

Then just replace this with below code.

{% unless product.price contains 'Free' %}
<span class="product-thumbnail__price price ">{{product.price }}</span>
{% endunless %} 

 

If it's not working the please let me know which theme you are using. 

 

Thanks, 

Ritu 

If helpful then please Like and Accept Solution.
You can directly PM.
Email Me : nayakritu.2506@gmail.com
eneskbm
Tourist
51 0 1

Hi @Ritu-25 ,

I couldn't find "product-thumbnail__price" or something like that 😞 When I search similar this I found these in the screenshot below.

We use Flex theme 3.0.0 by Out of the Sandbox

Awaiting your help.

eneskbm_0-1708601365035.png

 

Ritu-25
Shopify Partner
129 26 15

Hey @eneskbm , 

Is there any file like product.liquid  , card-product.liquid, or main-product.liquid?

Then go to that file and then search "product-thumbnail__price"

If helpful then please Like and Accept Solution.
You can directly PM.
Email Me : nayakritu.2506@gmail.com
eneskbm
Tourist
51 0 1

hey @Ritu-25 ,

I think this is the one what we are looking for but I haven't changed anything. Better if you could take a look at this and please tell me what should I change exactly?

 

eneskbm_0-1708602251907.png

 

Ritu-25
Shopify Partner
129 26 15

@eneskbm , 

Before <span > add this code:  {% unless product.price contains 'Free' %}

and after </span> add this code:  {% endunless %} 

Refer screenshot for more clerification 

 

Ritu25_0-1708602671237.png

 

If helpful then please Like and Accept Solution.
You can directly PM.
Email Me : nayakritu.2506@gmail.com
eneskbm
Tourist
51 0 1

@Ritu-25 

I got this error below 😕

eneskbm_0-1708604031116.png

 

Ritu-25
Shopify Partner
129 26 15

@eneskbm , 

 

Span is not which is closing there. remove that {% endunless  %} 

 

Click this :  when this closing "</span>" after that put  {% endunless  %}

Ritu25_0-1708604273047.png

 

 

If helpful then please Like and Accept Solution.
You can directly PM.
Email Me : nayakritu.2506@gmail.com
eneskbm
Tourist
51 0 1

@Ritu-25 ,

I see there is arrow in row 141. However, it's not clickable 😞 When I click it nothing dropdown or something. I tried putting at the end of row 146 but I got the same error. I don't know what to do tbh.