Thanks for your response krumch!
The stripe popup is inside of iframe, and I don’t think I can write css from my site that will affect the contents of the iframe.
Well, no much possibilities… In this case try jQuery. I am not sure will it works, but it is possible to address the iframe element…
Thanks for taking the time to answer!
Unfortunately I can’t do that either, since the iframe is from stripe, so that would be cross-site scripting, which is blocked for security reasons.
Do you know how to modify s2member’s implementation of the stripe checkout? The behavior I want is closer to the default stripe behavior, I think s2member is customizing it in a way I don’t want 🙂
Opps, sorry, seems I was too sleepy yesterday… Yes, jQuery will not works alone. But if Stripe is in an iframe, that means that s2Member don’t change it too…
I am not familiar with Stripe (yet), there can be some way to customize your payment page (shown in the iframe) in your account at Stripe site, you may use that. Maybe to put HTML/CSS/jQuery there?
Another option is to read the code which must come in the iframe, to change it and to show it to your page. Means, to make your own customization/implementation of Stripe in s2M…
Again, I am not familiar with Stripe, and with s2M’s implementation, maybe there is a way, but I can not see it now…
Thanks, I figured it out now!
s2member was passing in the text “Add” to stripe. You can override it by making a php file under mu-plugins:
<?php
add_filter(“gettext_with_context”, “s2_contextual_translation”, 10, 4);
function s2_contextual_translation($translation = NULL, $original = NULL, $context = NULL, $domain = NULL)
{
if ($domain === ‘s2member’ && $context === ‘s2member-front’)
{
if ($original === “Add”)
$translation = ‘Purchase’;
}
return $translation;
}
?>
Getting it to autosubmit after entering stripe info is trickier, but doable with some jquery.
