Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • April 9, 2018 at 7:22 pm #939369
    bobfurgo

    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 #939499
    Jordan Shannon

    Hey 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 Shannon

    April 19, 2018 at 4:52 pm #944173
    bobfurgo

    Hi 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 #945228
    Ismael

    Hi,

    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,
    Ismael

    April 23, 2018 at 4:24 pm #945436
    bobfurgo

    Hi 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 #945470
    Jordan Shannon

    Hi,

    The first script can be added to the functions.php file.

    Best regards,
    Jordan Shannon

    April 23, 2018 at 7:52 pm #945516
    bobfurgo

    You guys are awesome, thank you!

    April 23, 2018 at 8:05 pm #945526
    Jordan Shannon

    Hi,

    No problem at all. Did you need further help with this topic or shall we close.

    Best regards,
    Jordan Shannon

    April 30, 2018 at 7:16 pm #949162
    bobfurgo

    Hi 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 #949605
    Jordan Shannon

    Hi,

    I was able to play the video on this page. Are you not able to?

    Best regards,
    Jordan Shannon

    May 2, 2018 at 5:24 am #949806
    bobfurgo

    Hello, 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 #950907
    Nikko

    Hi 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

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.