Jump to content

trouble with Stripe payment page


Recommended Posts

Hello,

First post here. search did not turn up my trouble so I am asking for help or pointers
I help a friend with a Cubecart 6 site he is using stripe as a payment processor. he contacted me today asking for help his site when you get to the payment page that in the past gave separate boxes for credit card info is now just giving one box withe the field titles stacked on top of each other.
if you click into the box you can enter the information and tab to the next fields and enter the info but all happens in one box and the button is blank.

Thank you and any help is much appreciated.

Don1968Capture.PNG.c14e5d1fd3dec8473ae5d6ec8bb6966b.PNG

Link to post
Share on other sites

The text does not look familiar. Would this installation of CubeCart be using a skin other than Foundation?

It's my opinion that modules should strive to be skin independent.

(Also, please verify the module is at the current version: now at 2.2.4.)

  • Like 1
Link to post
Share on other sites

Hello thank you for the response. 

I should have included these details

cubecart 6.2.9 

stripe 2.2.4 was 2.2.3 and updating did not cause any changes

skin is e-tone version 1.1 was 1.0 also no change after update. 

PHP is on version 5.6

In foundation i get the screen cap below.

 

i should also say that this had been working up to recently with no changes on my part. The site is hosted with godaddy but they did not indicate any thing has changed with his hosting. 

Thank you for your input.

 

don1968

 

Capture.PNG

Link to post
Share on other sites

That just leaves the code that Stripe sends over to show these fields. It may have changed.

Let me look at eTone and get back with you.

Is there a web address we can see? (as I don't have a Stripe account).

  • Like 1
Link to post
Share on other sites

In the Stripe file /skin/form.php, line 3, there is a <label> statement. Change that to a <p> statement. That is:

From:
      <label>{$LANG.gateway.pay_by_card}</label>
To:
      <p>{$LANG.gateway.pay_by_card}</p>

The skin eTone has a CSS rule that limits the width of a <label> to 25% of its container.

Again, for eTone, the text "Submit Payment" is supposed to be a contrasting color and inside the boundaries of the button (white on black for eTone-Black, for example). Such is the case with all other buttons. I have yet to find why this button isn't displaying as it should.

  • Like 1
Link to post
Share on other sites

the change below improved the layout withe the text above the input fields but the input box is still stacked.

pic attached 

 

Capture.PNG.a7b1073536252412e0c0aab39943caa2.PNG

From:
      <label>{$LANG.gateway.pay_by_card}</label>
To:
      <p>{$LANG.gateway.pay_by_card}</p>
Link to post
Share on other sites

Is there a web address we can see? (as I don't have a Stripe account).

Also, try this:

From:
<div class="medium-6 medium-push-3 small-12 columns">

To:
<div style="width:100%" class="medium-6 medium-push-3 small-12 columns">

 

  • Like 1
Link to post
Share on other sites

Now make this edit:

From:
<button id="card-button" class="success">Submit Payment</button>

To:
<p><button id="card-button" class="success"><span>Submit Payment</span></button></p>

 

  • Like 1
Link to post
Share on other sites

bsmither, 

 

first sorry about the late reply I had eye sugary yesterday was supposed  be Lasik and ended up with PRK so i was mostly out of it. 

Second That worked like a charm. 

I cannot thank you enough my friends site is back and working. 

Thank you, Thank you and Thank you

Don1968

 

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...