Custom Form – Why 2 entry boxes for expiration date?

  • Resolved WP-77

    (@admin247365)


    4 years, 5 months ago

    Hi,

    I like your Custom Form named Card Shaped Form but customers have been confused during order entry due to 2 separate entry boxes for Expiration Date – one for Month (MM) and another for Year (YY).
    Other Custom Forms have only 1 entry box for the Expiration Date and use the MM/YY format which seems universal for the online payments I have ever made.
    Is there a way to change this without extensive programming skills?
    Or could this be a feature request for future updates?

    Thank you!
    Ron

    • This topic was modified 4 years, 5 months ago by WP-77.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Payment Plugins

    (@mrclayton)

    Hi @admin247365,

    The expiration date fields can be changed by doing the following:

    1. Follow the documentation’s Template Guide
    2. Once you have the card shape form copied update its exp month and exp year to just be a single expiration date element. Something like the following:

    <div class="wc-braintree-field-container field-exp-month">
	<label><?php echo $fields['exp_date']['label']?></label>
        <div id="wc-braintree-expiration-date" class="hosted-field"></div>
</div>

    Notice the id of the div element is wc-braintree-expiration-date.

    That tells the plugin to expect an expiration date field that consists of month and year together instead of separately.

    Kind Regards,

    Thread Starter WP-77

    (@admin247365)

    Hi and sorry for the late response.

    Being a novice it took me a bit of time and reseach to implemnt this solution. Turns out it was much easier than I thought it would be to modify.

    I just wanted to let you and others know that your code works and my card form looks great.

    Thank you again for the fantastic support.

    Ron

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Custom Form – Why 2 entry boxes for expiration date?’ is closed to new replies.