How do I replace my product price to say call for price?

[AmericanLadders]

I would like any product set to $0.00 to say, "Call For Pricing". I am using the simple theme. We were using an app, but they recently tried to fix one product and ended up messing up all of our other products. What code do I use and where does it go?

[ihsfr · Accepted solution]

To replace the product price with "Call For Pricing" for any product set to $0.00 in a Shopify store using the Simple theme, you will need to modify your theme's code. Here is how you can do it:

1. Access Your Theme Code:

   • In your Shopify admin, go to Online Store > Themes.
   • Find the Simple theme and click Actions > Edit code.

2. Locate the Product Price Code:

   • In the left sidebar, under Sections, look for a file named product-template.liquid or product.liquid. The exact file name can vary depending on the theme version.

3. Edit the Product Price Code:

   • Open the product-template.liquid file.
   • Look for the section of code that displays the product price. It often includes {{ product.price | money }} or similar.

4. Add Conditional Logic:

   • Replace the price display code with conditional logic to check if the price is $0.00 and display "Call For Pricing" instead.

Here's a sample code snippet to get you started:

{% assign product_price = product.price | money_without_currency | remove: ',' | remove: '.' | plus: 0 %}

{% if product_price == 0 %}
  <span class="price">Call For Pricing</span>
{% else %}
  <span class="price">{{ product.price | money }}</span>
{% endif %}

[ProtoMan44 · Accepted solution]

@AmericanLadders  thanks for posting here.
yes it is possible with liquid code. please use this code I hope it will help you.

{% if product.available %}
  {% if product.price == 0 %}
    <a href="tel:12345678" class="product-price">Call for price</a>
  {% else %}
    <span class="product-price">{{ product.price | money }}</span>
  {% endif %}
{% endif %}

let me know if you face any issue.

[ProtoMan44 · Accepted solution]

@AmericanLadders  Put the above code 🧑‍💻 in the area of price

[ihsfr · Accepted solution]

To replace the product price with "Call For Pricing" for any product set to $0.00 in a Shopify store using the Simple theme, you will need to modify your theme's code. Here is how you can do it:

1. Access Your Theme Code:

   • In your Shopify admin, go to Online Store > Themes.
   • Find the Simple theme and click Actions > Edit code.

2. Locate the Product Price Code:

   • In the left sidebar, under Sections, look for a file named product-template.liquid or product.liquid. The exact file name can vary depending on the theme version.

3. Edit the Product Price Code:

   • Open the product-template.liquid file.
   • Look for the section of code that displays the product price. It often includes {{ product.price | money }} or similar.

4. Add Conditional Logic:

   • Replace the price display code with conditional logic to check if the price is $0.00 and display "Call For Pricing" instead.

Here's a sample code snippet to get you started:

{% assign product_price = product.price | money_without_currency | remove: ',' | remove: '.' | plus: 0 %}

{% if product_price == 0 %}
  <span class="price">Call For Pricing</span>
{% else %}
  <span class="price">{{ product.price | money }}</span>
{% endif %}

[AmericanLadders]

Thank you!! I got it to say call for price but not where we wanted it.  It says call for price above the product image, but we'd like it replace the $0 so the $0 does not show 

[ProtoMan44 · Accepted solution]

@AmericanLadders  Put the above code 🧑‍💻 in the area of price

[ProtoMan44 · Accepted solution]

@AmericanLadders  Put the above code 🧑‍💻 in the area of price

also use <a> tag with your number to creat cal popup

popup

{% if product.available %}
{% if product.price == 0 %}
<a href="tel:12345678" class="product-price">Call for price</a>
{% else %}
<span class="product-price">{{ product.price | money }}</span>
{% endif %}
{% endif %}

[AmericanLadders]

I got it in the right spot but the $0.00 is still showing 

[ProtoMan44]

@AmericanLadders  Can you please share SS how you puting this code 

[AmericanLadders]

[ProtoMan44]

Alright now  pic bottom code and put in else

@AmericanLadders 

[AmericanLadders]

I keep getting errors

[ProtoMan44]

@AmericanLadders Can you please put whole file code here the i will set the code

[ProtoMan44 · Accepted solution]

@AmericanLadders  thanks for posting here.
yes it is possible with liquid code. please use this code I hope it will help you.

{% if product.available %}
  {% if product.price == 0 %}
    <a href="tel:12345678" class="product-price">Call for price</a>
  {% else %}
    <span class="product-price">{{ product.price | money }}</span>
  {% endif %}
{% endif %}

let me know if you face any issue.

[ProtoMan44]

@AmericanLadders This