Ajouter un champs date datepicker dans l'administration des commandes de votre boutique Prestashop 1.6

Dans: Prestashop

Cet article vous expliquera comment ajouter un champs date datepicker dans l'administration des commandes de votre boutique prestashop 1.6. Atention cet article n'explique pas comment modifier le controleur AdminOrdersController.php afin de récupérer la valeur du champ date, il explique seulement comment afficher ce champs datepicker dans la page d'administration des commandes.

L'affichage du détail des commandes se fait grâce au fichier tpl view.tpl que vous trouverez dans le répertoire

/racine_du_site/administration/themes/default/template/controllers/orders/helpers/view

Il suffit d'ajoute le code ci-dessous à l'endroit où vous souhaitez afficher le champs date (dans le fichier view.tpl):

 <div class="input-group fixed-width-xl">
          <input type="text" name="nom_du_champs" class="datepicker" value="{$date_smarty}" />
          <div class="input-group-addon">
             <i class="icon-calendar-o"></i>
          </div>
 </div>

Il suffira de modifier le nom du champs "nom_du_champs", et de remplacer date_smarty par la variable qui récupère le champs date dans le controller AdminOrdersController.php

Il faudra également ajouter au début du fichier view.tpl le script permettant l'affichage du datepicker :

<script type="text/javascript">
{literal}

    $(function(){
           
            $('#nom_du_champs').datetimepicker({
                prevText: '',
                nextText: '',
                dateFormat: 'yy-mm-dd'
            });
    });
    
{/literal}
</script>

Tags: datepicker date prestashop affichage datepicke javascript datepicker prestashop 1.6

Commentaires

Laissez votre commentaire

Blogs les plus récents

Informations de contact

Taboutiqueweb gère son service après-vente (support technique) grâce à plusieurs moyens de communication : demande via formulaire, par téléphone ou via le livechat.

 

Adresse: Taboutiqueweb - 69800 Saint-Priest

 

Tél 07 72 38 92 38

 

Email:

 

Formulaire de contact : Formulaire de contact