Card Element Entire Back Clickable open new tab

[Loha89]

I found code to make the entire back of the card element clickable link but I want to also be able to open link in new tab.

[paul.r]

Hi,

Can you share to us the code that you found.

To open a link in new tab, you can add target="_blank" to your link.

eg.

<a href="http://your_url_here.html" target="_blank">Link</a>

Hope that helps

[Loha89]

Hi, This is the code I found. I just added it into custom JS section.

// Full Card Back Link
jQuery(document).ready(function($) {// Full Link
(function($){$.fn.hoverclass=function(){return this.each(function(){$(this).bind(‘mouseover’,function(){$(this).addClass(‘active’)}).bind(‘mouseout’,function(){$(this).removeClass(‘active’)}).bind(‘click’,function(){window.location=$(‘a’,this).attr(‘href’)})})}})(jQuery);
$(’.x-card-inner .x-face-outer.back’).hoverclass();
});

[friech]

Hi There,

Regretfully, we cannot provide support for scripts as our support policy in the sidebar states due to the fact that there is simply no way to account for all of the potential variables at play when using another developer’s script. Because of this, any questions you have regarding setup, integration, or troubleshooting any piece of functionality that is not native to X will need to be directed to the original developer.

Review these following thread, it might help.

• http://www.dynamicdrive.com/forums/showthread.php?6138-window-location-href
• https://stackoverflow.com/questions/7554108/javascript-window-location-in-new-tab
• https://wpquestions.com/Need_javascript_redirect_to_open_in_new_tab/12060

Thank you for your understanding.