I need an order form with product pictures without pricing or quantity fields

  • Profile Image
    CITADROffice
    Asked on October 26, 2020 at 12:49 PM

    Is there a way to convert this form so that the prices and quantities are not included and instead a conditional option of size instead? For instance, if they select one option, then a conditional question is activated for them to answer, such as the size.

    Thanks!

  • Profile Image
    Yuta_J
    Answered on October 26, 2020 at 05:29 PM

    Hi @CITADROffice,


    Thank you for reaching out to JotForm support. If you'd like to delete the price from your products in your form, please set the price to "0" in your product field. For adding the sizes for your products, please try to configure this by clicking wizard icon and try to configure add product option and set up sizes for your products.

    1603747627_5f973f2bbfcd6_IMG1.png

    1603747647_5f973f3f033b0_IMG2.png

    1603747724_5f973f8cc528e_IMG3.png


    If you have any other questions or require further assistance, please reach out to JotForm support again.


    Cheers,


    Yuta

  • Profile Image
    CITADROffice
    Answered on October 26, 2020 at 05:31 PM

    Thanks for your help, but I prefer for a total line not to even appear or for it to just say the item that they selected. What if I just use the image choice widget. Is there a way to make the selection zoom in once they click on it?

  • Profile Image
    jherwin
    Answered on October 26, 2020 at 10:11 PM

    Upon checking your form, I think you have learned how to hide the totals or pricing texts in the product field using CSS code. Is the issue now resolved?

    Let us know if you need any further assistance. We will be happy to help.

  • Profile Image
    CITADROffice
    Answered on October 27, 2020 at 08:34 PM

    Yes, I was able to figure out the pricing text, however, I still need the images to zoom in when you hover on them or click on them. Can you assist with that? Here's the url: https://www.jotform.com/build/202996505719062

  • Profile Image
    jherwin
    Answered on October 27, 2020 at 11:35 PM

    Please try to inject this custom CSS Code to the widget:

    li:hover {
      transform: scale(1.2);
    }

    Guide: https://www.jotform.com/help/428-how-to-inject-css-codes-to-widgets

    Demo/Clone version of your form: https://form.jotform.com/203008533301944

    Please give it a try and let us know how it goes.

  • Profile Image
    CITADROffice
    Answered on October 28, 2020 at 11:01 AM

    That worked perfectly, thank you! Is there a way to keep the subtitle font under the pictures from getting smaller with longer subtitles? I think I would want to keep it at 11pt or 12pt.

    Also, what about having the picture just open larger in another window, still within the form, so that you can see the whole product? I like the hover, but, I'm just trying to figure out what's best.


  • Profile Image
    Anita_K
    Answered on October 28, 2020 at 12:31 PM

    We are glad to hear that the previous adjustment worked. To adjust the font size, you can use the following code:

    #images_button_container > li:nth-child(1) > label > span {

      font-size: 12px;

    }

    A pop-up image is a bit more involved, but you may be able to achieve this with a pop-up modal. Please review this guide to see if this would be a good solution for you: https://www.jotform.com/help/417-how-to-add-a-pop-up-modal-on-your-form

  • Profile Image
    CITADROffice
    Answered on October 28, 2020 at 02:06 PM

    It's kind of weird, it changed every subtitle, but the first picture subtitle, it remained small


  • Profile Image
    CITADROffice
    Answered on October 28, 2020 at 02:08 PM

    nvm, I figured out what to change in the coding, thanks!