resolved
torndownunit
Member
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.
torndownunit
Member
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.
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
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;
}
iso
Member
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.
iso
Member
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.
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
iso
Member
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.
Hey,
You can copy / paste the code from CleanCut, but this isn't something we can officially support.
James
You must log in to post.
Please start by registering an account for this forum here
Create a new thread and tell me what problems you are encountering and what you want to know.
There is no step 3 :)
We try to answer all questions within a day, monday-friday.
