Paypal Subcategories guide

  • Profile Image
    EduardoMendez
    Asked on March 21, 2013 at 02:41 PM

    Answered by NeilVicente on July 13, 2012 at 11:57 AM

    To achieve the same effect:

    1.  Add items with a price of "0" (Free) to your Purchase Order. These will serve as the product category titles.

    2.  Preview your form (Open in new tab) then view the form's source [Right-click > View Source]

    3.  While viewing the page source, find the title of the 'Free' items you have added

    4.  Get the numbers in the for value of the label tag above the title text

    For example:

    In my sample form, the numbers are 10081009 and 1010.

    5. Copy those numbers then use it in the CSS guide below (to be injected to your form):

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

    If you have multiple product titles, simply duplicate the selectors above (in bold), then separate each with a comma.

    For example:

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

    6.  Copy your finalized CSS code then inject it to your form.

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes