How to have the products organized as categories in Stripe Payment?

  • riversconservatory
    Asked on May 31, 2016 at 10:32 AM

    Hi,

     

    I'm trying to organize my ticket options in the Stripe Payment Gateway. Is there a way to have "headlines" that aren't a product to better organize all of the options?

    Here's the form I'm working on (you can see it's rather cumbersome):

    https://form.jotform.com/61513896643968

     

    Thank you,

    Jessi

  • Kiran Support Team Lead
    Replied on May 31, 2016 at 11:08 AM

    I understand that you want to display the products on your JotForm with categories. Referring to the guide How-to-Have-Sub-Category-or-Sub-Labels-on-an-Order-Form, I have cloned your JotForm to my account and added the following CSS code to the form.

    input[id*="1055"], input[id*="1056"], input[id*="1057"], input[id*="1058"], input[id*="1059"] 

    {

    display:none;

    pointer-events: none;

    }

     

    input[id*="1055"] + label > .form-product-details, input[id*="1056"] + label > .form-product-details, input[id*="1057"] + label > .form-product-details, input[id*="1058"] + label > .form-product-details, input[id*="1059"] + label > .form-product-details

    {

    display:none;

    }

     

    label[for*="1055"], label[for*="1056"], label[for*="1057"], label[for*="1058"], label[for*="1059"]

    {

    font-weight: bold;

    text-decoration: underline;

    pointer-events: none;

    }

    By injecting this CSS code to the form, the products with categories are displayed as below:

    How to have the products organized as categories in Stripe Payment? Image 1 Screenshot 20

    Here is the cloned version of your JotForm with the changes.

    https://form.jotform.com/61513977884975

    Please feel free to clone this form to your account to see how it works.

    Thank you!