Simpli Template: Counter killed

Viewing 6 posts - 1 through 6 (of 6 total)

yoso
Subscriber

Posted 6 years, 10 months ago

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
Moderator

Posted 6 years, 10 months ago

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
Subscriber

Posted 6 years, 10 months ago

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
Moderator
Posted 6 years, 10 months ago

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
Subscriber

Posted 6 years, 10 months ago

…thx – works!

Best regards

YoSo

Tony
Moderator

Posted 6 years, 10 months ago

Glad to hear that.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.