rhewlif

Hi,
Insert the shortcode that produces the dynamically generated number into the thermometer shortcode with single apostrophes instead of square brackets:

e.g. [thermometer raised='sales id="1947"' target=5000]

The team profiles are for academics so ResearchGate is a priority (researchgate.net). Orcid would also be nice to have (orcid.org).

I’m happy to edit the plugin code if you are able to provide pointers?

Just to inform you that in the latest update of the plugin (2.1) I have included an option now to render the thermometer with a landscape/horizontal orientation.

Hi,

Thanks. Yes it’s unfortunately not recognising the number formatting given by the shortcode. It can be fixed quickly by updating a line of code though. In the therm_shortcode.php file on line 109 change:
$thermProperties['raised'] = strval($atts['raised']);

to
$thermProperties['raised'] = str_replace(",","",strval($atts['raised']));

This can be done easily from the Plugin Editor in the wordpress side menu. But I shall fix this more formally in the next plugin update too.

cheers,
Henry

You’re welcome!

Hi,
Yes, the raised value will accept values generated from shortcodes. Insert the shortcode that produces the dynamically generated number into the thermometer shortcode with single apostrophes instead of square brackets,
e.g. [thermometer raised='sales id="1947"' target=5000]

Hi,
I’ve had a look and can see what’s happening. The theme you are using wraps these thermometers with some code that is applying the blue colour. You have some options:

1) You could wrap the thermometer shortcode yourself with some html to make the background white. Add an html block in the post editor and write:
<div style="background-color: white;">[thermometer raised=66 target=100 currency=null align=center]</div>

You would still probably get a blue border like on the left. This is related to the theme so unfortunately can’t be fixed via this plugin. But you could do this instead:

2) Customise your theme settings under the appearance menu and add this css code under ‘Additional CSS’
.et_pb_code_inner { background-color: #ffffff!important;}

This will change the blue colour to white.

cheers,
Henry

Hi, Yes you can change this easily by going to the Custom CSS tab on the Thermometer Settings page. For the Thermometer background, change the css code from transparent to white with fill: white;

regards,
Henry

Sorry, forgot to mention the line #s. Add the css code to the svg element on lines 185, 191 & 195 in the plugin editor.

I’m afriad this plugin doesn’t produce horizontal thermometers. What you could do is rotate the whole image by adding a line of css code, but this will also rotate the text 90 degrees.

To do this you can add transform: rotate(90deg); to the style tag of the svg in the plugin file /includes/therm_svg.php. You can access this via the plugin editor via WordPress’ plugins menu.

Hi,
Thanks, and I’m glad you’ve found the plugin useful!
I think to get what you want would need some editing of the plugin code, as it extends beyond the current capabilities. If you went down the route of having a sub-goal you could manually change what the percent total reads by editing line 55 on the includes/therm_svg.php file ie. the $raisedPercent variable. Just enter the target value here directly.

If you want to have the thermometer fill to extend outside the thermometer then that would need more involved edits, especially as you would need to start resizing the svg canvas.

I will give this some thought though as to other possibilities for when raised values exceed the target total.

cheers,
Henry

Hi, many thanks for the offer to translate. I will look into making the plugin ready for translation and report back here.

regards,
Henry

The plugin doesn’t track donations directly, but if you can generate the raised value from a shortcode elsewhere then you can use this to automatically update each thermometer.

Hi,
Unfortunately this isn’t possible in the plugin. However, if your raised totals from the ‘secondary’ thermometers are dynamically generated then a way you might be able to do it is to create your own shortcode that sums these totals all together. You could then use this shortcode in the ‘main’ thermometer. There are numerous plugins that could create a custom shortcode like this.

cheers