Strawberry Jellyfish

Sorry, that is not supported.

It works for me on clean WordPress 5.5 install using Twenty Twenty theme. But people seem to be having issues in conjunction with other themes/plugins.

This plugin is pretty old now, it should really be rewritten from scratch but I’m not sure that is something I can fit into the schedule at the moment.

Having said that, if there is a quick fix for issues experienced since WordpPress 5.5 I will update it.

Are you using any specific them?
How does the broken behaviour manifest?

It sounds like the counter was just running in normal mode. Have you set a timestamp value?

To format the counter to include text, you just specify a string in the format parameter which can contain any characters. It should contain a number of 0 characters corresponding with the number of digits you need in the counter or number of digits + 1 if the counter is also showing tenths.

Something like:

[jellyfish_counter end=188044 digit_style="font-family:'Montserrat', Arial; font-size: 2em; background: transparent; color: #3d7ec1;" flat=true speed=100 format="000,000"]

It’s not possible to increase the speed in the current version, that’s a limitation with the animation method.

This is probably a bit late but the answer may help somebody.

That shortcode has several problems which is why it’s failing to parse properly. Also some of the parameters specified have invalid values. Here’s why it is not working for you:

• Some of the quotation marks are not the standard quote character code which is why the markup is breaking. I don’t know if this is a copy paste or forum formatting error.
• the flat parameter value should be quoted and not followed by a semicolon
• Formatting of numbers should be done using the format parameter. start and end values cannot contain comma separators
• I’m not sure what the aim is with the tick multiplier. But the tick_multiplier value should be no less than 1 and again no extraneous formatting

Anyway, in summary a working version of that shortcode would look like this:

[jellyfish_counter digits=12 start=495521323456 end=0 direction="down" timestamp="2016-12-15 16:58:00" interval=1 tick_multiplier=1 flat="true" digit_style="background: transparent; color: blue;" format="0,000,000.00000"]

• This reply was modified 7 years, 9 months ago by Strawberry Jellyfish.

Take a look at the tick_multiplier parameter.

tick_multiplier=70 should theoretically do what you want, although the counter may not be able to animate up to 70 within the space of a second due to the current animation technique being rather slow. Speed is high on the TODO list to fix.

You should be able to do this with CSS. It will need an edit to you theme style sheet, the tenths digit has this class .jcw-tenth

so something like:

.jcw-tenth {
  background-color: ...your colour code...;
}

No, sorry a counter can only animate at one speed. It is an interesting idea though.

Hmmm, I don’t know if there is a user friendly way that this could be achieved. Open to suggestions though!

Sorry, no this isn’t something that the current version can do

It wouldn’t be a quick change as the counter was always assumed to have a fixed number of digits. The main plugin file should probably be unaffected but the counter javascript and associated css will need quite a lot of hacking.

I can’t say exactly without spending some time looking through the code

Ok let’s take a look at this shortcode as an example:

[jellyfish_counter timestamp="2016-01-01 00:00:00" start=1000 interval=2.5 digits=5 end=100000]

This will create a counter that started counting on 1/1/2016 with an initial value of 1000 increasing by 1 every 2.5 seconds

Consider that there are around 15,638,400 seconds since 1st January (at the time of writing this). If we divide this by 2.5, the interval, we have 6255360 which is considerably more than the end value which is why that particular shortcode always displays the end value. It’s finished counting.

Anyway, back to your question. I’m not certain when you want your counter to start or stop counting so I’ll assume it’s over the course of the year, should be able to do the maths to suit your needs.

Say there are 31557600 seconds in a year, divide that by the desired end value of 100000 and you get an interval of 315.37

So this:

[jellyfish_counter timestamp="2016-01-01 00:00:00" start=1000 interval=315.37 digits=6 end=100000]

Would start at 1000 on the Jan 1 and reach 100000 on 31 Dec. It’s quite a slow count so you’d have to sit on a page for more than 5 minutes to see it change in this particular example.

Hope that helps you figure it out

That’s not possible in this version. It could be a useful feature to include in a future version to enable less odometer style counters but would take some not trivial changes.

Ah I see, sorry, the counter doesn’t support that. As standard you get the choice of resetting on each page load or never, neither suit your desired behavior.

There would have to be code changes within the plugin and JavaScript to make that work

The timestamp parameter is intended to be used when you want to count events starting at a specific date and time. If it’s shows the end value on the page that will be because it has already reached that ending value.

What exactly are you trying to count?