-
AuthorPosts
-
April 9, 2018 at 7:22 pm #939369
Hi guys! I’m using the easy slider and have the slide linking to a post. However the slide is only clickable in the upper right hand corner where the text is. I would like the entire slide to be clickable. Can someone help me with this? Thank you in advance, you guys are the best.
April 10, 2018 at 1:34 am #939499Hey bobfurgo,
Please refer to the following:
https://kriesi.at/support/topic/make-fullscreen-slider-image-clickable/#post-226684
This may very well be a premium feature.
Best regards,
Jordan ShannonApril 19, 2018 at 4:52 pm #944173Hi jordan,
The slider already has the ability to have a link across the entire slide I believe. I think the location of my link is a bit off because i’m using CSS to customize the text. Would you mind looking into this a bit further for me? Thank you so much in advance.
April 23, 2018 at 5:13 am #945228Hi,
Thank you the update. Use this script to trigger the link when you clicked on the slider.
add_action('wp_footer', 'ava_custom_script_slider_link'); function ava_custom_script_slider_link(){ ?> <script> (function($) { $('.avia-slideshow li').on('click', function() { window.location.href = $(this).find('> a').attr('href'); }); })(jQuery); </script> <?php }
And then use this code in the Quick CSS field.
.avia-slideshow li { cursor: pointer; }
Best regards,
IsmaelApril 23, 2018 at 4:24 pm #945436Hi Ismael!
Thanks for your reply. Where do I enter the first script you sent over? Sorry if the answer is obvious!April 23, 2018 at 6:23 pm #945470Hi,
The first script can be added to the functions.php file.
Best regards,
Jordan ShannonApril 23, 2018 at 7:52 pm #945516You guys are awesome, thank you!
April 23, 2018 at 8:05 pm #945526Hi,
No problem at all. Did you need further help with this topic or shall we close.
Best regards,
Jordan ShannonApril 30, 2018 at 7:16 pm #949162Hi guys! So this script works great but it’s affecting the video sliders on my site as well. Is there a way to make it where it only applies to that particular easy slider on the homepage, and not the rest throughout the site?
May 1, 2018 at 6:36 pm #949605Hi,
I was able to play the video on this page. Are you not able to?
Best regards,
Jordan ShannonMay 2, 2018 at 5:24 am #949806Hello, I actually took the script out so that it would stop redirecting you to 404 error pages when clicking on the other videos. Is there a way to isolate this to just one slider?
May 3, 2018 at 4:29 pm #950907Hi bobfurgo,
Can you try to use this script, this should work only on the single page you gave (in private content):
add_action('wp_footer', 'ava_custom_script_slider_link'); function ava_custom_script_slider_link() { if( is_single( '689' ) ): ?> <script> (function($) { $('.avia-slideshow li').on('click', function() { window.location.href = $(this).find('> a').attr('href'); }); })(jQuery); </script> <?php endif; }
Let us know if that helps, if you plan on adding more of the same slider on that page, then the code given would apply on others as well.
If that’s the case then use the code given by Ismael then enable Custom CSS Classes: https://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
then use a unique class name then replace this class name .avia-slideshow to .myclass. Hope this helps :)Best regards,
Nikko -
AuthorPosts
- You must be logged in to reply to this topic.