Does anyone have the CSS needed for PayPal Commerce that will work for Suivant? TIA
Announcement
Collapse
No announcement yet.
PayPal Commerce CSS for Suivant
Collapse
X
-
PayPal Commerce CSS for Suivant
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
Tags: None
-
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
-
Originally posted by Brennan View PostThere 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/idsLeslie 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
-
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>
Code:.whats-this, .ocst-login, .forgot-password { background: #fff; max-width: 30rem; padding: 1rem; }
Code:$('#js-open-whats-this').magnificPopup({ items: { src: $('#whats-this'), type: 'inline' } });
Nick Harkins
www.loveisarose.com
Comment
Comment