How can I add more than one of heading on PayPal product list?

  • pigactcow
    Asked on July 15, 2019 at 6:41 AM

    Hello. How can I add more than one of heading on PayPal product list? Please help. Thank you.

  • Jed_C
    Replied on July 15, 2019 at 8:57 AM

    There's only one heading in PayPal field. However, you can add a "Text" field and align that using CSS so it will look like a secondary heading.

    ex.

    1563195423The Easiest Online Form Builde Screenshot 10

    Is that what you are trying to do? Looking forward for your response. 

  • pigactcow
    Replied on July 15, 2019 at 12:56 PM

    Hello, can I know the css code? thanks.

  • John Support Team Lead
    Replied on July 15, 2019 at 2:12 PM

    Using my colleague's suggestion, here's the code I came up with.

    #label_3{
      margin-top:  -49px !important;
    }
    #text_4{
      margin-left:  -3px !important;
    }

    The ID's may vary depending on the ID of the fields found on your form. You can use this guide on How-to-Find-Field-IDs-and-Names.

    But if you can't find it using the said guide, you can use the "Inspect Element" feature of your browser to identify the field IDs. Here's a quick demo on how to do it:

    1563214039find id Screenshot 10

    Now, we'll add a text field just above the PayPal field. You just need to identify its field ID, and then inject the custom CSS code provided above, replacing the IDs with the correct one:

    1563214316find id 2 Screenshot 21

  • pigactcow
    Replied on July 18, 2019 at 7:35 AM

    Hello. I cannot do this. Please help. Thank you.

  • Richie JotForm Support
    Replied on July 18, 2019 at 8:36 AM

    Can you please explain further how you want your PayPal form to  be viewed?

    Do you want to add another product item?

    Guide:https://www.jotform.com/help/264-Create-Sub-Products-Based-on-a-Product-Option

    Here is a sample form: https://www.jotform.com/63353988539978

    Looking forward for your response.

  • pigactcow
    Replied on July 18, 2019 at 11:30 AM

    Hello. I would like to be have a classification for the item. Please help. Thank you.

  • Richie JotForm Support
    Replied on July 18, 2019 at 1:07 PM

    You may create a product option from your main product.

    Example, if you have a product Fruits, you may add a sub product type of fruits: apples,oranges,grapes with its own pricing.

    To do this,

    1) Add a product name and click on add a product option.

    How can I add more than one of heading on PayPal product list? Image 1 Screenshot 40

    2) In your Product option

    How can I add more than one of heading on PayPal product list? Image 2 Screenshot 51

    You may also enable quantity selector to add quantity to your sub-products.

    How can I add more than one of heading on PayPal product list? Image 3 Screenshot 62

    Guide:https://www.jotform.com/help/264-Create-Sub-Products-Based-on-a-Product-Option

    Here is my sample form:

    https://form.jotform.com/91985325782975

    Please check it out and let us know if this fits your requirements.

  • pigactcow
    Replied on July 21, 2019 at 5:22 AM

    Hello. Thank you for your reply. But this is not our want. We want to have a heading  on the form. 

    Please help. Thank you.

  • Richie JotForm Support
    Replied on July 21, 2019 at 8:55 AM

    May we know the form that you want to add the heading?

    We can use custom CSS to add a heading to your product.

    Looking forward for your response.


  • pigactcow
    Replied on July 24, 2019 at 8:38 AM

    Hello. The form is https://form.jotform.me/pigactcow/clone-of-

    Please help. Thank you

  • Richie JotForm Support
    Replied on July 24, 2019 at 9:12 AM

    I have checked your form and may we know what changes would you like to make with the header?

    Kindly add a text using  the text element and let us know in which area would you like to place is so that we can add the recommended CSS code.

    You may also post a screenshot to show to us the area you want to add the header: https://www.jotform.com/answers/277033-How-to-add-screenshots-images-to-questions-to-the-support-forum

    Looking forward for your response.