Originally posted by Matt Zimmermann
View Post
Announcement
Collapse
No announcement yet.
Popup modal - Quick View Function?
Collapse
X
-
Hi Leslie,
You need to add the hash-tag to let the JavaScript know you are targeting the IDs.
Leave a comment:
-
Okay, back to the other popup I need (the CVV was a sidebar).
I have added this to the PROD page (with some other javascript)
Code:$('js-open-info-popup').magnificPopup({ items: { src: $('js-info-popup'), type: 'inline' } });
in the page Footer field I added this
Code:<p><a id="js-open-info-popup" href="#">Click Here</a></p> <div id="js-info-popup" class="row mfp-hide info-popup"> <h4>Popup:</h4> content here </div>
it is still not popping.
Leave a comment:
-
Hi Leslie,
Depending on the payment gateway, there should be a section under the setting called CVV2 Message.
Leave a comment:
-
Originally posted by Matt Zimmermann View PostHi Leslie,
Try adding this to the CVV link:
Code:id="js-open-cvv-information"
I found it and fixed it. The learn more link was in the Payment gateway CVV2 Message field.Last edited by lesliekirk; 12-18-18, 10:34 AM.
Leave a comment:
-
Hi Leslie,
Try adding this to the CVV link:
Code:id="js-open-cvv-information"
Leave a comment:
-
Which popup on the OPAY screen? I was trying to check the CVV popup on the site I'm trying to add this to and it turns out it's not working. I wonder if that's why I'm having issues with this?
This is what is being created for the CVV link
Code:<a class="medbtn btn-grey btn-margin btn-popup" href="#cvv2-popup">Learn more</a>
Code:<div id="js-cvv-information" class="row mfp-hide cvv-information">
Code:// ---- CVV Information Function ---- // $('#js-open-cvv-information').magnificPopup({ items: { src: $('#js-cvv-information'), type: 'inline' } });
How do I fix the CVV?
Leave a comment:
-
Hi Leslie,
Suivant ships with the Magnific plugin, so you can use it to create a modal directly like you might see on OPAY. Here's a basic example, assuming the content you would like to load is within a hidden element on the page:
Code:$('TRIGGER_ELEMENT').magnificPopup({ items: { src: $('CONTENT_ELEMENT'), type: 'inline' } });
Leave a comment:
-
Popup modal - Quick View Function?
I need to put a popup modal on the PROD page. Can the Quick View Function be used?Tags: None
Leave a comment: