Shopping Cart Operations > Extension Support

Fast Checkout wont work, without having Guest checkout enabled!

(1/2) > >>

kiwi:
I Need to turn off the Guest checkout, as the STRIPE Card Element for the stripe payment the element is too small and cannot enter the card number into it.

This is only an issue if the customer skips the fast checkout and checkout as a guest.

Also i think i am missing the Guest_checkout_step_3 as i cannot find this anywhere either ??

This is the part that the card number is supposed to be entered
        </div>
        <div class="form-group form-inline">
            <label class="col-sm-4 control-label"><?php echo $entry_cc_number; ?></label>
            <div id="card-element" class="col-sm-7 col-xs-6 input-group field"
                 style="min-width:240px; border: 1px solid #ccc; padding: 2px"></div>
        </div>
        <input type="hidden" name="cc_token" id="cc_token">
        <input type="hidden" name="pi_source" id="pi_source">
        <?php echo $this->getHookVar('payment_table_post'); ?>

Just some help trying to get the stripe card element to be open.
Please help

maxter:
What is a version of your AbanteCart?

Based on the classes col-sm-4 and col-sm-7 and min-width:240px; the imputes field should not be small.

Did you try to inspect HTML/CSS possibly some element is getting in a way?

Basara:
Hello.
If you are still on the 1.2.16 version please upgrade to 1.3.0
https://forum.abantecart.com/index.php/topic,8669.msg35540.html#msg35540

abolabo:

--- Quote from: kiwi on July 16, 2021, 04:16:15 PM ---I Need to turn off the Guest checkout, as the STRIPE Card Element for the stripe payment the element is too small and cannot enter the card number into it.

This is only an issue if the customer skips the fast checkout and checkout as a guest.

Also i think i am missing the Guest_checkout_step_3 as i cannot find this anywhere either ??

This is the part that the card number is supposed to be entered
        </div>
        <div class="form-group form-inline">
            <label class="col-sm-4 control-label"><?php echo $entry_cc_number; ?></label>
            <div id="card-element" class="col-sm-7 col-xs-6 input-group field"
                 style="min-width:240px; border: 1px solid #ccc; padding: 2px"></div>
        </div>
        <input type="hidden" name="cc_token" id="cc_token">
        <input type="hidden" name="pi_source" id="pi_source">
        <?php echo $this->getHookVar('payment_table_post'); ?>

Just some help trying to get the stripe card element to be open.
Please help

--- End quote ---

To tune up the payment card form you should to play with stripe.js settings inside template public_html/extensions/default_stripe/storefront/view/default/template/responses/default_stripe.tpl
Find such rows and edit style section:

--- Code: ---card = elements.create('card', {
                hidePostalCode: true,
                style: {
                    base: {
                        iconColor: '#666EE8',
                        color: '#31325F',
                        lineHeight: '40px',
                        fontWeight: 300,
                        fontFamily: '"Helvetica Neue", Helvetica, sans-serif',
                        fontSize: '15px',
                        '::placeholder': {
                            color: '#CFD7E0',
                        },
                    },
                }
            });
--- End code ---

more details here https://stripe.com/docs/js/appendix/style

If you use not default template, you should to copy folder public_html/extensions/default_stripe/storefront/view/default/ to public_html/extensions/default_stripe/storefront/view/your_custom_template_name to prevent overriding during upgrade process

abolabo:
also we plan to release 1.3.1 with updates of FastCheckout. Probably your issue already fixed.
You can check. Just download zip from our github and replace extension/fast_checkout directory

Navigation

[0] Message Index

[#] Next page