Product List Element: Change columns from one to two columns

  • alanatemple
    Asked on June 19, 2024 at 5:45 PM

    How can I get my products into two columns instead of the one?

    Product List Element: Change columns from one to two columns Image 1 Screenshot 20

  • Jefferson JotForm Support
    Replied on June 19, 2024 at 6:01 PM

    Hi alanatemplem,

    Thanks for reaching out to Jotform Support. I cloned your form and tested it to see if I could replicate the issue, and I ran into the same issue. When I looked at your form, I saw that the Product List element wasn't configured correctly. Let me show you how to fix it:

    1. In the App Builder, click on the Pen Icon to edit the form.Product List Element: Change columns from one to two columns Image 1 Screenshot 40
    2. In Form Builder, click on the Product List element and click on the cart icon to open the Product List window
    3. In the Product List Window, go to the Products tab.
    4. In the Products tab, click on the Settings button.
    5. In the Product List Settings window, select the Two Columns option. Product List Element: Change columns from one to two columns Image 2 Screenshot 51

    Here's the sample output: Product List Element: Change columns from one to two columns Image 3 Screenshot 62

    We also have a guide about How To Have Two Column Payment Form that you can check out.

    Give it a try and let us know if you have any other questions.


 
Your Answer