Categories

Featured templates

WordPress Cherry 3.x. How to make Parallax Slider link open in a new tab/window

Carey Burns July 24, 2015
Rating: 5.0/5. From 1 vote.
Please wait...

WordPress Cherry 3.x. How to make Parallax Slider link open in a new tab/window

Our Support team is ready to present you a new tutorial that shows how to make Parallax Slider links open in a new tab:

parallax_slider_open_in_new_tab_1

  1. Open parallaxSlider.js file, it is located in /wp-content/themes/themeXXXXX/js directory on your server.

  2. On line 121 you should see the following code:

    		 mainCaptionHolder.on('click', function(){
    location.href = urlLinkArray[ImgIdCounter];
    })
    		 

    parallax_slider_open_in_new_tab_2

  3. Edit the code so it looks like the following:

    		 mainCaptionHolder.on('click', function(){
    			window.open(urlLinkArray[ImgIdCounter], '_blank');
    		})
    		 

    parallax_slider_open_in_new_tab_3

  4. Save changes to file when you are done.

  5. Check the result on your website.

Feel free to check the detailed video tutorial below:

WordPress Cherry 3.x. How to make Parallax Slider link open in a new tab/window

Top Premium Wordpress Themes
This entry was posted in WordPress Tutorials and tagged link, new, parallax, slider, tab, WordPress. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket