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
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