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

    Miva Web Developer
    Alchemy Web Development
    https://www.alchemywebdev.com
    Site Development - Maintenance - Consultation

    Miva Certified Developer
    Miva Professional Developer

    https://www.dev4web.net | Twitter

    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

          Miva Web Developer
          Alchemy Web Development
          https://www.alchemywebdev.com
          Site Development - Maintenance - Consultation

          Miva Certified Developer
          Miva Professional Developer

          https://www.dev4web.net | Twitter

          Comment

          Working...
          X