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

  • 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!

  • Yuta_J
    Replied on October 26, 2020 at 5: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 Screenshot 10

    1603747647 5f973f3f033b0 IMG2 Screenshot 21

    1603747724 5f973f8cc528e IMG3 Screenshot 32


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


    Cheers,


    Yuta

  • CITADROffice
    Replied on October 26, 2020 at 5: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?

  • jherwin
    Replied 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.

  • CITADROffice
    Replied on October 27, 2020 at 8: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

  • jherwin
    Replied 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.

  • CITADROffice
    Replied 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.


  • Anita_K
    Replied 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

  • CITADROffice
    Replied on October 28, 2020 at 2:06 PM

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


  • CITADROffice
    Replied on October 28, 2020 at 2:08 PM

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