Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #710

    Hey there, new user/purchaser of the theme from ThemeForest.

    I was looking at the demo the slider here: http://aviathemes.com/aviaslider/

    I have 2 questions. How to I make the little radio controls appear? I don’t see any option in the slider options in the theme.

    Second, in the demo I like the “Full Width Fade Slider” effect. I don’t see any way to activate through the slider options in the theme though.

    Could you help me with these 2 issues? Thanks.

    #32601

    Sorry to bump this, but I am hoping to show a client a mock-up tomorrow, and this is something I’d really like to have on it. I am assuming I am just missing something really simple since those little selector/radio buttons are showing the demo. If I knew what files to edit, I might be able to figure out myself but I am at a loss.

    #32602

    Support questions are generally answered Monday to Friday between 9am and 5pm (GMT +1), sometimes outside these hours. Posts are answered in the order received. You should receive an answer within 1 working day of posting. James will most likely help you tomorrow.

    The Dude

    #32603

    Thanks a lot.

    #32604

    Hey, sorry for the delay it was the combination of a weekend plus no Internet access yesterday :-(

    There is no option in Avisio to make the slider navigation buttons rather than the small images but with a little modification this can be done. Open up /framework/classes/kclass_display_slideshow.php and modify this code to use a static image rather than the dynamic images for $img:

    function showThumbnails()
    {
    global $k_option;
    $this->slider = '';

    if(!is_object($this->slideshowLoop))
    {
    $this->slideshowLoop = new WP_Query("post_type=".$this->postType."&posts_per_page=".$this->postPerPage);
    }

    if($this->slideshowLoop->have_posts())
    {
    $this->slider = "<ul class='slideshowThumbs'>n";
    $loopCount = 1;

    while ($this->slideshowLoop->have_posts())
    {
    $this->slideshowLoop->the_post();

    $img = kriesi_post_thumb($this->slideshowLoop->post->ID, array('size'=> array($this->size),
    'wh' => $k_option['custom']['imgSize'][$this->size],
    'display_link' => array('none')
    ));

    $imageLink = get_real_url(get_post_meta($this->slideshowLoop->post->ID, "_img_url", true));

    $this->slider.= "<li class='slideThumb ie6fix slideThumb".$loopCount."'>n";
    $this->slider.= $imageLink != "" ? "<a href='".$imageLink."' class='slideThumWrap noLightbox'>n" : "<span class='slideThumWrap'>n";

    $this->slider .= "<span class='slideThumbTitle'>n";
    $this->slider .= "<strong class='slideThumbHeading rounded ie6fix'>".get_the_title()."</strong>n";
    $this->slider .= "</span>n";

    $this->slider.= "<span class='fancy'></span>";
    $this->slider.= $img;
    $this->slider.= $imageLink != "" ? "</a>" : "</span>";
    $this->slider.= "</li><!-- end .slideThumb -->n";

    $loopCount ++;
    }

    $this->slider.= "</ul><!-- end .slideshowThumbs --> n";

    }

    echo $this->slider;
    }

    #32605

    Hello there, first let me just say how wonderful this theme is. I’m a satisfied customer and thank you for your hard. :)

    Now I would like to ask almighty support staff James how exactly this can be achieved. Specifically I want it to show the button exactly like the one for Aviaslider demo (hover, selected etc).

    I’m no php genius so if you can guide me through I would be greatly appreciated.

    Thank you very much.

    #32606

    James wrote the solution one post above yours. You need to modify /framework/classes/kclass_display_slideshow.php with his code he posted above.

    The Dude

    #32607

    I’m sorry maybe I wasn’t clear enough. You say modify the code above but I have no clue what to change. That code he posted is simply the copy and paste of original php function code.

    I need more specific and detailed guidance how it could be done (what code should I changed to etc).

    I actually looked at the CleanCut theme and it has exactly what I’m looking for and I need the same thing for Avisio theme.

    #32608

    Sorry, I didn’t notice that :-( .

    I’ll look into it if I’ve time.

    The Dude

    #32609

    Thank you!

    Much appreciated.

    #32610

    Hey,

    Try this code:

    function showThumbnails()
    {
    global $k_option;
    $this->slider = '';

    if(!is_object($this->slideshowLoop))
    {
    $this->slideshowLoop = new WP_Query("post_type=".$this->postType."&posts_per_page=".$this->postPerPage);
    }

    if($this->slideshowLoop->have_posts())
    {
    $this->slider = "<ul class='slideshowThumbs'>n";
    $loopCount = 1;

    while ($this->slideshowLoop->have_posts())
    {
    $this->slideshowLoop->the_post();

    $img = "http://www.mysite.com/myimg.jpg";

    $imageLink = get_real_url(get_post_meta($this->slideshowLoop->post->ID, "_img_url", true));

    $this->slider.= "<li class='slideThumb ie6fix slideThumb".$loopCount."'>n";
    $this->slider.= $imageLink != "" ? "<a href='".$imageLink."' class='slideThumWrap noLightbox'>n" : "<span class='slideThumWrap'>n";

    $this->slider .= "<span class='slideThumbTitle'>n";
    $this->slider .= "<strong class='slideThumbHeading rounded ie6fix'>".get_the_title()."</strong>n";
    $this->slider .= "</span>n";

    $this->slider.= "<span class='fancy'></span>";
    $this->slider.= $img;
    $this->slider.= "</span>";
    $this->slider.= "</li><!-- end .slideThumb -->n";

    $loopCount ++;
    }

    $this->slider.= "</ul><!-- end .slideshowThumbs --> n";

    }

    echo $this->slider;
    }

    Update this line to the Image URL:

    $img = "http://www.mysite.com/myimg.jpg";

    James

    #32611

    Hi James,

    I’ve modified the file to what you have but nothing is showing up for me.

    Do I have to edit the css file as well?

    CleanCut theme has the slider control which is exactly what I need. So if I buy the CleanCut theme and grab the code for that will it work or you have it set up differently?

    Thank you very much.

    #32612

    Hey,

    You can copy / paste the code from CleanCut, but this isn’t something we can officially support.

    James

    #32613

    Very nice, I’ll purchase it and I can probably figure out on my own.

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

The topic ‘Slider control buttons’ is closed to new replies.