rhewlif

Hi

I’ve had a quick play with their plugin, and from what I can tell there seem to be some limitations with their free version. Specifically under the General settings there is a ‘pro’ option to stop invalid HTML tags from being stripped. My best guess is that this restriction is removing the svg or preventing it from being created.

Maybe a workaround is to display the thermometer on another page, save a screenshot to an image file, and insert this image into the popup. But it is obviously not very convenient for updating totals.

Thank you, an email is on its way.

Hi Peter,

Do you have an example of how the thermometer displays incorrectly? One solution could be to wrap the shortcode in a <div> element and apply some custom CSS to fix any overlaps.

• This reply was modified 3 months, 2 weeks ago by rhewlif.

In theory, yes, as long as the plugin tracking your donations can output the raised total in a shortcode. Someone in the previous post has an example shortcode of how this could work with the GiveWP plugin.

Generally, other plugin shortcodes can be inserted into the raised parameter using single apostrophes instead of square brackets, e.g.:

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

Thus multiple campaigns using different shortcodes could be tracked across multiple thermometers.

Based on their documentation I think in theory it should work. That plugin has a shortcode generator to output the raised total.

[give_totals  message="{total}" progress_bar="false"]

Shortcodes can be integrated within the thermometer shortcode using single quotation marks instead of the square brackets:

[thermometer raised='give_totals  message="{total}" progress_bar="false"' target=5000]

I have not tested this with this plugin specifically though so do let me know how you get on.

Hi,

I’ve pushed a plugin update now, 2.2.5, which should fix this issue regarding of clipping of large target values. Let me know if it doesn’t work.
It’s worth noting you can fiddle with the CSS code of the thermometer in the settings page, so another way to avoid text clipping would be to slightly reduce the target’s default font-size here.

Cheers

Hi. To set the thousands separator as a space in the shortcode you can wrap the character with single quotation marks, like so:

[thermometer sep=' ']

It’s not something I’ve accounted for specifically, but it may work successfully. Thermometers are drawn on page load rather than relying on locally stored files. Most of the thermometer’s settings can also be set via the shortcode, including dynamically adjusting raised values.

Try the latest plugin update now – there is an option to include a gradient for the fill from the settings page or via the shortcode.

NB I realise there is still a bug if placing multiple thermometers with a gradient fill on the same page, but will have that fixed soon.

Sorry, gradients aren’t possible currently, but it’s a feature I can look into adding for the next update.

I’m getting the fatal error too ??

Uncaught TEC\Common\Exceptions\Not_Bound_Exception: Error while making \Tribe\Extensions\Event_Link_To_Website_URL\Plugin: class ‘tad_DI52_ServiceProvider’ not found.

To get your site running again at least, you could access your site files via FTP and rename the plugin folder to something else like ‘the-events-calendar_old’. This will deactivate the plugin and stop the fatal error.

Hi, It seems there is some css code in your theme which makes all svgs 16 x 16 px. You can see where this code is using the inspect element tool.

But you can bypass this using the Custom CSS tab on the Thermometer settings page. For the first class, thermometer_svg, set both height and width properties to inherit or unset. This class selector here should have a higher priority over the element selector set in the theme file.

Hi, if the plugin provides a short code of the raised value then you can include it in the thermometer shortcode like this, wrapping it in single quotation marks:

[thermometer raised='sales id="4109"' target=5000]

This is just an example, but it would keep the value updated automatically.

Ah ok, I would contact the support for Woo Donations then to troubleshoot why that shortcode isn’t working..or what you need to use instead. The ‘sales id’ I quoted in this plugin’s FAQ was just a random example to illustrate how to implement shortcodes from other plugins.

Once you have a working shortcode that can output a value/amount I can help if there’s further issues with the thermometer reading it.

One issue I see is that the apostrophes should be single quote marks:

[thermometer raised='sales id="4109"' target=5000 decsep=',']

Based on the first screenshot, you will need to clarify the decsep too for the thermometer or in the thermometer settings since the comma decimal point is not standard.

What does the shortode [sales id=”4109″] output normally if it wasn’t in the thermometer?