Announcement

Collapse
No announcement yet.

CVV Mini Modal

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    CVV Mini Modal

    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.
    Code:
    <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>

    #2
    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.
    Matt Zimmermann
    Front-End Development Director / Miva, Inc.

    Comment


      #3
      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.

      Comment


        #4
        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

        Comment


          #5
          That's where the overall scroll area is.
          Matt Zimmermann
          Front-End Development Director / Miva, Inc.

          Comment

          Working...
          X