Hide price & quantity of a $0.00 product on the cart page - Dawn theme

[nicolaschina]

I would like to hide the price ($0.00) and quantity of a free product on the cart page (and the checkout page too if possible). I am using the Dawn theme. See attached screenshot. The website is pixilated.com

Thanks!

[Moeed]

Hey @nicolaschina

Follow these Steps:

1. Go to Online Store
2. Edit Code
3. Find theme.liquid file
4. Add the following code in the bottom of the file above </ body> tag

<style>
.cart-item:has(a[href="/products/event-details?variant=47667877708035"]) .product-option:nth-child(2), .cart-item:has(a[href="/products/event-details?variant=47667877708035"]) .cart-item__quantity-wrapper, .cart-item:has(a[href="/products/event-details?variant=47667877708035"]) .cart-item__price-wrapper {
    display: none !important;
}
</style>

RESULT:

If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

[nicolaschina]

@Moeed it worked in this specific scenario but the problem now is that it always hides the price and quantity of the second item in the cart. Sometimes that free product might show up as the third item and the second item might be a product where I need to show price/quantity. Is there a way to make it specific to the product, rather than specific to the second item in the cart? Thank you!

[Galico-Digital]

Have you search this topic already on this community forum?

There are a lot of same Queries already before on this forum such as":

How to hide the price of certain $0 products?

Hey! I was wondering if anyone knows if there is any way to hide the price from products that have a price of $0. I just need specific products price to be hidden though not all my products.

&&

Hide price only for products priced at $0 (not just sold out).

Is there a way to hide the price on a product card when the price is set to $0? Across the entire site? I found this question/answer to hide the price if the quantity is zero (sold out) and it worked: https://community.shopify.com/post/1845847 Is there a way to modify that code snip for the theme.liquid page to be “if product price is 0”, not “sold out”? .price.price--sold-out { display: none; }

[Moeed]

Hey @nicolaschina

I have updated my code, try adding the updated code now. It should work and will only target that specific product of yours regardless of the position.

Best,
Moeed

[nicolaschina]

That worked! Thank you!

Is it possible to remove the “FREE” price from the checkout page?

[Moeed]

Unfortunately, No. Shopify doesn’t allows any changes on checkout page until and unless you’re on Shopify Plus.

Best,
Moeed

[nicolaschina]

Is it possible to make it so the customer cannot checkout if they have ONLY the free “Event Details” product in the cart? The “Event Details” product is tied directly to the other product in my screenshot example (and it has a few variants). I want to make it so that the customer can’t delete the photo booth product and checkout only with the Event Details. Make sense?

[nicolaschina]

@Moeed did you see this?