Announcement

Collapse
No announcement yet.

PayPal Commerce CSS for Suivant

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

    PayPal Commerce CSS for Suivant

    Does anyone have the CSS needed for PayPal Commerce that will work for Suivant? TIA
    Leslie Kirk
    Miva Certified Developer
    Miva Merchant Specialist since 1997
    Previously of Webs Your Way
    (aka Leslie Nord leslienord)

    Email me: [email protected]
    www.lesliekirk.com

    Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

    #2
    There are not theme specific changes. Instead the default code used for Shadows can be used across any theme.

    Here are the moving prices:

    1. The module creates its own CSS file (paypalcp) Make sure this is active on OPAY.
    2. Modify OPAY to support PayPal Commerce Platform. The changes can be found here: https://github.com/mivaecommerce/sha...lates/opay.mvt (look for the two conditionals for g.PaymentMethod EQ 'paypalcp:cc and g.PaymentMethod EQ 'paypalcp:paypal) This outputs the correct HTML on the page for PayPal CP with the correct classes/ids

    Brennan Heyde
    VP Product
    Miva, Inc.
    [email protected]
    https://www.miva.com

    Comment


      #3
      Originally posted by Brennan View Post
      There are not theme specific changes. Instead the default code used for Shadows can be used across any theme.

      Here are the moving prices:

      1. The module creates its own CSS file (paypalcp) Make sure this is active on OPAY.
      2. Modify OPAY to support PayPal Commerce Platform. The changes can be found here: https://github.com/mivaecommerce/sha...lates/opay.mvt (look for the two conditionals for g.PaymentMethod EQ 'paypalcp:cc and g.PaymentMethod EQ 'paypalcp:paypal) This outputs the correct HTML on the page for PayPal CP with the correct classes/ids
      Where can I find the CSS for the "What's This?" dialog window?
      Leslie Kirk
      Miva Certified Developer
      Miva Merchant Specialist since 1997
      Previously of Webs Your Way
      (aka Leslie Nord leslienord)

      Email me: [email protected]
      www.lesliekirk.com

      Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

      Comment


        #4
        You should be able to make that work with the magnific popup plugin similar to the log in link on OCST for Suivant.

        HTML:
        Code:
        <! -- link to open -- >
        <a href="#js-whats-this" title="What's This?" id="js-open-whats-this">What's This?</a>
        
        <! -- Mfp Container Can be placed pretty much anywhere -- >
        <div id="js-whats-this" class="row mfp-hide whats-this">
            <div class="column whole np">
                <! -- insert content here -- >
            </div>
        </div>
        CSS:
        Code:
        .whats-this,
        .ocst-login,
        .forgot-password {
            background: #fff;
            max-width: 30rem;
            padding: 1rem;
        }
        JS:
        Code:
        $('#js-open-whats-this').magnificPopup({
        
            items: {
        
                src: $('#whats-this'),
        
                type: 'inline'
        
            }
        
        });
        Nick Harkins
        www.loveisarose.com
        *Web Developer
        *Miva
        *Google Analytics, Search Console, Tag Manager, Merchant Center, Ads

        Comment

        Working...
        X