PayPal Commerce CSS for Suivant

[lesliekirk]

Does anyone have the CSS needed for PayPal Commerce that will work for Suivant? TIA

[Brennan]

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

[lesliekirk]

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?

[SidFeyDesigns]

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

HTML:

<! -- 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:

.whats-this,
.ocst-login,
.forgot-password {
    background: #fff;
    max-width: 30rem;
    padding: 1rem;
}

JS:

$('#js-open-whats-this').magnificPopup({

    items: {

        src: $('#whats-this'),

        type: 'inline'

    }

});