gunwant-Order | Stripe Developers | Page 1

dusty crag Jun 3, 2022, 4:12 AM

#

Hi there, are you using card element or payment element?

wheat dust Jun 3, 2022, 4:12 AM

#

I'm using Payment element.

#

const options = {
  clientSecret: clientSecret,
  // Fully customizable with appearance API.
  appearance: {
    theme: 'flat',
    variables: {
      fontWeightNormal: '500',
      borderRadius: '2px',
      colorBackground: 'white',
      colorPrimary: '#DF1B41',
      colorPrimaryText: 'white',
      spacingGridRow: '15px'
    },
    rules: {
      '.Label': {
        marginBottom: '6px'
      },
      '.Tab, .Input, .Block': {
        boxShadow: '0px 3px 10px rgba(18, 42, 66, 0.08)',
        padding: '12px'
      }
    }
  },
};
const elements = stripe.elements(options);

// Create and mount the Payment Element
const paymentElement = elements.create('payment');
paymentElement.mount('#payment-element');

#

In the card, elements have an option to hide/show zipcode.

hidePostalCode: true,

#

whats about payment element?

dusty crag Jun 3, 2022, 4:14 AM

#

Here's the equivalent option for payment element https://stripe.com/docs/js/elements_object/create_payment_element#payment_element_create-options-fields-billingDetails-address-postalCode

Stripe JS Reference

#

You can set it to never to hide the postal code

wheat dust Jun 3, 2022, 4:16 AM

#

OKay.
Let me check it.

#

Hello

dusty crag Jun 3, 2022, 4:21 AM

#

Hi there

wheat dust Jun 3, 2022, 4:21 AM

#

I have applied both options 'auto' and 'never' but the stripe payment element does not respond to anything.

#

const options = {
  clientSecret: clientSecret,
  // Fully customizable with appearance API.
  appearance: {
    theme: 'flat',
    variables: {
      fontWeightNormal: '500',
      borderRadius: '2px',
      colorBackground: 'white',
      colorPrimary: '#DF1B41',
      colorPrimaryText: 'white',
      spacingGridRow: '15px'
    },
    rules: {
      '.Label': {
        marginBottom: '6px'
      },
      '.Tab, .Input, .Block': {
        boxShadow: '0px 3px 10px rgba(18, 42, 66, 0.08)',
        padding: '12px'
      }
    }
  },
  fields: {
    billingDetails: {
      address: {
        postalCode: 'never' / 'auto'
      }
    }
  }
};
const elements = stripe.elements(options);

#

Anything wrong?

#

dusty crag Jun 3, 2022, 4:24 AM

#

Not all country requires postal code. i.e., India doesn't

#

Change the country to United States or United Kingdom, and the payment element will display the postal code.

wheat dust Jun 3, 2022, 4:25 AM

#

Okay.

#

Thank you

#

Got it

#

But when I have selected county US and how can I off zipcode?

dusty crag Jun 3, 2022, 4:27 AM

#

Set postalCode to never.

wheat dust Jun 3, 2022, 4:28 AM

#

I have set postalCode: 'never', still shows in the stripe payment element.

dusty crag Jun 3, 2022, 4:30 AM

#

Your code looks correct, can you clear the build/cache and run again?

wheat dust Jun 3, 2022, 4:32 AM

#

Sure. Let me try it again.

#

Sorry, Its not working

dusty crag Jun 3, 2022, 4:36 AM

#

Try it in incognito mode?

wheat dust Jun 3, 2022, 4:36 AM

#

Okay

dusty crag Jun 3, 2022, 4:36 AM

#

Oh wait

#

The options param that includes the fields should be passed to elements.create('payment', options);, not stripe.elements(options);

wheat dust Jun 3, 2022, 4:38 AM

#

Okay

#

Let me check it.

#

Thank you.

#

Now, its working

#

Thank you so much.
Nice to talk with you

dusty crag Jun 3, 2022, 4:42 AM

#

No problem! happy to help.

#gunwant-Order