Easy to use, need some features

Hi! Thanks for your review.

Now, for your features requests:

1. I tried your code and it works fine, be sure that you’re putting any string (dot, comma or whatever) in Decimal textbox inside of the options plugin page. (Actually, this textbox has an issue)

2. This doesn’t work with the current version, but it’s a nice idea, I’m gonna implement that, maybe surround the text with a <span> tag with an ID so you could stylish via CSS. What do you think?

3. I don’t get this, could you be more specific?

I wait your answer ??

Hi Roel,

Thanks for the quick response ??

1. Can you send me the shortcode for this? What is a decimal textbox, I didn’t get it?
2. That would be awesome. Again, can you include this in the shortcode with the above decimal field?
3. Pls see my screenshot.
I want the counter to show like this. It will be in between the page. So whenever someone scrolls down the page and this section becomes visible, the counter starts from 0 again. Is it possible to do this?

Thanks!
Priyanka

Hi Roel,

I was able to solve first thing, so I can now use decimals too. Can you let me know how soon you can implement the 2nd idea so I can use it? And if 3rd is even possible?

Thanks,
Priyanka

Hi Priyanka, don’t worry, I’m here to help and improve the plugin with you! ??

1. My plugin has an options page which you can find it here: Settings->CountUP.js, there you can find some options to play with; there’s a decimal textbox where you can put any symbol to use as a decimal:

Put a dot inside of that box and save the settings, then return to your counters page, and now you should see as you wanted. The shortcode is the same one that you already use.

You got it?

2. I’m working on it.

3. Yes, it is possible, but I think it works more as an option inside of options page instead of a shortcode attribute, what you think?

Thanks,
Roel.

• This reply was modified 7 years, 8 months ago by Roel Magdaleno.

Hi Roel,

1. Yes I found the option and implemented it too. Works great, I have 4 counters in 1 page and all with different suffix ??

2. This is how the counter is looking right now:
. Looking fwd to make this look better ??

3. Yes I guess it should be a setting in the Options page. So one can select if the counter should start everytime that section is visible.

Thanks again for your prompt response and awesome plugin!
Priyanka

Hi Priyanka,
I already applied the new funcionality so I’d like you to test it and tell me if there are any errors or not.

Thanks,
Roel.

Hi Roel,

I updated the plugin and checked the option “Reset the counter when view again?”. However, it does not restart the counter. Is there anything else I need to do?

Also, how do I make the size of the suffix different? I could not find any update in the usage instructions so could not test that. Let me know.

Thanks,
Priyanka

Hi Roel,

I think there was some cache problem and I was not able to test properly. The counter is resetting everytime someone scrolls to that section ??

Let me know how to make the size of the suffix smaller.

Thanks,
Priyanka

Glad that worked!

Sorry, I put the details in the changelog, I think no one reads that, but take a look at this:

Now every suffix and prefix are surrounded by a wp_cup_prefix and wp_cup_suffix css class, respectively, so you could edit them via CSS, for example:

.wp_cup_suffix {
   font-size: 13px;
   margin-left: 0.5em;
}

That’s for global, but if you want to change just one prefix/suffix counter you need to look for the prefix/suffix ID, just right click in the element and click in the inspect element, so a new window will open and you could see the ID.

I hope that helps!

Thanks,
Roel.

Can’t thank you enough ?? I had spent 2 days checking out all plugins and trying to customise them. This works perfectly.

Thanks!
Priyanka

Thanks to you for these improvements!

??

Hi Roel,

I am facing 2 issues on the counter I am using on 2nd site:

1. I am not able to use the separator feature. I have “,” in the separator field in the settings. My shortcode is: [countup start=”0″ end=”106824″ separator=”,” scroll=”true” duration=”1″]. The separator does not show up however. Am I missing something?

2. Is there a way to reduce the space between counter and suffix? I want to show 98% but the space between 98 and % is more than I need. Attaching a screenshot.

Thanks!
Priyanka

Hi Priyanka,

1. I tested your shortcode and works perfect, could you test in another page? In the plugin settings page what’s the value for Separator? Should be a comma by default, try to leave it at it is and delete the separator="," from your shortcode to see what happens.

2. Yes, just add a new rule to that suffix via CSS class or ID.

Example via CSS class:

.wp_cup_suffix {
   margin-left: -1em;
}

The trick is using margin-left: -(NUMBER-HERE)em to reduce the space.

If you want to edit via ID, you need to find out the suffix ID, just right click in the “%” symbol and click in the inspect element, so a new window will open and you could see the ID.

Let me know if you fixed your issues.

Hi Roel,

Sorry for the delay in reply. I tried this code in a separate page, but it did not work:

[countup start=”0″ end=”106824″ scroll=”true” duration=”1″]

The Separator field in plugin settings is set to “,”.

The space between counter and suffix issue is solved now.

Anything else that I can try?
Regards,
Priyanka

Hi,
have you tried the same code in another page? And it worked? Maybe in that page is executing any script that is crashing with the counter.

Could you share your website page to take a look at? So it’d be easy to find the issue.

Thanks,
Roel.