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

  • Profile Image
    shucksonthebeach
    Asked on February 05, 2017 at 05:32 PM

    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

  • Profile Image
    Chriistian
    Answered on February 05, 2017 at 10:07 PM

    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.