Jump to content

[SOLVED] Help with Stripe module please!


Recommended Posts

Hi, I just installed the Stripe module for payment processing. 2 things about the display on the payment page I would like to change if possible:

1) a little box before the card number (would like to get rid of this)

2) hovering over "what's this" next to the cvc field gets the help box to come up but it's cut off

Any suggestions on what to do? Please see attached pic for the two things I'm talking about above. Thanks!post-656704-0-27537700-1375651416_thumb.jpg

Link to comment
Share on other sites

Hi, to do this you have to edit the Stripe payment template file,

 

/stripejs/payment.tpl

 

for the input box, find a line of code with these, two actually

 <label>{l s='Card Number' mod='stripejs'}</label><br />
 <input type="text" size="20" autocomplete="off" class="stripe-card-number" />

You can remove this line and do what you want

 

 

For the hovering tooltip

 

<div class="cvc-info">
   {l s='The CVC (Card Validation Code) is a 3 or 4 digit code on the reverse side of Visa, MasterCard and Discover cards and on the front of American Express cards.' mod='stripejs'}
   </div>

 

That's the line that does it. You can remove it if you want.

Link to comment
Share on other sites

I would suggest that you search these forums for the Stripe patch that I have published. It fixes the little box appearing issue, and also addresses several other issues with this module.

 

As for the cvc-info box, I would suggest you decrease the width. In the stripe-prestashop.css file, search for the following style, and reduce the width: 300px until it fits properly.

 

a.stripe-card-cvc-info div.cvc-info {
   background-color: #BDE5F8;
   border: #00529B solid 1px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   color: #00529B!important;
   display: none;
   font-style: normal;
   padding: 8px;
   position: absolute;
   right: -320px; top: -10px;
   text-decoration: none;
   width: 300px;
}

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...