Is there a better simplified way to create sub-catagories and labels for products?

http://www.jotform.com/help/178-How-to-Have-Sub-Category-or-Sub-Labels-on-an-Order-Form

Do you mean that you want an easy or simplified method of converting payment integration products into sub-catagories with sub-labels? Or?

Unfortunately, at this time I'm afraid not as far as I know anyhow. But, please correct me if I have misunderstood you in any way.

I have been testing but the radio button still shows 

http://www.jotform.com//?formID=51876611062959

I took a look at your form and found you are still seeing the radios because you didn't disassociate these two inputs to turn them into the categories properly.

Fixed it for you, hows this: https://www.jotform.com/form/51876296421967? 

You had it partly right but in your first input line you associated both the first and second inputs together instead of directly them for the input and label two times since there are two inputs you are trying to turn those into sub-catagories.

You had your injected css as :

 .form-radio {}

.form-cover-wrapper {display : none;}

input[id*="1004"]{display:none;}input[id*="input number"] + label > .form-product-details{display:none;}label[for*="1005"]{font-weight: bold;text-decoration: underline;}

Whereas your injected css should be:

.form-cover-wrapper {display : none;}

input[id*="1004"]{display:none;}input[id*="input number"] + label > .form-product-details{display:none;}label[for*="1004"]{font-weight: bold;text-decoration: underline;}

input[id*="1005"]{display:none;}input[id*="input number"] + label > .form-product-details{display:none;}label[for*="1005"]{font-weight: bold;text-decoration: underline;}

My apologies, I forgot to also mention that you are more than welcome to clone the fixed example which I provided you in my last response back into your account so that you can use it if that is easier for you. :)

Yes that would be great if I could get the (free for month ) and (Free for year ) removed 

Update: Add these two extra lines of css code below as new lines of code which will hide that. 

input[id*="1004"] + label > .form-product-details { display:none;}

input[id*="1005"] + label > .form-product-details { display:none;} 

It's also updated on the fixed form if you want to take a look and clone it again instead.

showing as invalid http://www.jotform.com/form/51876296421967?

Please try this URL of the form instead 

http://www.jotformpro.com/form/51876296421967

Thanks

@olpevents

We understand you are having a similar issue even though you are asking it as a follow-up but found you already asked this question in this thread over here.