How can I title segments in the Purchase Order Wizard? Such as Earrings, Necklaces, etc.

Right now it is just a long list of products I would like to know if there was a way to Break it into segments to make it easier for my customers to shop.

I hope that question makes sense. 

Thanks

There is currently no option in the purchase order wizard to add titles in each product segments. However, we can use custom CSS as a workaround to achieve this. 

You can inject the custom CSS code below to add titles to segments in your products. The CSS below only adds Earrings and Necklaces. To add more, count the position of the first item in your product segment. For example, the first necklace in the products is in the 12th position. Once you have the position, replace the yellow highlighted text below with their value. Then replace the orange highlighted text with the title that you want to display.

.form-product-item:nth-of-type(1):before {

    content: 'Earrings';

    display: block;

    font-size: 18px;

    margin: 10px 0;

}

.form-product-item:nth-of-type(12):before {

    content: 'Necklaces';

    display: block;

    font-size: 18px;

    margin: 10px 0;

}

Here's how it should look:

You can also check out and clone my demo form here: http://www.jotform.com/form/70358705243960  

If you need further assistance, please let us know.
Regards.