|
youngjc345
|
July 30, 2016 at 8:32 am
I have a aesthetic issue with stripe payments on mobile (developing app based on mobile site) see image attached with pop up being cut off.
Where can I go to adjust the coding to fit correctly?
|
|
youngjc345
|
July 30, 2016 at 8:33 am
|
|
Tony
|
August 1, 2016 at 4:11 am
Hi there,
That’s Stripes checkout iframe which is not generated on your site.
When using Stripe checkout on mobile you would be directed to Stripe checkout – http://take.ms/cegk5
I’m not sure how you are loading the page currently, what device?
|
|
youngjc345
|
August 10, 2016 at 1:16 pm
I am utilizing the plugin to build a mobile app, therefore the checkout process does not open in a browser as it is in an app environment. Could you shed some light as to how I can go about having the “pay now” button open in an in-app browser? I’m assuming it would be similar to having the button open in a new tab. Please advise me what class should be used to accomplish this. Here are the two methods available to open page in in-app browser:
WordPress / HTML
For links you’re working on inside the post editor or other sections of wp-admin you can add the class “external” to your links and it will force the link to open in the InAppBrowser
e.g.
<a class="external" href="http://externalsite.com">External Link</a>
The In App Browser will open for any link that uses window.open in javascript. The jQuery version, you can use something like the following:
<script>
(function($) {
$('#colophon a').on('click',function(e){
if( $(this).parent().hasClass('external') ){
$url = $(this).attr('href');
window.open( $url, '_blank');
}
});
})(jQuery);
</script>
|
|
youngjc345
|
August 11, 2016 at 9:34 am
here is response i’ve received from the support team of the plugin used to package the site into an app.
“With a submit button it’s a bit tricky. When the submit button is being pressed the form data is being passed to some other code in the backend that then redirects the user to the appropriate page. To open that page in the InAppBrowser you’ll need to find that code in the backend of your plugin and see if there’s a hook available to modify that code.
You’d then need to write a custom function in your child theme functions.php to intercept the outgoing url and force it to open using the InAppBrowser.”
Any idea where to find that code in the backend of your plugin and if there’s a hook available to modify it?
|
|
Tony
|
August 13, 2016 at 5:19 am
Could you shed some light as to how I can go about having the “pay now” button open in an in-app browser? I’m assuming it would be similar to having the button open in a new tab.
With the current setup, its Stripe that determine how the payment form will be displayed, not EE.
Any idea where to find that code in the backend of your plugin and if there’s a hook available to modify it?
The ‘Pay Now’ button does not submit the info, its just a button element used to invoke Stripe checkout:
https://stripe.com/checkout
It doesn’t submit anything to the server when clicked.
On mobile Stripe checkout loads another tab for you to enter your payment details, it’s the screenshot I sent you previously – http://take.ms/cegk5
On desktop Stripe Checkout loads like this – http://take.ms/V7z28
Stripe checkout determines how it should display once the button is clicked, again this is not something EE controls.
It looks like your app is loading as desktop, so Stripe checkout loads the ‘standard’ way. I can’t reproduce this as it loads fine on both Desktop and Mobile for me so I can’t provide any useful info, it’s something within the app causing this which you will need to narrow down.
|
