Need help with implementing popu modal properly

Hi guys
I need help with this.
Been trying to implement a popup using the suggestions on

here is my read only link to the page I am working on: https://preview.webflow.com/preview/test-stnet?preview=f8e2c17f069ef41af9feb6e9ea45a85f

I have placed the code in the before /body tag in the sites setting section as suggested.

This is the code I placed there.

<script type="text/javascript">

$(document).ready(function() {
  $('.modal-link').click(function() {
    $('.modal-background').fadeIn();
  });
  $('.close-modal').click(function() {
    $('.modal-background').fadeOut();
  });
});

This is the link to the screen shot

I wanted the events near you button to open a popup but this wont work. and have been trying to make it work for the past 24 hours. Desperately need some advice on what I am doing wrong or on how to make it work.

The browser I am working on is chrome.

Hello @exrovite,

For now, you do not need to use custom code anymore, for make modal pop-up element.

Here is a good tutorial about custom lightbox, which is same principal as a modal pop-up. Only difference what you will put inside the modal. http://help.webflow.com/faq/how-to-make-a-custom-lightbox-with-webflow-interactions

Hope it helps.

Cheers,
Anna

2 Likes

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.