How to have 2 products with different headers?

Another question — I would like to have 2 products with different headers.  I saw that thread about putting in Free products to use as headers and manipulating the code to remove the check box and "Free" — is that the ONLY way? Seems very complicated.  I'm putting my form in Adobe Muse so I don't have access to the code once it's embedded.

Hello sarahcee,

It seems you want to display product category in your payment question. Is that correct?

Unfortunately, this is the only way to add heading/category in your payment question. The following guide should help you:  http://www.jotform.com/help/178-How-to-Have-Sub-Category-or-Sub-Labels-on-an-Order-Form

This seems to be complicated but its easy to achieve. We can help you on this provided you let us know the headings and which all products comes under which heading. We will implement it in your form. Please be noted that you do not have to change your embedded code. The changes made to your form in form editor will reflect in your web page as well provided you have not used your form's source code to embed your form.

Another option is to simply download your form's source code and add the category in form's source code. 

Hope this helps.

Do get back to us if you have any questions.

Thank you!

Hi, I would LOVE it if you could do this for me!  I need a header "Sponsor" for the first items in my form, and "Individual Tickets" for the last item.  I've already added them, they just need to be underlined with check boxes and "free" removed.  http://pieranchtest.businesscatalyst.com/register-for-event.html

Thank you so much for your help, I really appreciate it!

Hi,

Please use this CSS code on your form http://www.jotform.us/form/31727449639163

 

#input_29_1010,#input_29_1011{display:none;}

input[id*="1010"] + label > .form-product-details,

input[id*="1011"] + label > .form-product-details

{

display:none;

}

label[for*="1010"],label[for*="1011"]

{

font-weight: bold;

text-decoration: underline;

}

 

Or copy the codes from here http://pastie.org/9290858

Follow this user guide on how to inject CSS code into your form.

User Guide: -How-to-Inject-Custom-CSS-Codes

 

I tried this on my test form http://www.jotform.me/form/41647497097469 

and it is now like this

 

Hope this help. Inform us if you need further assistance.

 

Thanks!

 

Thank you, this is SO helpful!!!