Jump to content

[Module] Looking for Custom Contact Form in right side of product page


JaviTorr

Recommended Posts

  • 11 months later...

Here's a great way to add the default contact form to the Product page :

 

https://www.prestashop.com/forums/topic/564724-creating-an-ajax-contact-form-on-the-product-page/?p=2433279

 

 

For the code shown in the vid above ready to copy :

 

https://www.prestashop.com/forums/topic/564724-creating-an-ajax-contact-form-on-the-product-page/?p=2604958

 

 

 File to edit :              product.tpl

 flie location :       themes/<your theme folder>/product.tpl

 

 

             <a href="{$link->getPageLink('contact')}?content_only=1" id="contact-us-popup">Contact Us</a>
                <script>
                {literal}
                    $(document).ready(function() {
                        $('#contact-us-popup').fancybox({
                            type: 'ajax',
                            autoDimensions: false,
                            autoSize: false,
                            width: 600,
                            height: 'auto',
                            afterShow: function() {
                               $('.contact-form-box').submit(function(e) {
                                   e.preventDefault();
                                   var formdata = new FormData($(this)[0]);
                                   formdata.append('submitMessage', 1);
                                   var that = $(this);
                               
                                   $.ajax({
                                       type: 'POST',
                                       data: formdata,
                                       url: $(this).attr('action'),
                                       contentType: false,
                                       processData: false,
                                       success: function(data){
                                           var error = $($.parseHTML(data)).filter('.alert.alert-danger');
                                       
                                           if(error.length > 0)
                                               that.prepend(error)
                                           else {
                                               // succes!
                                               var success = $($.parseHTML(data)).filter('.alert.alert-success');
                                               that.fadeOut('fast', function(){
                                                    $(this).after(success)
                                               });
                                           }
                                       }
                                   })
                               
                               });     
                           }
                       });
                });
            {/literal}
            </script>
 

 

 

Credits :

http://nemops.com/prestashop-ajax-contact-form/#.WBhwB_nx6Uk

Edited by Abdillokra (see edit history)
Link to comment
Share on other sites

  • 1 month later...
  • 2 weeks later...
  • 1 year later...
  • 1 month later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...