Minimal Theme - Hide price of Sold Out items on product page

Highlighted
Tourist
9 0 4

I want to hide the price of sold out items on the product page for the Minimal theme.

 

I was able to hide the sold price on the collection page but want both to hide. In addition it would be great to hide the price of sold items when someone searches for it as well.

 

I used this code to hide the price on collections in theme.scss.liquid

 

.sold-out p.grid-link__meta {
    display: none;
}
1 Like
Highlighted
Shopify Partner
7615 1048 2639

Hello, @Travis_Southwor 

Please share your site URL,
So I will check and provide 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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
9 0 4

It is www.travisleroy.myshopify.com

password: 2020

1 Like
Highlighted
Shopify Partner
7615 1048 2639

Hello, @Travis_Southwor 

Thanks for URL.
sorry, i can't see sold out price in product page can you please give me screen short or video.

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
9 0 4

Remove price for sold items on product pageRemove price for sold items on product pageAlso remove price for sold items when you search for themAlso remove price for sold items when you search for them

0 Likes
Highlighted
Tourist
9 0 4

I was just able to remove the price on the product page by editing the product-template.liquid

 

I replaced this

<span id="ProductPrice" class="product-single__price" itemprop="price" content="{{ product.price | divided_by: 100.00 }}">
              {{ product.price | money }}
            </span>
            

with this

  {% if variant.available %}
          <div class="product-single__prices">
            <span id="ProductPrice" class="product-single__price" itemprop="price">
              {{ product.price | money }}
            </span>
{% else %}
{% endif %}

 

Would be great to find a way to remove prices on the search result. With the option to not show any prices on searches for any items.

1 Like
Highlighted
Tourist
9 0 4

Ugh, except I just go this now though

 Screen Shot 2020-04-22 at 8.27.13 AM.png

1 Like
Highlighted
Shopify Partner
7615 1048 2639

Hello, @Travis_Southwor 

Thanks for the information.

It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
4 0 0

Hello

Please advise ...I had the same query and I have added 

.sold-out p.grid-link__meta {
    display: none;
}

However the price still shows on the actual product when the image os clicked on... is it possible to remove this? 

0 Likes
Highlighted
Tourist
4 0 0

Oh yay thank you!!!! I'm so happy it works

 

0 Likes