Forum |  HardWare.fr | News | Articles | PC | Prix | S'identifier | S'inscrire | Shop Recherche
1831 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Prestashop bouton "envoyer" 2ème formulaire de contact

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Prestashop bouton "envoyer" 2ème formulaire de contact

n°2223543
luna lou
Posté le 31-03-2014 à 10:50:01  profilanswer
 

Bonjour a tous et a toutes =)
Je suis auto entrepreneur, je fabrique des bijoux sur les marchés, devant les gens en 15min personnaliser et je voudrait reproduire ce service sur mon site...:oops:
 
Voila je vous explique mon probleme...  
Je suis en train de faire un site sous prestashop, une boutique où je propose mes produits, mais je voudrais aussi faire un endroit où les gens pourront personnalisé leur bracelet shamballa en ligne (j'ai déjà mit l'onglet + le formulaire), donc un 2ème formulaire en plus de celui contact d'origine sur le site (sachant quil me faut rajouter en tout 3 formulaire pour 3 sortes de bijoux) mais voyons deja un ca serait pas mal :mrgreen:...
 
Mon probleme est que je n'arrive pas a créer un bouton "envoyer" enfin il est créer mais ne fonctionne pas :? et vu que je ne suis pas douée du tout...
Je viens vous demander votre aide, j'ai posté ce sujet sur le forum de prestashop j'ai eu une réponse mais la personne ne répond plus donc je suis un peu coincée...
 
Voici mes codes:  
html:
 

