How to hide price from featured products in homepage

[markingprinting]

URL: https://marking-printing-6698.myshopify.com/

How can I hide price from featured products in homepage and in the product list. Thank you.

[davidoliver]

To hide the price from featured products in the homepage, you can use CSS code to hide the price element. Here are the steps to follow:

1. Open your website's admin panel and navigate to the theme editor.

2. Look for the CSS file for your homepage. This may be called "homepage.css" or "style.css" depending on your theme.

3. Add the following code to the end of the file:

homepage .featured-product .price { display: none; }

1. Save the changes to the file and refresh your homepage to see if the price has been hidden from the featured products.

This CSS code targets the "featured-product" element within the homepage and sets the display property of the price element to "none", effectively hiding it from view. You may need to adjust the CSS selector or class names depending on your theme's structure.

Note that hiding the price may not be appropriate for all e-commerce websites, as customers may want to know the price before clicking through to the product page. Consider the impact on your user experience and conversion rate before implementing this change.

[markingprinting]

Hi I just tried to look for the CSS file for my homepage but i can't find either "homepage.css" or "style.css". My theme is "Sense".

[GemPages · Accepted solution]

Hello @markingprinting 

I would like to give you the recommendation to support you so kindly follow steps below:

1. Go to your Online store > Themes > Edit code
2. Open your theme.liquid file
3. Paste the below code before </body>

<style>
{%if template contains 'index' or template contains 'collection'%}
.card__content .card__information .card-information .price {
display:none !important;
}
{%endif%}
</style>

I hope the above is useful to you.
Best regards,
GemPages Support Team