Close slide-in on button click

Hey @kiwidesign,

Hope you’re well.

There is no option for that in the current version of Hustle, but you can do that by adding custom JS codes. If you add that codes to your page it will hide slide-in once user click that button;

jQuery("#wph-modal-slide_in--2 .wph-modal--cta").click(function(){
    jQuery("#wph-modal-slide_in--2").hide();
});

I hope that helps!

Cheers,
Oguz

Hello and thanks for the quick answer!
I included the script in the header, but it’s not working and the web inspector gives the error “ReferenceError: Can’t find variable: jQuery”

I’m fairly certain that jQuery is loaded by the theme already (this is the page) so I don’t get why it wouldn’t work :/

Thank you!

Hey @kiwidesign,

Hope you’re well.

If you are sure there is a jQuery on your page, that means you are trying to put the code that I gave you before jQuery load. You should put it after jQuery loaded. Just for being sure you can add that jQuery codes before body closing tag in the footer. Body closing tag looks like this “</body>”, so add just one line over it.

Cheers,
Oguz

Hi Oguz and thanks again,
it looks like the script is loading correctly now, but still doesn’t work…

have a look if you can: https://www.devyoucan.it/manymal/
(the slide-in appears after scrolling a little)

thank you so much!

Hey @kiwidesign,

Hope you’re well.

Can you try this version of the code;

jQuery("body").on('click', '#wph-modal-slide_in--2 .wph-modal--cta', function(){
	jQuery("#wph-modal-slide_in--2").hide();
});

Please let me know the results.

Cheers,
Oguz

Worked beautifully, thank you so much Oguz!