Multiple Questions re: custom text and totals

  • Profile Image
    Angelight
    Asked on January 06, 2012 at 12:16 AM

    Hi.. I'm trying to create a form that sells shirts and hoodies. The base item (tee shirt, for instance) will have a base price, however, I'd also like to add a couple of fields for custom text. The customer would be able to enter what text they'd like to have printed on the shirt.

    Also, all shirts will come with 1 logo, but if the customer chooses to add custom text or a smaller logo, there will be an additional charge, ex. $4.00 each. How do I get the form to add the total of the shirt and any options the customer may have chosen.

     

    Lastly, I also need to sell hats with a few options as well. Would I need to create a separate form for that or would the hat related questions go on the bottom of the form with the shirt questions?

     

    Thank you very much for any assistance. Ps. I'm very, very new to this type of anything, so please take it easy on me!

     

  • Profile Image
    AtacanC
    Answered on January 06, 2012 at 05:22 AM

    First off, thanks for your interest in our service. I spent some time on your form and made a sample with the changes you want. Click here to see it. I had to add the ''Small Left Chest LSC Logo and Right Chest Text'' directly into the Payment Tool. So your customers can see the total price at the end if they want a smaller logo or a custom text. Unfortunately, i wasn't able to add the text field directly under ''Right Chest Text'' field. I've also added a Hat option. I wasn't sure what exactly you want to achieve. So i made it simple.

    It's the best idea i could come up with. If there's a better way or of course a much more professional look, i'm sure that one of my more experienced colleagues will also respond to this thread with a better solution.

  • Profile Image
    Angelight
    Answered on January 06, 2012 at 10:43 AM

    Ah!!! I needed to create the options as a separate product! I see :)

    I was trying to create them as options under the shirts, but your way works very well too. I've updated the form, I think this'll work for our needs, but if not, I'll be back, lol

     

    Thank you very much!

     

    http://form.jotform.com/form/20045543936

  • Profile Image
    Angelight
    Answered on January 06, 2012 at 10:54 AM

    I do have 2 more questions.. When the form is up and running on the website, I don't need it to ask for name and address, right? The form will go straight to paypal which will have all of that information.

    Is that correct?

    And, is there a way to make a separation in the payment window so the hats and shirts are a little more separated? I can't get a heading in the middle of the payment information (which would look nice, lol)

  • Profile Image
    AtacanC
    Answered on January 06, 2012 at 11:02 AM

    Yes, after a customer hits the submit button, he/she will be automatically redirected to PayPal. But if you wish, you can also ask for a name or email address incase of emergency. So you can contact them if something goes wrong. I'm glad to hear that i was able to help you. By the way i really loved the updates. Looks much more professional than mine :)

    If you have any other questions, feel free to contact us. We'll be more than happy to assist you further.

  • Profile Image
    Anita
    Answered on January 06, 2012 at 01:38 PM

    Thanks for the compliments :) I couldn't have done it without your help! The only other question I had was about having some sort of separation between the hats and the shirts, for easier reading. A line, or space, or a second heading, maybe? - right after "Custom Text on Left Chest" and just before "Hat" is where it needs a little more room.

  • Profile Image
    abajan
    Answered on January 08, 2012 at 04:04 AM

    Anita

    There are some other display issues which I discovered while viewing the form. Please see this thread. (Hopefully, we can also come up with a way to separate the hats and shirts sections more.)

  • Profile Image
    Angelight
    Answered on January 08, 2012 at 09:43 AM

    Wow! Thanks, You guys are so awesome !

  • Profile Image
    abajan
    Answered on January 08, 2012 at 09:45 AM

    And thank you for appreciating our awesomeness :)

  • Profile Image
    abajan
    Answered on January 08, 2012 at 11:32 AM

    Well, I have good news and not so good news (I prefer to call it that than "bad news" :)

    The Good News :)

    Injecting the following CSS should work in just about every modern browser, with some slight variations in spacing:

    #label_21 {
    display: none;
    }

    #cid_21 span + br +
    span + br +
    span + br +
    span + br +
    span + br +
    span {
    padding-top: 90px;
    }

    #cid_21 span + br +
    span + br +
    span + br +
    span + br +
    span + br +
    span + br +
    span {
    padding-top: 5px;
    }

    #cid_29 {
    width: 655px;
    position: absolute;
    margin-top: -300px;
    }

    (I opted to hide the "My Products" label with the first rule, as it didn't seem to be necessary but if you prefer, it can be repositioned above the first heading, using a different rule.)

    The Not So Good News :(

    The above CSS will not work in IE7 or earlier versions. So, if a significant portion of your users are likely to be using such browsers, you will either have to include a note informing them to use another browser or embed the full source of the form into a web page of your own and include conditional comments. If you're okay with the second option, I'm pretty sure I can work out what conditional comments would be required.

    Incidentally, here's how your form will look (in browsers other than IE7 and earlier) once the CSS above is injected.

  • Profile Image
    Angelight
    Answered on January 08, 2012 at 11:39 AM

    That looks really nice. Wow.. Thank you so much! I'll ask around and try to find out what browswers most of the club members use. Most likely, I'd just add a comment that some functions of the form may not work in IE7 or earlier, please upgrade or use another browser for better viewing/functionality. :)

  • Profile Image
    fxr
    Answered on January 08, 2012 at 01:32 PM

    @abajan, nice fix! that was a lot harder than it looked at first glance :) 

    @Angelight IE6&7 browser use is probably less than 10% of the entire market at this point and shrinking all the time, so I dont think its really going to be that big an issue. Having said that, if you dont want to go to the lengths of embedding entire form source code on your page, as has been stated, placing a comment somewhere saying that the form isnt fully compatible with IE7 and lower is good advice.