Not showing credit card form
-
The problem I have is simple, when I use the Buy now bottom, it opens the pop-up with the order details form, but in the end of it, where the credit card details should be written, there is nothing. I use Stripe for card payment, does any of you have the same problem??
I inspected the part where the credit card form should be and I found it is totally empty:
<!–
<fieldset id=”wc-stripe-cc-form” class=”wc-credit-card-form wc-payment-form” style=”background:transparent;”>
<label for=”card-element”>Credit and debit card</label><div id=”stripe-card-element” class=”wc-stripe-elements-field”>
<!– a Stripe Element will be inserted here. –>
</div>
<!– Used to display form errors –>
<div class=”stripe-source-errors” role=”alert”></div>
<br>
<div class=”clear”></div>
</fieldset>
–>This is how the payment form look paying by the cart page:
<!–
<fieldset id=”wc-stripe-cc-form” class=”wc-credit-card-form wc-payment-form” style=”background:transparent;”>
<label for=”card-element”>Credit and debit card</label><div id=”stripe-card-element” class=”wc-stripe-elements-field StripeElement StripeElement–empty”><div class=”__PrivateStripeElement” style=”margin: 0px !important; padding: 0px !important; border: none !important; display: block !important; background: transparent !important; position: relative !important; opacity: 1 !important;”><iframe frameborder=”0″ allowtransparency=”true” scrolling=”no” name=”__privateStripeFrame5″ allowpaymentrequest=”true” src=”https://js.stripe.com/v3/elements-inner-card-54ead2d3f1e150d766db9ac39aabf068.html#hidePostalCode=true&style%5Bbase%5D%5BiconColor%5D=%23666EE8&style%5Bbase%5D%5Bcolor%5D=%2331325F&style%5Bbase%5D%5BfontSize%5D=15px&style%5Bbase%5D%5B::placeholder][color]=%23CFD7E0&componentName=card&wait=false&rtl=false&keyMode=test&origin=https%3A%2F%2Fnorawebber.com&referrer=https%3A%2F%2Fnorawebber.com%2Fweb%2Ffinalizar-compra%2F&controllerId=__privateStripeController1″ title=”Secure payment input frame” style=”border: none !important; margin: 0px !important; padding: 0px !important; width: 1px !important; min-width: 100% !important; overflow: hidden !important; display: block !important; height: 18px;”></iframe><input class=”__PrivateStripeElement-input” aria-hidden=”true” autocomplete=”false” maxlength=”1″ style=”border: none !important; display: block !important; position: absolute !important; height: 1px !important; top: 0px !important; left: 0px !important; padding: 0px !important; margin: 0px !important; width: 100% !important; opacity: 0 !important; background: transparent !important; pointer-events: none !important; font-size: 16px !important;”></div></div>
<!– Used to display form errors –>
<div class=”stripe-source-errors” role=”alert”></div>
<br>
<div class=”clear”></div>
</fieldset>Thanks for reading and any help you could provide!
–>
- The topic ‘Not showing credit card form’ is closed to new replies.