Home Forums Template Support Simpli Template: Counter killed

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

  • yoso
    Subscriber

    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

    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

    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

    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

    …thx – works!

    Best regards

    YoSo


    Tony
    Moderator

    Glad to hear that.

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

You must be logged in to reply to this topic.

All Joomla 4 templates and Wordpress themes updated with new features and bug fixes Download Now
Cyber Monday is finally here! Save 30% OFF everything. Use promo code: 30OFFCM Shop Now