[contact-form-7 id="24078" title="Feedback EN"]

Featured templates

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

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