Shopify themes, liquid, logos, and UX
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?
Can someone help me in regards?
Best,
Could you please send me the collection link which collection this product call because you have lots of products.
@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.
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.
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?
You need to find out the code as the code structure of your website is complex. For inspecting the code Press Ctrl+U Keys.
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 😞
<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.
Hello @eneskbm,
In price code use this, I hope this helps.
{% unless product.price contains 'Free' %}
<----- Price code here ------>
{% endunless %}
Thanks,
Ritu
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
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.
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"
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 ,
Before <span > add this code: {% unless product.price contains 'Free' %}
and after </span> add this code: {% endunless %}
Refer screenshot for more clerification
@eneskbm ,
Span is not which is closing there. remove that {% endunless %}
Click this : when this closing "</span>" after that put {% endunless %}
@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.
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024