Simpli Template: Counter killed

[yoso]

Hi Tony,

I work with the Simpli template. After I adjusted the text for the counter content (CUPS OF COFFE, SMART CLIENTS, GREAT IDEAS, PROJECTS) in the Counter module, the counter stops working. There are no more numbers appearing. Here is the result on the start page: https://fablabbayreuth.de

Where is the problem and how does this counter actually work?

Best regards

YoSo

[Tony]

Hi Yoso,

Switching editor to codemirror or none before editing

Example:
<span class="timer counter-value" data-from="1" data-to="457" data-speed="10000"></span>

Simply change the data from => data-to to suite your needs.

In the next template update, Quix page builder pro will be included so you can control ANY elements like counter via UI instead modify the code. Our team is working to convert all templates based on helix3 to support Quix page builder PRO.

Thank you

[yoso]

Hi Tony,

here is the source code of the module “counter”. Where exactly should your line be inserted?

Best regards

YOSO

<div class = “row”>
<div class = “col-sm-3”>
<div class = “counter style-2”>
<div class = “counter-details”> Cups of coffe </ div>
</ Div>
</ Div>
<div class = “col-sm-3”>
<div class = “counter style-2”>
<div class = “counter-details”> Smart Clients </ div>
</ Div>
</ Div>
<div class = “col-sm-3”>
<div class = “counter style-2”>
<div class = “counter-details”> Great ideeas </ div>
</ Div>
</ Div>
<div class = “col-sm-3”>
<div class = “counter style-2”>
<div class = “counter-details”> Projects </ div>
</ Div>
</ Div>
</ Div>

[Tony]

Here the original source code for this module

<div class="row">
    <div class="col-sm-3">

        <div class="counter style-2">

            <span class="timer counter-value" data-from="1" data-to="457" data-speed="10000"></span>
            <div class="counter-details">Cups of coffe</div>

        </div>

    </div>
    <div class="col-sm-3">

        <div class="counter style-2">

            <span class="timer counter-value" data-from="1" data-to="169" data-speed="10000"></span>
            <div class="counter-details">Smart Clients</div>

        </div>

    </div>
    <div class="col-sm-3">

        <div class="counter style-2">

            <span class="timer counter-value" data-from="1" data-to="372" data-speed="10000"></span>
            <div class="counter-details">Great ideeas</div>

        </div>
    </div>
    <div class="col-sm-3">

        <div class="counter style-2">

            <span class="timer counter-value" data-from="1" data-to="206" data-speed="10000"></span>
            <div class="counter-details">Projects</div>

        </div>
    </div>
</div>

Like I said before, you need to switch the joomla editor to codemirror or none before editing. Tinymce or Jce editor will remove the span tags or i tags automatically.

[yoso]

…thx – works!

Best regards

YoSo

[Tony]

Glad to hear that.