Create an Ajax Contact Form in PrestaShop

In this awesome PrestaShop tutorial, we will add an ajax contact form to the product page

View Demo (click Contact Us next to “In Stock”)

Watch the Screencast

You like the tuts and want to say "thank you"? Well, you can always feel free to donate:

  • Periklis Argiriadis

    Thank you Nemo :) It was extremely useful. A thing that i have noticed at your demo too, is that there is a noticeable delay for the content to be appeared in fancybox and i really cannot understand the reason… Any idea ?

    • NemoPS

      Hi Periklis (Epic name by the way :D)
      Yeah I know, never figured out why it just doesn’t run async

      • Periklis Arg

        If you want, try in fancybox call, change

        type: ‘iframe’

        It seems to work as concerned the speed :)

  • benperich

    I was having a little issue trying to filter the response for the .alert elements. Not entirely sure why but removing the headers from the server response allowed jquery to filter as expected. So for me the fix was adding content_only=1 to my ajax’s url property.

    url: $(this).attr(‘action’) + ‘?content_only=1′

    Whole thing works perfectly. I’m using this on the contact form page itself so i can have that be done ajaxly.

  • alex

    Ho trovato il code della versione 1.6.1.10 diverso in alcuni punti. Può essere?

  • http://tapanda.gr Konstantinos Kogkalidis

    Can you please share the source code of the tutorial?

  • Muhammad Qamar Shafiq

    Really helpful…

You like the tuts and want to say "thank you"? Well, you can always feel free to donate:

Need Help?

Hire me