How to hide address fields from payment field?

  • Pedroaguiar
    Asked on September 18, 2016 at 3:25 PM

    I'm selling an online product, how do I exclude the address content ? I could not do it. I can delete other thanks!

     

    How to hide address fields from payment field? Image 1 Screenshot 20

  • Nik_C
    Replied on September 18, 2016 at 4:41 PM

    Please try to Inject the below CSS code to your form:

    #creditCardTable tbody > tr + tr + tr + tr {

    display:none;

    }

    That will hide the billing fields:

    How to hide address fields from payment field? Image 1 Screenshot 20

    If you have any further questions please let us know.

    Thank you!

  • Pedroaguiar
    Replied on September 18, 2016 at 7:46 PM
    That works. thanks
    Now do You know how to edit that value of the product I can't do it here.

    Whenever I click it just ticks it.
    [cid:a45402bc-14d2-40b1-ae4e-eab86efccc77]
    Atenciosamente,
    Pedro Aguiar Fundador, Pegada de Lixo
    Email: pedro@pegadadelixo.com.br
    Linkedin: pedroaguiar
    Website: www.pegadadelixo.com.br
    ________________________________
    De: JotForm
    Enviado: domingo, 18 de setembro de 2016 17:40:55
    Para: Pedro Aguiar
    Assunto: Re: Payment exclude adress
    A new response has been received:
    [JOTFORM]/www.jotform.com>
    Answered by Nik_C
    Please try to Inject the below CSS code to your form:
    #creditCardTable tbody > tr + tr + tr + tr {
    display:none;
    }
    That will hide the billing fields:
    [https://www.jotform.com/uploads/forum/guest_62616315607050/14742311522016-09-18_22-38-19.png]
    If you have any further questions please let us know.
    Thank you!
    View this thread on browser > Unsubscribe Thread
    1474231298
    ...
  • liyam
    Replied on September 18, 2016 at 9:19 PM

    Hello Pedro,

    I have moved your question to a new thread. We'll respond to your question there as soon as possible.

    Thanks.

  • Pedroaguiar
    Replied on September 19, 2016 at 12:46 PM
    Hi, that works. But it also removed the essential information to verify the payment like the expiration date.
    Do you know how to restore it ?
    [cid:52e63633-48f3-409a-9fcc-2f058e6db1ec]
    Atenciosamente,
    Pedro Aguiar Fundador, Pegada de Lixo
    Email: pedro@pegadadelixo.com.br
    Linkedin: pedroaguiar
    Website: www.pegadadelixo.com.br
    ________________________________
    De: JotForm
    Enviado: domingo, 18 de setembro de 2016 22:18:27
    Para: Pedro Aguiar
    Assunto: Re: How to hide address fields from payment field?
    A new response has been received:
    [JOTFORM]/www.jotform.com>
    Answered by liyam
    Hello Pedro,
    I have moved your question to a new thread. We'll respond to your question there as soon as possible.
    Thanks.
    View this thread on browser > Unsubscribe Thread
    1474247950
    ...
  • Nik_C
    Replied on September 19, 2016 at 2:19 PM

    Please try the below CSS instead:

    #creditCardTable tbody > tr + tr + tr + tr + tr {

    display:none !important;

    }

    It worked find for me:

    How to hide address fields from payment field? Image 1 Screenshot 20

    Hope it helps, if you have any further questions please let us know!

    Thank you!

  • Pedroaguiar
    Replied on September 19, 2016 at 2:46 PM
    Thanks! That worked!
    Well, but I try to make a test payment with the credit card it says "this field is required" even though I have inserted all the fields.
    When I choose PayPal the payment proceeds normally.
    Does it have something to do with the modifications we've made?
    [cid:42c21035-9090-4ad1-8c29-8104df090f79]
    Atenciosamente,
    Pedro Aguiar Fundador, Pegada de Lixo
    Email: pedro@pegadadelixo.com.br
    Linkedin: pedroaguiar
    Website: www.pegadadelixo.com.br
    ________________________________
    De: JotForm
    Enviado: segunda-feira, 19 de setembro de 2016 15:18:43
    Para: Pedro Aguiar
    Assunto: Re: How to hide address fields from payment field?
    A new response has been received:
    [JOTFORM]/www.jotform.com>
    Answered by Nik_C
    Please try the below CSS instead:
    #creditCardTable tbody > tr + tr + tr + tr + tr {
    display:none !important;
    }
    It worked find for me:
    [https://www.jotform.com/uploads/forum/Nik_C/14743090692016-09-19_20-16-10.png]
    Hope it helps, if you have any further questions please let us know!
    Thank you!
    View this thread on browser > Unsubscribe Thread
    1474309166
    ...
  • David JotForm Support Manager
    Replied on September 19, 2016 at 4:37 PM

    Please note that even though you have hidden the fields, they will still be required, since they belong to the payment field. So, you should un-require the payment field to avoid this problem.