Custom Theme, removing "from" price on Collections Page

Solved
tomermulaim
Tourist
4 0 2

I would like a solution from an expert for my specific site. To change the design of my collections pages, because I'm offering a "FREE SAMPLE" variant, the collections page now displays "from $0.00" instead of the former "4.50" for example. How can I either hide the price from being displayed or display the price as anything but the "FREE SAMPLE" $0 price. 

 

I tried looking for previous answers here but they weren't satisfactory. I only understood that the change will possibly be made on the (collection-template.liquid) page 

Accepted Solution (1)
KetanKumar
Shopify Partner
36588 3628 11811

This is an accepted solution.

@tomermulaim 

yes please try this code work only collection page

1. Go to Online Store->Theme->Edit code
2. Asset->/styles.css->paste below code at the bottom of the file.

.template-collection .product-thumb-caption-price>li:first-child {
    display: none;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 5 (5)
KetanKumar
Shopify Partner
36588 3628 11811

@tomermulaim 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
tomermulaim
Tourist
4 0 2

Thank you my URL is www.tilesmia.com

KetanKumar
Shopify Partner
36588 3628 11811

This is an accepted solution.

@tomermulaim 

yes please try this code work only collection page

1. Go to Online Store->Theme->Edit code
2. Asset->/styles.css->paste below code at the bottom of the file.

.template-collection .product-thumb-caption-price>li:first-child {
    display: none;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
tomermulaim
Tourist
4 0 2

Thank you, this was a great resolution. 

KetanKumar
Shopify Partner
36588 3628 11811

@tomermulaim 

its my pleasure to help us 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing