Support » Theme: Sydney » Hyperlink Slides

  • Outerspection

    (@outerspection)


    Hello,

    It is possible to hyperlink the actual slides but keep the ability to have the Call to Action “Click to begin” button remain active?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hello there,

    There is no such that option by default. To achieve it, you’ll use jQuery code. Please follow these steps and do link addresses adjustment.

    1. Install and activate the TC Custom JavaScript plugin
    2. Go To Appearance > Custom JavaScript
    3. Paste the following code into the provided box

    
    (function($){
    
      if( $('.header-slider').length ){
    
        var slideLink1 = '<a href="http://yoursite.com/services"></a>';
        var slideLink2 = '<a href="http://yoursite.com/team"></a>';
        var slideLink3 = '<a href="http://yoursite.com/about"></a>';
        var slideLink4 = '<a href="http://yoursite.com/pricing"></a>';
        var slideLink5 = '<a href="http://yoursite.com/faq"></a>';
    
        if($('.slide-item:nth-of-type(1)').length){
          $('.slide-item:nth-of-type(1)').wrapInner(slideLink1);
        }
    
        if($('.slide-item:nth-of-type(2)').length){
          $('.slide-item:nth-of-type(2)').wrapInner(slideLink2);
        }
    
        if($('.slide-item:nth-of-type(3)').length){
          $('.slide-item:nth-of-type(3)').wrapInner(slideLink3);
        }    
    
        if($('.slide-item:nth-of-type(4)').length){
          $('.slide-item:nth-of-type(4)').wrapInner(slideLink4);
        }    
    
        if($('.slide-item:nth-of-type(5)').length){
          $('.slide-item:nth-of-type(5)').wrapInner(slideLink5);
        }    
    
      }
    
    })(jQuery);
    

    4. Update

    Regards,
    Kharis

    Thank you so very much!

    My goal is to allow someone to click on the slide to scroll down the homepage such as what the “Call to Action” button was set up for. I currently have the Call to Action button take one to an appointment form (see website below). I placed a down arrow on the slider its self (see image) so I would like the whole slide to be hyperlinked to bring someone further down the homepage. Is this possible?

    http://rangerairandheat.com/wp-content/uploads/2017/04/Lennox-App-2.jpg
    http://rangerairandheat.com/

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.