Luna Lou Posted March 30, 2014 Share Posted March 30, 2014 (edited) Bonjour tout le monde, voila je suis coincée, je viens de créer un formulaire personnalisé pour mon site le probleme c'est que je ne suis pas fichu de faire un bouton "envoyer" qui fonctionne je voudrais soit envoyer les messages sur la messagerie prestashop soit directement sur ma boite mail "[email protected]" est ce que quelqu'un peut m'aider svp? <div class="rain"> <div class="border start"><form class="contact-form-box" action="/boutique/index.php?controller=contact" enctype="multipart/form-data" method="post"><fieldset><center> <table style="height: 75px;" border="" width="595"> <tbody> <tr> <td><label for="perle 1">Perle 1:</label><select name="couleur"> <option>Noir</option> <option>Blanc</option> <option>Orange</option> <option>Rouge</option> <option>Jaune</option> <option>Bleu</option> </select></td> <td><label for="perle 2 ">Perle 2:</label><select name="couleur"> <option>Noir</option> <option>Blanc</option> <option>Orange</option> <option>Rouge</option> <option>Jaune</option> <option>Bleu</option> </select></td> <td><label for="perle 3">Perle 3:</label><select name="couleur"> <option>Noir</option> <option>Blanc</option> <option>Orange</option> <option>Rouge</option> <option>Jaune</option> <option>Bleu</option> </select></td> <td><label for="perle 4">Perle 4:</label><select name="couleur"> <option>Noir</option> <option>Blanc</option> <option>Orange</option> <option>Rouge</option> <option>Jaune</option> <option>Bleu</option> </select></td> <td><label for="perle 5">Perles 5:</label><select name="couleur"> <option>Noir</option> <option>Blanc</option> <option>Orange</option> <option>Rouge</option> <option>Jaune</option> <option>Bleu</option> </select></td> </tr> <tr> <td style="text-align: center;" colspan="5"><label for="couleur fil">Choisissez la couleur de votre fil (vous pouvez choisir jusqu'a 2 couleurs):</label><center><select name="couleur"> <option>Noir</option> <option>Blanc</option> <option>Orange</option> <option>Rouge</option> <option>Jaune</option> <option>Bleu</option> </select></center></td> </tr> </tbody> </table> </center><label for="Nom">Nom:</label> <input name="Nom" type="text" placeholder="Nom" /> <label for="prenom">Prénom:</label> <input name="prenom" type="text" placeholder="Prenom" /> <label for="email">Email:</label> <input name="email" type="text" placeholder="Email" /> <label for="tel">Numéro de portable: (pour le suivi de vos achats en direct par sms)</label> <input name="tel" type="text" placeholder="Numero de portable" /> <label for="adresse">Adresse:</label> <input name="adresse" type="text" placeholder="Adresse" /> <label for="CP">Code Postal:</label> <input name="CP" type="text" placeholder="code postale" /> <label for="Ville">Ville:</label> <input name="Ville" type="text" placeholder="Ville" /> <label for="paiement">Quel moyen de paiement préférez vous ? :</label> <label for="paypal">Paypal (carte bancaire sécurisé)</label><input name="paiement" type="checkbox" value="paypal" /> <label for="cheque">Chèque</label><input name="paiement" type="checkbox" value="cheque" /> <label for="commentaire">Un commentaire ? Une question ? :</label><center><textarea cols="60" name="commentaire" rows="4" placeholder="Votre commentaire ou question ici =)"></textarea></center><center></center></form></div> <button id="submitMessage" class="button btn btn-default button-medium" name="submitMessage" type="submit">Envoyer</button></div> Edited March 30, 2014 by Luna Lou (see edit history) Link to comment Share on other sites More sharing options...
loulou66 Posted March 30, 2014 Share Posted March 30, 2014 (edited) Coucou il y avait 2 petites erreur 1°) </fieldset> manquant 2°) ton bouton etait en dehors de ton formulaire (apres </form>) donc lorsque tu click dessus rien ne se passe voici la correction <div class="rain"> <div class="border start"> <form class="contact-form-box" action="/boutique/index.php?controller=contact" enctype="multipart/form-data" method="post"> <fieldset> <center> <table style="height: 75px;" border="" width="595"> <tbody> <tr> <td> <label for="perle 1">Perle 1:</label> <select name="couleur"> <option>Noir</option> <option>Blanc</option> <option>Orange</option> <option>Rouge</option> <option>Jaune</option> <option>Bleu</option> </select> </td> <td> <label for="perle 2 ">Perle 2:</label> <select name="couleur"> <option>Noir</option> <option>Blanc</option> <option>Orange</option> <option>Rouge</option> <option>Jaune</option> <option>Bleu</option> </select> </td> <td> <label for="perle 3">Perle 3:</label> <select name="couleur"> <option>Noir</option> <option>Blanc</option> <option>Orange</option> <option>Rouge</option> <option>Jaune</option> <option>Bleu</option> </select> </td> <td> <label for="perle 4">Perle 4:</label> <select name="couleur"> <option>Noir</option> <option>Blanc</option> <option>Orange</option> <option>Rouge</option> <option>Jaune</option> <option>Bleu</option> </select> </td> <td> <label for="perle 5">Perles 5:</label> <select name="couleur"> <option>Noir</option> <option>Blanc</option> <option>Orange</option> <option>Rouge</option> <option>Jaune</option> <option>Bleu</option> </select> </td> </tr> <tr> <td style="text-align: center;" colspan="5"> <label for="couleur fil">Choisissez la couleur de votre fil (vous pouvez choisir jusqu'a 2 couleurs):</label> <center> <select name="couleur"> <option>Noir</option> <option>Blanc</option> <option>Orange</option> <option>Rouge</option> <option>Jaune</option> <option>Bleu</option> </select> </center> </td> </tr> </tbody> </table> </center> <label for="Nom">Nom:</label> <input name="Nom" type="text" placeholder="Nom" /> <label for="prenom">Prénom:</label> <input name="prenom" type="text" placeholder="Prenom" /> <label for="email">Email:</label> <input name="email" type="text" placeholder="Email" /> <label for="tel">Numéro de portable: (pour le suivi de vos achats en direct par sms)</label> <input name="tel" type="text" placeholder="Numero de portable" /> <label for="adresse">Adresse:</label> <input name="adresse" type="text" placeholder="Adresse" /> <label for="CP">Code Postal:</label> <input name="CP" type="text" placeholder="code postale" /> <label for="Ville">Ville:</label> <input name="Ville" type="text" placeholder="Ville" /> <label for="paiement">Quel moyen de paiement préférez vous ? :</label> <label for="paypal">Paypal (carte bancaire sécurisé)</label><input name="paiement" type="checkbox" value="paypal" /> <label for="cheque">Chèque</label><input name="paiement" type="checkbox" value="cheque" /> <label for="commentaire">Un commentaire ? Une question ? :</label> <center> <textarea cols="60" name="commentaire" rows="4" placeholder="Votre commentaire ou question ici =)"></textarea> <br /> <button id="submitMessage" class="button btn btn-default button-medium" name="submitMessage" type="submit">Envoyer</button> <center> </fieldset> </form> </div> </div> @++ Loulou66 Edited March 30, 2014 by loulou66 (see edit history) Link to comment Share on other sites More sharing options...
loulou66 Posted March 30, 2014 Share Posted March 30, 2014 Coucou par contre pour que cela fonctionne sous ps comme le formulaire de contact les name de tes imput doivent être le meme que le contact-form.tpl our s'accorder avec le controller et il te faudra faire un override du controller je pense car tu rajoute des champ (cheque payapl) regarde cette ancien module que j'avais modifier qui changait le formulaire d'origine http://www.prestashop.com/forums/topic/218924-module-gratuit-rappelezmoi/?hl=%20rappelezmoi @++ Loulou66 Link to comment Share on other sites More sharing options...
Luna Lou Posted March 30, 2014 Author Share Posted March 30, 2014 (edited) Merci pour vos réponses =) Par contre.. vu que je debute je m'embrouille vite je n'arrive pas a faire ce que loulou66 a dit, j'ai peur de faire une betise... Si quelqu'un aurait un moment pour me montrer ce qu'il faut faire? s'il vous plait contact-form.tpl: {capture name=path}{l s='Contact'}{/capture} <h1 class="page-heading bottom-indent"> {l s='Customer service'} - {if isset($customerThread) && $customerThread}{l s='Your reply'}{else}{l s='Contact us'}{/if} </h1> {if isset($confirmation)} <p class="alert alert-success">{l s='Your message has been successfully sent to our team.'}</p> <ul class="footer_links clearfix"> <li> <a class="btn btn-default button button-small" href="{$base_dir}"> <span> <i class="icon-chevron-left"></i>{l s='Home'} </span> </a> </li> </ul> {elseif isset($alreadySent)} <p class="alert alert-warning">{l s='Your message has already been sent.'}</p> <ul class="footer_links clearfix"> <li> <a class="btn btn-default button button-small" href="{$base_dir}"> <span> <i class="icon-chevron-left"></i>{l s='Home'} </span> </a> </li> </ul> {else} {include file="$tpl_dir./errors.tpl"} <form action="{$request_uri|escape:'html':'UTF-8'}" method="post" class="contact-form-box" enctype="multipart/form-data"> <fieldset> <h3 class="page-subheading">{l s='send a message'}</h3> <div class="clearfix"> <div class="col-xs-12 col-md-3"> <div class="form-group selector1"> <label for="id_contact">{l s='Subject Heading'}</label> {if isset($customerThread.id_contact)} {foreach from=$contacts item=contact} {if $contact.id_contact == $customerThread.id_contact} <input type="text" class="form-control" id="contact_name" name="contact_name" value="{$contact.name|escape:'html':'UTF-8'}" readonly="readonly" /> <input type="hidden" name="id_contact" value="{$contact.id_contact}" /> {/if} {/foreach} {else} <select id="id_contact" class="form-control" name="id_contact"> <option value="0">{l s='-- Choose --'}</option> {foreach from=$contacts item=contact} <option value="{$contact.id_contact|intval}" {if isset($smarty.request.id_contact) && $smarty.request.id_contact == $contact.id_contact}selected="selected"{/if}>{$contact.name|escape:'html':'UTF-8'}</option> {/foreach} </select> </div> <p id="desc_contact0" class="desc_contact"> </p> {foreach from=$contacts item=contact} <p id="desc_contact{$contact.id_contact|intval}" class="desc_contact contact-title" style="display:none;"> <i class="icon-comment-alt"></i>{$contact.description|escape:'html':'UTF-8'} </p> {/foreach} {/if} <p class="form-group"> <label for="email">{l s='Email address'}</label> {if isset($customerThread.email)} <input class="form-control grey" type="text" id="email" name="from" value="{$customerThread.email|escape:'html':'UTF-8'}" readonly="readonly" /> {else} <input class="form-control grey validate" type="text" id="email" name="from" data-validate="isEmail" value="{$email|escape:'html':'UTF-8'}" /> {/if} </p> {if !$PS_CATALOG_MODE} {if (!isset($customerThread.id_order) || $customerThread.id_order > 0)} <div class="form-group selector1"> <label>{l s='Order reference'}</label> {if !isset($customerThread.id_order) && isset($is_logged) && $is_logged} <select name="id_order" class="form-control"> <option value="0">{l s='-- Choose --'}</option> {foreach from=$orderList item=order} <option value="{$order.value|intval}"{if $order.selected|intval} selected="selected"{/if}>{$order.label|escape:'html':'UTF-8'}</option> {/foreach} </select> {elseif !isset($customerThread.id_order) && empty($is_logged)} <input class="form-control grey" type="text" name="id_order" id="id_order" value="{if isset($customerThread.id_order) && $customerThread.id_order|intval > 0}{$customerThread.id_order|intval}{else}{if isset($smarty.post.id_order) && !empty($smarty.post.id_order)}{$smarty.post.id_order|intval}{/if}{/if}" /> {elseif $customerThread.id_order|intval > 0} <input class="form-control grey" type="text" name="id_order" id="id_order" value="{$customerThread.id_order|intval}" readonly="readonly" /> {/if} </div> {/if} {if isset($is_logged) && $is_logged} <div class="form-group selector1"> <label class="unvisible">{l s='Product'}</label> {if !isset($customerThread.id_product)} {foreach from=$orderedProductList key=id_order item=products name=products} <select name="id_product" id="{$id_order}_order_products" class="unvisible product_select form-control"{if !$smarty.foreach.products.first} style="display:none;"{/if}{if !$smarty.foreach.products.first} disabled="disabled"{/if}> <option value="0">{l s='-- Choose --'}</option> {foreach from=$products item=product} <option value="{$product.value|intval}">{$product.label|escape:'html':'UTF-8'}</option> {/foreach} </select> {/foreach} {elseif $customerThread.id_product > 0} <input class="form-control grey" type="text" name="id_product" id="id_product" value="{$customerThread.id_product|intval}" readonly="readonly" /> {/if} </div> {/if} {/if} {if $fileupload == 1} <p class="form-group"> <label for="fileUpload">{l s='Attach File'}</label> <input type="hidden" name="MAX_FILE_SIZE" value="2000000" /> <input type="file" name="fileUpload" id="fileUpload" class="form-control" /> </p> {/if} </div> <div class="col-xs-12 col-md-9"> <div class="form-group"> <label for="message">{l s='Message'}</label> <textarea class="form-control" id="message" name="message">{if isset($message)}{$message|escape:'html':'UTF-8'|stripslashes}{/if}</textarea> </div> </div> </div> <div class="submit"> <button type="submit" name="submitMessage" id="submitMessage" class="button btn btn-default button-medium"><span>{l s='Send'}<i class="icon-chevron-right right"></i></span></button> </div> </fieldset> </form> {/if} {addJsDefL name='contact_fileDefaultHtml'}{l s='No file selected' js=1}{/addJsDefL} {addJsDefL name='contact_fileButtonHtml'}{l s='Choose File' js=1}{/addJsDefL} formulaire html: <div class="rain"> <div class="border start"> <form class="contact-form-box" action="/boutique/index.php?controller=contact" enctype="multipart/form-data" method="post"> <fieldset> <center> <table style="height: 75px;" border="" width="595"> <tbody> <tr> <td> <label for="perle 1">Perle 1:</label> <select name="couleur"> <option>Noir</option> <option>Blanc</option> <option>Orange</option> <option>Rouge</option> <option>Jaune</option> <option>Bleu</option> </select> </td> <td> <label for="perle 2 ">Perle 2:</label> <select name="couleur"> <option>Noir</option> <option>Blanc</option> <option>Orange</option> <option>Rouge</option> <option>Jaune</option> <option>Bleu</option> </select> </td> <td> <label for="perle 3">Perle 3:</label> <select name="couleur"> <option>Noir</option> <option>Blanc</option> <option>Orange</option> <option>Rouge</option> <option>Jaune</option> <option>Bleu</option> </select> </td> <td> <label for="perle 4">Perle 4:</label> <select name="couleur"> <option>Noir</option> <option>Blanc</option> <option>Orange</option> <option>Rouge</option> <option>Jaune</option> <option>Bleu</option> </select> </td> <td> <label for="perle 5">Perles 5:</label> <select name="couleur"> <option>Noir</option> <option>Blanc</option> <option>Orange</option> <option>Rouge</option> <option>Jaune</option> <option>Bleu</option> </select> </td> </tr> <tr> <td style="text-align: center;" colspan="5"> <label for="couleur fil">Choisissez la couleur de votre fil (vous pouvez choisir jusqu'a 2 couleurs):</label> <center> <select name="couleur"> <option>Noir</option> <option>Blanc</option> <option>Orange</option> <option>Rouge</option> <option>Jaune</option> <option>Bleu</option> </select> </center> </td> </tr> </tbody> </table> </center> <label for="Nom">Nom:</label> <input name="Nom" type="text" placeholder="Nom" /> <label for="prenom">Prénom:</label> <input name="prenom" type="text" placeholder="Prenom" /> <label for="email">Email:</label> <input name="email" type="text" placeholder="Email" /> <label for="tel">Numéro de portable: (pour le suivi de vos achats en direct par sms)</label> <input name="tel" type="text" placeholder="Numero de portable" /> <label for="adresse">Adresse:</label> <input name="adresse" type="text" placeholder="Adresse" /> <label for="CP">Code Postal:</label> <input name="CP" type="text" placeholder="code postale" /> <label for="Ville">Ville:</label> <input name="Ville" type="text" placeholder="Ville" /> <label for="paiement">Quel moyen de paiement préférez vous ? :</label> <label for="paypal">Paypal (carte bancaire sécurisé)</label><input name="paiement" type="checkbox" value="paypal" /> <label for="cheque">Chèque</label><input name="paiement" type="checkbox" value="cheque" /> <label for="commentaire">Un commentaire ? Une question ? :</label> <center> <textarea cols="60" name="commentaire" rows="4" placeholder="Votre commentaire ou question ici =)"></textarea> <br /> <button id="submitMessage" class="button btn btn-default button-medium" name="submitMessage" type="submit">Envoyer</button> <center> </fieldset> </form> </div> </div> css du formulaire: body{ font-family: 'Helvetica', 'Lucida Grande', 'Arial', sans-serif; } .border, .rain{ height: 1240px; width: 400px; } /* Layout with mask */ .rain{ padding: 10px 12px 12px 10px; -moz-box-shadow: 10px 10px 10px rgba(0,0,0,1) inset, -9px -9px 8px rgba(0,0,0,1) inset; -webkit-box-shadow: 8px 8px 8px rgba(0,0,0,1) inset, -9px -9px 8px rgba(0,0,0,1) inset; box-shadow: 8px 8px 8px rgba(0,0,0,1) inset, -9px -9px 8px rgba(0,0,0,1) inset; margin: 100px auto; } /* Artifical "border" to clear border to bypass mask */ .border{ padding: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .border, .rain, .border.start, .rain.start{ background-repeat: repeat-x, repeat-x, repeat-x, repeat-x; background-position: 0 0, 0 0, 0 0, 0 0; /* Blue-ish Green Fallback for Mozilla */ background-image: -moz-linear-gradient(left, #09BA5E 0%, #00C7CE 15%, #3472CF 26%, #00C7CE 48%, #0CCF91 91%, #09BA5E 100%); /* Add "Highlight" Texture to the Animation */ background-image: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(0,0,0,.3)), color-stop(23%,rgba(0,0,0,.1)), color-stop(40%,rgba(255,231,87,.1)), color-stop(61%,rgba(255,231,87,.2)), color-stop(70%,rgba(255,231,87,.1)), color-stop(80%,rgba(0,0,0,.1)), color-stop(100%,rgba(0,0,0,.25))); /* Starting Color */ background-color: #39f; /* Just do something for IE-suck */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00BA1B', endColorstr='#00BA1B',GradientType=1 ); } /* Non-keyframe fallback animation */ .border.end, .rain.end{ -moz-transition-property: background-position; -moz-transition-duration: 30s; -moz-transition-timing-function: linear; -webkit-transition-property: background-position; -webkit-transition-duration: 30s; -webkit-transition-timing-function: linear; -o-transition-property: background-position; -o-transition-duration: 30s; -o-transition-timing-function: linear; transition-property: background-position; transition-duration: 30s; transition-timing-function: linear; background-position: -5400px 0, -4600px 0, -3800px 0, -3000px 0; } /* Keyfram-licious animation */ @-webkit-keyframes colors { 0% {background-color: #39f;} 15% {background-color: #F246C9;} 30% {background-color: #4453F2;} 45% {background-color: #44F262;} 60% {background-color: #F257D4;} 75% {background-color: #EDF255;} 90% {background-color: #F20006;} 100% {background-color: #39f;} } .border,.rain{ -webkit-animation-direction: normal; -webkit-animation-duration: 20s; -webkit-animation-iteration-count: infinite; -webkit-animation-name: colors; -webkit-animation-timing-function: ease; } /* In-Active State Style */ .border.unfocus{ background: #333 !important; -moz-box-shadow: 0px 0px 15px rgba(255,255,255,.2); -webkit-box-shadow: 0px 0px 15px rgba(255,255,255,.2); box-shadow: 0px 0px 15px rgba(255,255,255,.2); -webkit-animation-name: none; } .rain.unfocus{ background: #000 !important; -webkit-animation-name: none; } /* Regular Form Styles */ form{ background: #212121; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 100%; width: 100%; background: -moz-radial-gradient(50% 46% 90deg,circle closest-corner, #242424, #090909); background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 150, from(#242424), to(#090909)); } form label{ display: block; padding: 10px 10px 5px 15px; font-size: 11px; color: #777; } form input{ display: block; margin: 5px 10px 10px 15px; width: 85%; background: #111; -moz-box-shadow: 0px 0px 4px #000 inset; -webkit-box-shadow: 0px 0px 4px #000 inset; box-shadow: 0px 0px 4px #000 inset; outline: 1px solid #333; border: 1px solid #000; padding: 5px; color: #444; font-size: 16px; } form input:focus{ outline: 1px solid #555; color: #FFF; } input[type="submit"]{ color: #999; padding: 5px 10px; float: right; margin: 10px 30px; border: 1px solid #000; font-weight: lighter; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; background: #45484d; background: -moz-linear-gradient(top, #222 0%, #111 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222), color-stop(100%,#111)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22222', endColorstr='#11111',GradientType=0 ); -moz-box-shadow: 0px 1px 1px #000, 0px 1px 0px rgba(255,255,255,.3) inset; -webkit-box-shadow: 0px 1px 1px #000, 0px 1px 0px rgba(255,255,255,.3) inset; box-shadow: 0px 1px 1px #000,0px 1px 0px rgba(255,255,255,.3) inset; text-shadow: 0 1px 1px #000; } Edited March 31, 2014 by Luna Lou (see edit history) Link to comment Share on other sites More sharing options...
loulou66 Posted March 31, 2014 Share Posted March 31, 2014 Coucou alors sur quel version de PS ? quel information veux tu afficher dans les email ( celui que tu reçois et celui du client ) ? @++ Loulou66 Link to comment Share on other sites More sharing options...
Luna Lou Posted March 31, 2014 Author Share Posted March 31, 2014 Coucou merci de m'avoir repondu vite je suis complètement perdue ^^' prestashop_1.6.0.5 Je veux que le client remplisse et selectionne tous les champs de mon formulaire donc: Perles 1: Perles 2: Perles 3: Perles 4: Perles 5: Couleur du fil: Nom: Prenom: Email: Numero de portable: Adresse: Code postal: Ville: Le moyen de paiement preferé (paypal ou chèque) Et un commentaire si besoin: Je veux recevoir toute ces informations sur la messagerie prestashop comme pour le formulaire de contact par defaut ou sur mon adresse mail [email protected] Et envoyer un message aux clients "Votre message a bien été envoyé, nous vous répondrons sous 48h" Et apres je leur enverrais un lien pour un paiement par paypal et la photo du bijoux réalisé, mais ca je pense qu'une fois programmer je n'aurais qu'a cliqué sur repondre dans l'interface non? Link to comment Share on other sites More sharing options...
loulou66 Posted March 31, 2014 Share Posted March 31, 2014 Coucou ok je vais me replonger dans le module et la 1.6 je te tiens au courrant par MP @++ Loulou66 Link to comment Share on other sites More sharing options...
Luna Lou Posted March 31, 2014 Author Share Posted March 31, 2014 Ok merci beaucoup =) Link to comment Share on other sites More sharing options...
Luna Lou Posted April 8, 2014 Author Share Posted April 8, 2014 (edited) . Edited April 8, 2014 by Luna Lou (see edit history) Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now