How to customize a product list?

  • Profile Image
    Homzie
    Asked on February 17, 2021 at 03:21 PM

    First off I'm so glad I found Jotform! I'm trying to build a fairly sophisticated form for my online interior design service and host it on my Squarespace website with some conditional formatting and whatnot. I've "productized" my service by allowing people to choose what they need me to design for a-la-carte. I'm looking for a widget that will allow me to show an image, a brief description, and a quantity box. Allowing people to select what service they're interested in and the quantity. This does NOT need to connect to a payment processor as I'm using it more as a lead form.


    Question #2, I'm wanting to be able to calculate the total quantity selected and direct people to which service is right for them. Is there a way to do that with conditional logic?
    Screenshot
  • Profile Image
    Yau_C
    Answered on February 17, 2021 at 08:50 PM

    Greetings,

    Thank you for reaching out.

    I think the easiest way for you to set this up would be to use the 'Product list' component in the basic component menu:

    1613612771_602dc6e310e2a_

    , where you can add a picture for each product and set the description.

    Best,

  • Profile Image
    Homzie
    Answered on February 18, 2021 at 05:19 AM

    Is there a way to NOT have the price appear? I'm using this as an order form rather than a checkout page?

  • Profile Image
    Bojan_J
    Answered on February 18, 2021 at 07:02 AM

    Greetings.

    This can be achieved using custom CSS. You can use the following CSS to hide it:

    .form-product-details {
     display: none !important;
    }

    You can inject the provided CSS in the Form Designer:

    screenshot_3785.png

    You can click here to learn more.

    Let us know if this solution works for you.