How do I add "Call For Pricing" for certain products?

Technical Q&A

Topic summary

A user needs to display “Call For Pricing” instead of “$0.00” for certain custom products on their Shopify store (artemisfabrication.com/collections/marine-products).

Two solutions were provided using CSS:

Solution 1 (DaisyVo):

  • Navigate to Shopify admin > Online Store > Edit Code
  • Open theme.liquid file
  • Add CSS code above the tag using {% style %} tags

Solution 2 (LizHoang):

  • Go to Edit Code
  • Find base.css file
  • Add the same CSS code at the end of the file

Both solutions use identical CSS that:

  • Hides the existing price display (font-size: 0)
  • Adds “Call for pricing” text using ::before pseudo-element
  • Targets .card-information > .price > .price__container elements

Screenshots were provided to illustrate the implementation steps. The discussion remains open pending confirmation from the original poster on whether either solution worked.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

I need to add “Call For Pricing” where it shows the price of my product for certain custom products I make? There has to be a way to do this. Any help would be apprecieated. Thanks!

2

Hi @LJ44

Could you share your store link with me?

Also, could you clarify whether you want to add text or a button? If possible, please specify the exact position where you’d like to place it and include a screenshot for reference. That way, I can better understand your request and assist you accordingly. :blush:

Best,

Daisy

3

Hi @LJ44 , can you share store url and detail image?

4

https://artemisfabrication.com/collections/marine-products

5

Link is up in the other reply but all I need is for some of my products to show “Call For Pricing” instead of $0.00.

6

Hi @LJ44

I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
2/ Search for “theme.liquid” file: https://prnt.sc/b6xveIKe-Rh2
3/ Open the file and search for tag and add the following code above tag: https://prnt.sc/KWtKYyZkDtYJ

Here is the code for Step 3:

{% style %}
.card-information > .price > .price__container::before {
    content: "Call for pricing";
    font-size: 15px;
}
.card-information > .price > .price__container {
    font-size: 0 !important;
}
{% endstyle %}

DaisyVo_0-1740211951083.png
DaisyVo_0-1740211951083.png1376×761 163 KB

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

7

Hi

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

.card-information > .price > .price__container::before {
    content: "Call for pricing";
    font-size: 15px;
}
.card-information > .price > .price__container {
    font-size: 0 !important;
}

Best,

Liz