Need additional popups

[lesliekirk]

I was thinking that because Storyteller is using the Magnific Popup, I could use it to create an additional popup. I guess it's not as easy as adding

<a class="test-popup-link" href="path-to-image.jpg">Open popup</a>
  <script src="/Merchant2/themes/storyteller/js/jquery.magnific-popup.min.js" defer></script>  
<script>    
    $(document).ready(function() {
  $('.test-popup-link').magnificPopup({
  type: 'image'
  // other options
});
});    
</script>

as I'm getting this error:

Uncaught ReferenceError: $ is not defined

Am I not able to use the existing javascript?

[Matt Zimmermann]

Hi Leslie,

You should be able to add the initialization code into your scripts.js file. If Magnific is not already included on the page you are using, you will need to call it in first.

[Bruce - PhosphorMedia]

remove the defer from the jquery call...if that doesn't work, try using "jQuery(document).ready(function() {..."

[lesliekirk]

remove the defer from the jquery call...if that doesn't work, try using "jQuery(document).ready(function() {..."

Tried that, now I have even more errors:

Uncaught TypeError: a is not a function
at jquery.magnific-popup.min.js:3
at jquery.magnific-popup.min.js:3

Uncaught ReferenceError: jQuery is not defined