Estatik Calculator – page content

Hi there,
The next version is scheduled for Friday and it will include this new feature – shortcode for the page and some minor fixes.
Please follow us and we will let you know about its release!
Thanks!

Hi,

Just following up on this. What is the shortcode to implement this on a page or article?

Thanks,
Nick

Hi Nick,

Shortcode is:

[es_mortgage_calculator layout=”horizontal”]

[es_mortgage_calculator layout=”vertical”]

Let me know if you have any other questions.

Thanks!

Hi there thanks for the mortgage calc, we’ve used it on our site. Only we’ve bastardised it quite a bit and it means I won’t be able to update the plugin.

https://dnafs.co.uk/mortgage-calculator/

As you can see I’ve edited it to be more “british”. Instead of downpayment it’s now deposit.
Under deposit, the percentage changes but it loses the % sign when it updates, I’ve had to change the code so that it stays, I cloned the CSS for “es_calc_percent” to “es_calc_percent1” and moved out the % from within the span. Code now looks like this.

<span class="es_calc_currency"><?php echo $settings->currency ?></span>
            <input type="text" id="es_calc_down_payment" class="es_calc_input" 
                value="<?php echo number_format($settings->default_down_payment, 
                    $decimals, $decimalpoint, $separator) ?>" />       
		<div type="text" id="es_calc_down_payment_percent1" class="es_calc_percent1"><span>&nbsp;% of total purchase price</span></div>
<div type="text" id="es_calc_down_payment_percent" class="es_calc_percent">
                <span><?php echo number_format(
                    $settings->default_down_payment/$settings->default_purchase_price * 100, 1) ?></span>
            </div>

The issue is the % came under “es_calc_down_payment_percent” ID which changes when the deposit amount changes, moving it out from that ID means the % stays where it is. I changed it to “% of total purchase price” so it would make more sense to the users.

Instead of PMI we use Utilities & Council Tax, instead of property tax we use “life insurance”.

We have an issue in that the graph doesn’t work in internet explorer or edge, so we’ve used the text only option. We’ve edited the close image and background image.
Is there anyway you could add some of these options to the menu so I don’t have to edit them manually?
Thanks Again.

Also a few other bugs, there is no way to close the pop up other than the cross, can you make it so it closes on esc or by clicking outside the popup?

When you click back into a field after it’s been set, it erases the field and it needs typing out again, can this behaviour be changed?

Sorry to keep going on but I’ve also made a change to allow different increment changes.

On es_calc_form I’ve added this code
<input type="hidden" class="es_calc_rangeslider_step" value="INCREMENT OF YOUR CHOICE" />

On front/js/calc.js I’ve changed this section adding the step val lookup of “es_calc_rangeslider_step”

 $('.es_calc_option').each(function() {

	    	var

	    		self = $(this),

	    		input = self.find('.es_calc_input'),

	    		input_id = input.attr('id'),

	    		slider = self.find('.es_calc_rangeslider'),

	    		max = self.find('.es_calc_rangeslider_max').val(),
				
			from = self.find('.es_calc_rangeslider_default').val(),
				
			step = self.find('.es_calc_rangeslider_step').val();	

		    slider.ionRangeSlider({

				min: 0,

			    max: max,

			    from: from,
				
				step: step,

				onChange: function (data) {

					var value = data.from;

So for interest rates you can move in 0.1 increments
Deposit moves in 50 increments
Purchase price moves in 500 increments.

Just working on moving the slider so it changes when the value in the text box changes.

One thing I am struggling with is having a dynamic value for deposit. By default the maximum deposit is the default purchase price. But if the purchase price is changed the maximum deposit is still the default purchase price.
For now I’ve worked around this by changing the maximum deposit to be the maximum purchase price.

Hello Domjuk!

Wow, great review of the plugin and suggestions! We will update British language files as you say and include US language files with the texts which are available now.
As for the glitches on browsers, we will check it as well – thanks for pointing this out!

Also a few other bugs, there is no way to close the pop up other than the cross, can you make it so it closes on esc or by clicking outside the popup?

Which browser do you use or device? We have it ok on our demo site and would like to reproduce the issue..

When you click back into a field after it’s been set, it erases the field and it needs typing out again, can this behaviour be changed?

We agree it is not very friendly.. will fix it in the next release.

But if the purchase price is changed the maximum deposit is still the default purchase price.

We will also look into it and fix!

Again, many thanks for your posts!
P.S. Calculator looks cool on your website!

Hi thanks for getting in touch! Your mortgage calculator is easily the best I’ve seen.

The issue with closing the popup happens in all browsers I’ve tested it in, IE, Edge, Chrome, Safari & Firefox. I’ve tried on 4 different devices and same issue. I looked to see why it was happening in the code but couldn’t figure it out. The demo on your website displays the same behaviour.

Is it possible to set zero values on the optional items like home insurance? Some people might just want the mortgage calculation but it checks to see that the value is more than 0.

Also just so you’re aware, when the graph does display the overall cost is not in the center of the “doughnut” but to the left, this behaviour happens on mobile and desktop in Chrome & Firefox. It also happens on your demo site.

Thanks for your help

Dom

• This reply was modified 7 years, 6 months ago by domjuk.