Shopify themes, liquid, logos, and UX
Hello,
I need help removing the product price from the featured collection only in my front page. I tried several options but none was a full success. when I try to remove the price it will apply on all the pages. I am using the Dawn theme.
Solved! Go to the solution
This is an accepted solution.
Hello @Joryobk ,
As per my understanding you are looking to hide product pricing in the Home Page.
You can implement this change by following below mentioned steps -:
1. Go to the Online Store, then Themes and click 'Customize' button https://prnt.sc/OG-yMQ3--56k
2. Next, On the left side, find the section named -> Featured collection and then click on it. https://prnt.sc/q-nsx4VJ-CG8
3. After clicking, Featured collection will provide some options https://prnt.sc/fX4XdRAuz0Yk , scroll down at the end and click Custom CSS https://prnt.sc/5R98QuTPYRkj
4. Next , add the below mentioned code in this section as mentioned in screenshot https://prnt.sc/GJoxgZfpGWJN
.gradient .collection .price {
display: none;
}
5. Now, save the changes.
Output will look like this in Home page (product price will not visible) https://prnt.sc/TajLkSADhD2i and in Product Listing/Collection page product price will visible https://prnt.sc/s2-bZv-RrHoL
I hope it helps.
Please let me know if you have any query.
Thank you.
Hi @Joryobk ,
Could you please share your store URL, so that I can help you
Hello There,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:
.gradient .collection .price{
display: none;
}
Thank you for your reply. The price removal code was applied to all the pages. Is there a way to only remove the price on the home page?
Hello @Joryobk
Please provide your store URL so I can review it and provide a solution.
Obkworld.com
password: 1234
This is an accepted solution.
Hello @Joryobk ,
As per my understanding you are looking to hide product pricing in the Home Page.
You can implement this change by following below mentioned steps -:
1. Go to the Online Store, then Themes and click 'Customize' button https://prnt.sc/OG-yMQ3--56k
2. Next, On the left side, find the section named -> Featured collection and then click on it. https://prnt.sc/q-nsx4VJ-CG8
3. After clicking, Featured collection will provide some options https://prnt.sc/fX4XdRAuz0Yk , scroll down at the end and click Custom CSS https://prnt.sc/5R98QuTPYRkj
4. Next , add the below mentioned code in this section as mentioned in screenshot https://prnt.sc/GJoxgZfpGWJN
.gradient .collection .price {
display: none;
}
5. Now, save the changes.
Output will look like this in Home page (product price will not visible) https://prnt.sc/TajLkSADhD2i and in Product Listing/Collection page product price will visible https://prnt.sc/s2-bZv-RrHoL
I hope it helps.
Please let me know if you have any query.
Thank you.
Thank you.
it didn't work for me
THANK YOU! Lots of older solutions don't work, but this one is super easy and works like a charm (Trade theme). Thank you!!!
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025