How to different currency symbol in pricing Table

Ask the Community General Questions
1

  • ** Currently i want to display HK$ instead of just as i am based in Hong Kong and do not want people to be confused with the as this can represent US dollars in stead of HK$ is there a way by code or css that i can Change the display value from to HK **

  • Link to the page with the widget in question:

1 Like
3

Hi there and welcome to the Community @Support_SJ :wave:

No problem! This code should do the trick for you:

.eapps-pricing-table-column-price-currency {
	visibility: hidden;
}

.eapps-pricing-table-column-price-currency::after {
	content: 'HK$';
	display: inline-block;
    visibility: visible;
}

Just add it to the Custom CSS field on the Appearance tab of your widget’s settings and let me know if it helped :wink:

4

Ignore my last message. I got it to work

Thank you very much

1 Like
5

Awesome!

If anything else comes up, feel free to contact us here. We’ll be delighted to help :slightly_smiling_face:

6

Hi Max,

what about a pricerange? If I have “XX CHF - XX CHF” but want it in “CHF XX - CHF XX”.
I treid your code but it adds just and CHF before the whole pricerange.

1 Like
7

Hi there, @Besfort_Rexhahmetaj :waving_hand:

Now you don’t have to use a CSS code for this. You just should choose a Custom Pricing Model and add the price in the required format manually:

image
image349Ă—757 15.7 KB


Please check it out and let me know if it helped :wink:

8

Hi @Max

Thank you very much for your response.

The issue is that when I use the “custom” mode, I’m not able to display the prefix text the same way I could with the “Price from” option.

I’m trying to add the prefix using this CSS, but it doesn’t appear at all in custom mode:

.es-price-prefix::before {
content: 'Starting from ';
visibility: visible;
}

Am I doing something wrong?

Thank you in advance,
Besfort

1 Like
9

Hi there. @Besfort_Rexhahmetaj :waving_hand:

Got it, thanks! Could you please specify the column where you’d like to have this prefix?

I’ll be happy to check if anything can be done :slightly_smiling_face:

10

Hi @Max

There is not a specific column. I have a table with 4 Products, and I would to show the text "Starting from " in all of the columns and in all of them , the prefix is from the same class.

1 Like
11

Okay! This code will do the trick:

.es-price-value::before {
    content: 'Beginnend bei' !important;
    font-size: 16px;
    font-weight: 100;
    color: grey;
    visibility: visible !important;
    display: block;
    margin-bottom: 5px; 
}

Please check it out and let me know if you like the result :wink:

1 Like
12

Works like a charm :slight_smile:
Thank you very much.

Have a good day

1 Like
13

Perfect, you’re always welcome!

By the way, we’d like to invite you to participate in our Birthday Contest, where you can win a 12-month extension for your subscription - Birthday Contest: 10 Winners, 10 Free Years with Elfsight! :wrapped_gift:

Check the details and join in :wink: