Loan Calculator - Hide interest rate on front end

  • Issue description:

  • Link to the page with the widget in question:

I need to be able to have the rate calculator to show the payments but to hide the rate calculator in the live calculator.

Show the rate on the front end, but not let the user change it.

Can’t figure it out, thanks,

2 Likes

Hi there, @Michael_James and welcome aboard :waving_hand:

I see that you’ve already removed the Interest Rate from your widget, but my colleague Maria has checked your widget before and replied in the chat and your support ticket.

As she said, to adjust the formula, please go to the Calculations section on the Build tab and click on the "Estimated Monthly Payment " formula:

Next, just click on the Deleted Value parts and replace them with "5 ":

It should look like this:

To clarify, with these steps, you’ve kept the interest rate value in the formula but removed it from the fields customers can interact with.

Please try it out and let Maria know if it worked for you :slightly_smiling_face:

1 Like

I’ve lost all the workings now, so having to sart over. Thanks

2 Likes

Please see test

https://dash.elfsight.com/widget/9fc3abe3-12f2-4d8e-b34d-ada9407ad0a4

I won’t change anything, I need the interest rate to be hidden from display along with total repayment and total interest hidden, could you amend this for me please as the above does not make sense

Thank you :slight_smile:

2 Likes

You can hide the Interest Rate field using this code in the Custom CSS field on the Settings tab of your widget’s settings:

.es-field-layout-container:nth-child(3) {
    display: none !important;
}

To hide the calculation, just click on the needed calculation and disable an option Show in Results:


Check it out and let me know if it helped :wink:

1 Like

Thank you. How to hide this box, same for the loan term - so it just shows the slider?

2 Likes

If you’d like to hide this box from all fields, this CSS code will do the trick :slightly_smiling_face:

.es-fields-slider-number {
  display: none;
}
1 Like