cxduan Posted August 4, 2013 Share Posted August 4, 2013 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! Link to comment Share on other sites More sharing options...
Normal Posted August 5, 2013 Share Posted August 5, 2013 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 More sharing options...
bellini13 Posted August 5, 2013 Share Posted August 5, 2013 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 More sharing options...
cxduan Posted August 5, 2013 Author Share Posted August 5, 2013 Thanks so much! Just the cvc box still not showing changes. Edited the css file, but changes aren't showing on the front end? Force compile is yes and cache is no, but still not showing? Link to comment Share on other sites More sharing options...
cxduan Posted August 5, 2013 Author Share Posted August 5, 2013 Never mind, got it. Strong refresh did the job! Thanks so much again! Link to comment Share on other sites More sharing options...
Recommended Posts