Ability to click anywhere on a classic card

[Fuzuki]

Hey there,

I am using some classic cards on my home page (and some others).

I was wondering, is there any possibility to make this :

When you hover on the card, it flips (which it actually already does)
And once you see the back of it, if you click on it, opens a new page, without having to click on the button but anywhere on it?

Links in a secure note
Thanks for your help!

[paul.r]

Hi,

To achieve that you can add this in Theme Options > JS

jQuery(function($) {
    $( ".mycard .x-face-outer.back" ).on( "click", function() {
        var mypage = $(this).find(".x-face-button").attr("href");
	window.location = mypage;
    });
});

Hope that helps.

[Fuzuki]

Thanks!

Just before doing anything ; will it do it on every page with a classic card if I do it?

[mldarshana]

Hi There,

Just replace .mycard with .x-card-outer, so that it should apply globally.

jQuery(function($) {
    $( ".x-card-outer .x-face-outer.back" ).on( "click", function() {
        var mypage = $(this).find(".x-face-button").attr("href");
	window.location = mypage;
    });
});

Hope that helps.

[Fuzuki]

Works perfectly! Thanks a lot and have a nice day.

[Prasant]

You are most welcome.