Creating separate sections for products on order form

I'm creating an order form for several different photo products.  Right now all the products are squished onto one page.  Can I create like categories with pics of each product that clients can click on to open the page with the different sizes of the product?

Hi,

Perhaps you were looking for something similar to what was described here

-How-to-Have-Sub-Category-or-Sub-Labels-on-an-Order-Form

Here is the sample form http://www.jotform.me/form/22551804300441

---

"...with pics of each product that clients can click on to open the page..."

For this option, you will now need to use the form's Full Source code and embed the form to your website. So that you can add click event on the product pictures using javascript.

Hope this help. Please inform us if you need further assistance on this.

Thanks!

Hi, Okay I spent the last hour following your instructions but the word "free" still shows up next to my categories... 

http://form.jotform.us/form/40866949492169

Now what?

Hi,

Add this to the custom CSS codes of your form:

#input_21_1012_price, #input_21_1013_price, #input_21_1014_price, #input_21_1015_price {

display: none;

}

The same guide on adding this codes: How to Inject Custom CSS Codes

Thanks

Thanks.  That got rid of "free" but I still have a box next to the categories so there is not much to differentiate the categories from the products listed in them.  Can I get rid of the box and make the categories bigger and bold?  Thanks.

Hi, may inject  this CSS code in your form to remove the boxes:

#input_21_1012,#input_21_1013,#input_21_1014,#input_21_1015{

display: none;

}

On regards of increasing the size of an specific label, I think it can be done only by downloading the full source code of your form and setting the size of the label:

Hope this helps you, let us know if you have more questions, we will be glad to assist you.

Hi again, regarding to making the categories bigger and bold, there is no need to download the source code, please inject this css code in your form:

label[for*="input_21_1012"],label[for*="input_21_1013"],label[for*="input_21_1014"],label[for*="input_21_1015"]{

font-weight: bold;

font-size: 25px;

}

You may see how my cloned version of you form looks, and clone if you want to. Hope this helps your, it is a pleasure to assist you.