+ Reply to Thread
Page 1 of 2 12 LastLast
Results 1 to 10 of 12

Thread: Create slider at footer

  1. #1

    Create slider at footer

    https://www.gumtree.com.au

    Hi, does any one know how to create a full width slider at footer bottom similar to the site above? With caption and stuff?

    Screen Shot 2018-03-17 at 5.36.37 PM.jpg

  2. #2
    Hello, It is a kind carousel plugin with full image slider... there are some free sliders in the web you can use and customize it in flynax, but my recommend is let flynax do it for you as a customization.

  3. #3
    Quote Originally Posted by Bahram Soltanirad View Post
    Hello, It is a kind carousel plugin with full image slider... there are some free sliders in the web you can use and customize it in flynax, but my recommend is let flynax do it for you as a customization.
    Thanks Bahram, would you happen to know any good similar slider by any chance? I know flynax team's work is overload. I would rather do it myself.

  4. #4
    Just google, free slider or html slider or html5 slider...
    But I recommend create a ticket for flynax

  5. #5
    Flynax developer Rudi's Avatar
    Join Date
    Dec 2014
    Location
    Planet Earth
    Posts
    3,172
    Hello Wei Hong,

    For example, this site uses a 'bx slider'
    you can use it also for your site: https://bxslider.com/

  6. #6
    Quote Originally Posted by Rudi View Post
    Hello Wei Hong,

    For example, this site uses a 'bx slider'
    you can use it also for your site: https://bxslider.com/
    Thanks Bahram
    Thanks Rudi, I will look at it.

  7. #7
    Quote Originally Posted by Rudi View Post
    Hello Wei Hong,

    For example, this site uses a 'bx slider'
    you can use it also for your site: https://bxslider.com/
    Hi Rudi, its weird
    I add this following code inside <head> ... </head> of templates/tpl/head.tpl
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script>


    <script>
    $(document).ready(function(){
    $('.slider').bxSlider();
    });
    </script>
    Then this code in content.tpl where I want slider to show.
    <ul class="slider">
    <li><img src="{$rlTplBase}addon/slider/demo/img/image-1.jpg" /></li>
    <li><img src="{$rlTplBase}addon/slider/demo/img/image-2.jpg" /></li>
    <li><img src="{$rlTplBase}addon/slider/demo/img/image-1.jpg" /></li>
    <li><img src="{$rlTplBase}addon/slider/demo/img/image-1.jpg" /></li>
    </ul>
    But slider do not show, it show all 4 image vertically.

  8. #8
    It is <div class="bxslider">

  9. #9
    Quote Originally Posted by Bahram Soltanirad View Post
    It is <div class="bxslider">
    Hi Bahram, I did fix that too but still no work. Do you think it conflict with any other js file?

  10. #10
    I noticed that I got this error when I refresh page for the first time, it disappears afterward

    System error occurred
    Smarty error: [in head.tpl line 109]: syntax error: unrecognized tag: $('.slider').bxSlider(); (Smarty_Compiler.class.php, line 465)
    line# 1095
    file: /home/domain/public_html/libs/smarty/Smarty.class.php
    PHP version: 5.6.34
    System error occurred
    Smarty error: [in head.tpl line 109]: syntax error: unrecognized tag '' (Smarty_Compiler.class.php, line 609)
    line# 1095
    file: /home/domain/public_html/libs/smarty/Smarty.class.php
    PHP version: 5.6.34

+ Reply to Thread