Code :
  1. <div class="rain">
  2. <div class="border start">
  3. <form class="contact-form-box" action="/boutique/index.php?controller=contact" enctype="multipart/form-data" method="post">
  4. <fieldset>
  5. <center>
  6. <table style="height: 75px;" border="" width="595">
  7.   <tbody>
  8.    <tr>
  9.    <td>
  10.    <label for="perle 1">Perle 1:</label>
  11.    <select name="couleur">
  12.     <option>Noir</option>
  13.     <option>Blanc</option>
  14.     <option>Orange</option>
  15.     <option>Rouge</option>
  16.     <option>Jaune</option>
  17.     <option>Bleu</option>
  18.    </select>
  19.    </td>
  20.    <td>
  21.    <label for="perle 2 ">Perle 2:</label>
  22.    <select name="couleur">
  23.     <option>Noir</option>
  24.     <option>Blanc</option>
  25.     <option>Orange</option>
  26.     <option>Rouge</option>
  27.     <option>Jaune</option>
  28.     <option>Bleu</option>
  29.    </select>
  30.    </td>
  31.    <td>
  32.    <label for="perle 3">Perle 3:</label>
  33.    <select name="couleur">
  34.     <option>Noir</option>
  35.     <option>Blanc</option>
  36.     <option>Orange</option>
  37.     <option>Rouge</option>
  38.     <option>Jaune</option>
  39.     <option>Bleu</option>
  40.    </select>
  41.    </td>
  42.    <td>
  43.    <label for="perle 4">Perle 4:</label>
  44.    <select name="couleur">
  45.     <option>Noir</option>
  46.     <option>Blanc</option>
  47.     <option>Orange</option>
  48.     <option>Rouge</option>
  49.     <option>Jaune</option>
  50.     <option>Bleu</option>
  51.    </select>
  52.    </td>
  53.    <td>
  54.    <label for="perle 5">Perles 5:</label>
  55.    <select name="couleur">
  56.     <option>Noir</option>
  57.     <option>Blanc</option>
  58.     <option>Orange</option>
  59.     <option>Rouge</option>
  60.     <option>Jaune</option>
  61.     <option>Bleu</option>
  62.     </select>
  63.     </td>
  64.     </tr>
  65.     <tr>
  66.     <td style="text-align: center;" colspan="5">
  67.     <label for="couleur fil">Choisissez la couleur de votre fil (vous pouvez choisir jusqu'a 2 couleurs):</label>
  68.     <center>
  69.     <select name="couleur">
  70.      <option>Noir</option>
  71.      <option>Blanc</option>
  72.      <option>Orange</option>
  73.      <option>Rouge</option>
  74.      <option>Jaune</option>
  75.      <option>Bleu</option>
  76.     </select>
  77.     </center>
  78.     </td>
  79.     </tr>
  80.    </tbody>
  81.   </table>
  82.   </center>
  83.   <label for="Nom">Nom:</label>
  84.   <input name="Nom" type="text" placeholder="Nom" />
  85.   <label for="prenom">Pr&eacute;nom:</label>
  86.   <input name="prenom" type="text" placeholder="Prenom" />
  87.   <label for="email">Email:</label>
  88.   <input name="email" type="text" placeholder="Email" />
  89.   <label for="tel">Num&eacute;ro de portable: (pour le suivi de vos achats en direct par sms)</label>
  90.   <input name="tel" type="text" placeholder="Numero de portable" />
  91.   <label for="adresse">Adresse:</label>
  92.   <input name="adresse" type="text" placeholder="Adresse" />
  93.   <label for="CP">Code Postal:</label> <input name="CP" type="text" placeholder="code postale" />
  94.   <label for="Ville">Ville:</label> <input name="Ville" type="text" placeholder="Ville" />
  95.   <label for="paiement">Quel moyen de paiement pr&eacute;f&eacute;rez vous ? :</label>
  96.   <label for="paypal">Paypal (carte bancaire s&eacute;curis&eacute;)</label><input name="paiement" type="checkbox" value="paypal" />
  97.   <label for="cheque">Ch&egrave;que</label><input name="paiement" type="checkbox" value="cheque" />
  98.   <label for="commentaire">Un commentaire ? Une question ? :</label>
  99.   <center>
  100.   <textarea cols="60" name="commentaire" rows="4" placeholder="Votre commentaire ou question ici =)"></textarea>
  101.   <br />
  102.   <button id="submitMessage" class="button btn btn-default button-medium" name="submitMessage" type="submit">Envoyer</button>
  103.   <center>
  104. </fieldset>
  105. </form>
  106. </div>     
  107. </div>


 
css:

Code :
  1. body{
  2.    font-family: 'Helvetica', 'Lucida Grande', 'Arial', sans-serif;
  3.   }
  4.   .border,
  5.   .rain{
  6.    height: 1240px;
  7.    width: 400px;
  8.   }
  9.   /* Layout with mask */
  10.   .rain{
  11.     padding: 10px 12px 12px 10px;
  12.     -moz-box-shadow: 10px 10px 10px rgba(0,0,0,1) inset, -9px -9px 8px rgba(0,0,0,1) inset;
  13.     -webkit-box-shadow: 8px 8px 8px rgba(0,0,0,1) inset, -9px -9px 8px rgba(0,0,0,1) inset;
  14.     box-shadow: 8px 8px 8px rgba(0,0,0,1) inset, -9px -9px 8px rgba(0,0,0,1) inset;
  15.     margin: 100px auto;
  16.   }
  17.   /* Artifical "border" to clear border to bypass mask */
  18.   .border{
  19.    padding: 1px;
  20.    -moz-border-radius: 5px;
  21.       -webkit-border-radius: 5px;
  22.    border-radius: 5px;
  23.   }
  24.   .border,
  25.   .rain,
  26.   .border.start,
  27.   .rain.start{
  28.    background-repeat: repeat-x, repeat-x, repeat-x, repeat-x;
  29.    background-position: 0 0, 0 0, 0 0, 0 0;
  30.    /* Blue-ish Green Fallback for Mozilla */
  31.    background-image: -moz-linear-gradient(left, #09BA5E 0%, #00C7CE 15%, #3472CF 26%, #00C7CE 48%, #0CCF91 91%, #09BA5E 100%);
  32.    /* Add "Highlight" Texture to the Animation */
  33.    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)));
  34.    /* Starting Color */
  35.    background-color: #39f;
  36.    /* Just do something for IE-suck */
  37.    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00BA1B', endColorstr='#00BA1B',GradientType=1 );
  38.   }
  39.   /* Non-keyframe fallback animation */
  40.   .border.end,
  41.   .rain.end{
  42.    -moz-transition-property: background-position; 
  43.    -moz-transition-duration: 30s;
  44.    -moz-transition-timing-function: linear;
  45.    -webkit-transition-property: background-position; 
  46.    -webkit-transition-duration: 30s; 
  47.    -webkit-transition-timing-function: linear;
  48.    -o-transition-property: background-position; 
  49.    -o-transition-duration: 30s; 
  50.    -o-transition-timing-function: linear;
  51.    transition-property: background-position; 
  52.    transition-duration: 30s; 
  53.    transition-timing-function: linear;
  54.    background-position: -5400px 0, -4600px 0, -3800px 0, -3000px 0;
  55.   }
  56.   /* Keyfram-licious animation */
  57.   @-webkit-keyframes colors {
  58.       0% {background-color: #39f;}
  59.       15% {background-color: #F246C9;}
  60.       30% {background-color: #4453F2;}
  61.       45% {background-color: #44F262;}
  62.       60% {background-color: #F257D4;}
  63.       75% {background-color: #EDF255;}
  64.       90% {background-color: #F20006;}
  65.       100% {background-color: #39f;}
  66.      }
  67.      .border,.rain{
  68.       -webkit-animation-direction: normal;
  69.       -webkit-animation-duration: 20s;
  70.       -webkit-animation-iteration-count: infinite;
  71.       -webkit-animation-name: colors;
  72.       -webkit-animation-timing-function: ease;
  73.      }
  74.      /* In-Active State Style */
  75.   .border.unfocus{
  76.    background: #333 !important;
  77.     -moz-box-shadow: 0px 0px 15px rgba(255,255,255,.2);
  78.     -webkit-box-shadow: 0px 0px 15px rgba(255,255,255,.2);
  79.     box-shadow: 0px 0px 15px rgba(255,255,255,.2);
  80.     -webkit-animation-name: none;
  81.   }
  82.   .rain.unfocus{
  83.    background: #000 !important;
  84.    -webkit-animation-name: none;
  85.   }
  86.   /* Regular Form Styles */
  87.   form{
  88.    background: #212121;
  89.    -moz-border-radius: 5px;
  90.    -webkit-border-radius: 5px;
  91.       border-radius: 5px;
  92.    height: 100%;
  93.    width: 100%;
  94.    background: -moz-radial-gradient(50% 46% 90deg,circle closest-corner, #242424, #090909);
  95.    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 150, from(#242424), to(#090909));
  96.   }
  97.   form label{
  98.    display: block;
  99.    padding: 10px 10px 5px 15px;
  100.    font-size: 11px;
  101.    color: #777;
  102.   }
  103.   form input{
  104.    display: block;
  105.    margin: 5px 10px 10px 15px;
  106.    width: 85%;
  107.    background: #111;
  108.    -moz-box-shadow: 0px 0px 4px #000 inset;
  109.    -webkit-box-shadow: 0px 0px 4px #000 inset;
  110.    box-shadow: 0px 0px 4px #000 inset;
  111.    outline: 1px solid #333;
  112.    border: 1px solid #000;
  113.    padding: 5px;
  114.    color: #444;
  115.    font-size: 16px;
  116.   }
  117.   form input:focus{
  118.    outline: 1px solid #555;
  119.    color: #FFF;
  120.   }
  121.   input[type="submit"]{
  122.    color: #999;
  123.    padding: 5px 10px;
  124.    float: right;
  125.    margin: 10px 30px;
  126.    border: 1px solid #000;
  127.    font-weight: lighter;
  128.    -moz-border-radius: 15px;
  129.       -webkit-border-radius: 15px;
  130.    border-radius: 15px;
  131.    background: #45484d;
  132.    background: -moz-linear-gradient(top, #222 0%, #111 100%);
  133.    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222), color-stop(100%,#111));
  134.    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22222', endColorstr='#11111',GradientType=0 );
  135.    -moz-box-shadow: 0px 1px 1px #000, 0px 1px 0px rgba(255,255,255,.3) inset;
  136.    -webkit-box-shadow: 0px 1px 1px #000, 0px 1px 0px rgba(255,255,255,.3) inset;
  137.    box-shadow: 0px 1px 1px #000,0px 1px 0px rgba(255,255,255,.3) inset;
  138.    text-shadow: 0 1px 1px #000;
  139.   }


 
La personne en question m'avait répondu ceci:  
 

Citation :

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 paypal)


 
voila le "contact-form.tpl" de base:

Code :
  1. {capture name=path}{l s='Contact'}{/capture}
  2. <h1 class="page-heading bottom-indent">
  3.     {l s='Customer service'} - {if isset($customerThread) && $customerThread}{l s='Your reply'}{else}{l s='Contact us'}{/if}
  4. </h1>
  5. {if isset($confirmation)}
  6. <p class="alert alert-success">{l s='Your message has been successfully sent to our team.'}</p>
  7. <ul class="footer_links clearfix">
  8.  <li>
  9.             <a class="btn btn-default button button-small" href="{$base_dir}">
  10.                 <span>
  11.                     <i class="icon-chevron-left"></i>{l s='Home'}
  12.                 </span>
  13.             </a>
  14.         </li>
  15. </ul>
  16. {elseif isset($alreadySent)}
  17. <p class="alert alert-warning">{l s='Your message has already been sent.'}</p>
  18. <ul class="footer_links clearfix">
  19.  <li>
  20.             <a class="btn btn-default button button-small" href="{$base_dir}">
  21.                 <span>
  22.                     <i class="icon-chevron-left"></i>{l s='Home'}
  23.                 </span>
  24.             </a>
  25.         </li>
  26. </ul>
  27. {else}
  28. {include file="$tpl_dir./errors.tpl"}
  29. <form action="{$request_uri|escape:'html':'UTF-8'}" method="post" class="contact-form-box" enctype="multipart/form-data">
  30.  <fieldset>
  31.         <h3 class="page-subheading">{l s='send a message'}</h3>
  32.         <div class="clearfix">
  33.             <div class="col-xs-12 col-md-3">
  34.                 <div class="form-group selector1">
  35.                     <label for="id_contact">{l s='Subject Heading'}</label>
  36.                 {if isset($customerThread.id_contact)}
  37.                         {foreach from=$contacts item=contact}
  38.                             {if $contact.id_contact == $customerThread.id_contact}
  39.                                 <input type="text" class="form-control" id="contact_name" name="contact_name" value="{$contact.name|escape:'html':'UTF-8'}" readonly="readonly" />
  40.                                 <input type="hidden" name="id_contact" value="{$contact.id_contact}" />
  41.                             {/if}
  42.                         {/foreach}
  43.                 {else}
  44.                     <select id="id_contact" class="form-control" name="id_contact">
  45.                         <option value="0">{l s='-- Choose --'}</option>
  46.                         {foreach from=$contacts item=contact}
  47.                             <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>
  48.                         {/foreach}
  49.                     </select>
  50.                 </div>
  51.                     <p id="desc_contact0" class="desc_contact">&nbsp;</p>
  52.                     {foreach from=$contacts item=contact}
  53.                         <p id="desc_contact{$contact.id_contact|intval}" class="desc_contact contact-title" style="display:none;">
  54.                             <i class="icon-comment-alt"></i>{$contact.description|escape:'html':'UTF-8'}
  55.                         </p>
  56.                     {/foreach}
  57.                 {/if}
  58.                 <p class="form-group">
  59.                     <label for="email">{l s='Email address'}</label>
  60.                     {if isset($customerThread.email)}
  61.                         <input class="form-control grey" type="text" id="email" name="from" value="{$customerThread.email|escape:'html':'UTF-8'}" readonly="readonly" />
  62.                     {else}
  63.                         <input class="form-control grey validate" type="text" id="email" name="from" data-validate="isEmail" value="{$email|escape:'html':'UTF-8'}" />
  64.                     {/if}
  65.                 </p>
  66.                 {if !$PS_CATALOG_MODE}
  67.                     {if (!isset($customerThread.id_order) || $customerThread.id_order > 0)}
  68.                         <div class="form-group selector1">
  69.                             <label>{l s='Order reference'}</label>
  70.                             {if !isset($customerThread.id_order) && isset($is_logged) && $is_logged}
  71.                                 <select name="id_order" class="form-control">
  72.                                     <option value="0">{l s='-- Choose --'}</option>
  73.                                     {foreach from=$orderList item=order}
  74.                                         <option value="{$order.value|intval}"{if $order.selected|intval} selected="selected"{/if}>{$order.label|escape:'html':'UTF-8'}</option>
  75.                                     {/foreach}
  76.                                 </select>
  77.                             {elseif !isset($customerThread.id_order) && empty($is_logged)}
  78.                                 <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}" />
  79.                             {elseif $customerThread.id_order|intval > 0}
  80.                                 <input class="form-control grey" type="text" name="id_order" id="id_order" value="{$customerThread.id_order|intval}" readonly="readonly" />
  81.                             {/if}
  82.                         </div>
  83.                     {/if}
  84.                     {if isset($is_logged) && $is_logged}
  85.                         <div class="form-group selector1">
  86.                             <label class="unvisible">{l s='Product'}</label>
  87.                             {if !isset($customerThread.id_product)}
  88.                                 {foreach from=$orderedProductList key=id_order item=products name=products}
  89.                                     <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}>
  90.                                         <option value="0">{l s='-- Choose --'}</option>
  91.                                         {foreach from=$products item=product}
  92.                                             <option value="{$product.value|intval}">{$product.label|escape:'html':'UTF-8'}</option>
  93.                                         {/foreach}
  94.                                     </select>
  95.                                 {/foreach}
  96.                             {elseif $customerThread.id_product > 0}
  97.                                 <input class="form-control grey" type="text" name="id_product" id="id_product" value="{$customerThread.id_product|intval}" readonly="readonly" />
  98.                             {/if}
  99.                         </div>
  100.                     {/if}
  101.                 {/if}
  102.                 {if $fileupload == 1}
  103.                     <p class="form-group">
  104.                         <label for="fileUpload">{l s='Attach File'}</label>
  105.                         <input type="hidden" name="MAX_FILE_SIZE" value="2000000" />
  106.                         <input type="file" name="fileUpload" id="fileUpload" class="form-control" />
  107.                     </p>
  108.                 {/if}
  109.             </div>
  110.             <div class="col-xs-12 col-md-9">
  111.                 <div class="form-group">
  112.                     <label for="message">{l s='Message'}</label>
  113.                     <textarea class="form-control" id="message" name="message">{if isset($message)}{$message|escape:'html':'UTF-8'|stripslashes}{/if}</textarea>
  114.                 </div>
  115.             </div>
  116.         </div>
  117.         <div class="submit">
  118.             <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>
  119.  </div>
  120. </fieldset>
  121. </form>
  122. {/if}
  123. {addJsDefL name='contact_fileDefaultHtml'}{l s='No file selected' js=1}{/addJsDefL}
  124. {addJsDefL name='contact_fileButtonHtml'}{l s='Choose File' js=1}{/addJsDefL}


 
Le probleme c'est que je ne sais pas du tout quoi modifier, créer ou autre... je suis perdue... :oops:
Si quelqu'un aurait un moment pour me montrer ce que je dois faire ca serait sympa :calim2:
???

mood
Publicité
Posté le 31-03-2014 à 10:50:01  profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Prestashop bouton "envoyer" 2ème formulaire de contact

 

Sujets relatifs
Aide formulaire d'inscription PHP page blanche[Android] Ajouter bouton depuis une autre activité
Tkinter récupérer une variable radio bouton dans un label[AIDE] code HTML/PHP formulaire avec envoi mail automatique
Réafficher les champs de saisie après soumission d'un formulaireQui saurait faire ce type de formulaire ?
Hook et customisation de templates prestashop[Java] Image dans un bouton
Windows Forms bouton pictureboxAutomatisation de formulaire PDF
Plus de sujets relatifs à : Prestashop bouton "envoyer" 2ème formulaire de contact


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR