CVV Mini Modal

[afiumano]

Any ideas why the mini-modal for the cvv code doesn't work in Colossus? No error is being thrown in Chrome Developer Console. It seems the demo store is using Mivapay so it doesn't have the "What's This" link to compare to.

<button class="c-button c-button--small c-button--clear u-bg-transparent x-messages--info" data-mini-modal data-mini-modal-type="inline" data-mini-modal-content="data-cvv" title="Card Security Code Information">What's This? <span class="u-icon-question"></span></button>

[Matt Zimmermann]

This may be related to a similar issue that was discovered in Shadows [https://github.com/mivaecommerce/rea...dows/issues/73]. Try updating your OPAY Page Template with the following [https://gist.github.com/influxweb/73...8c08a530bcf46e] and make the CSS adjustment mentioned in the Shadows link.

[afiumano]

The code here: https://gist.github.com/influxweb/73...8c08a530bcf46e has something not quite right. The cvv area including "what's this" the first and the explanation appears twice on the page. I am going to try the code on the other link and see if that works.

[afiumano]

I was able to get this to work but any idea why the scrollbar is far away from the popup box? See screenshot.
cvv-popup.jpg

[Matt Zimmermann]

That's where the overall scroll area is.