Prestashop

Logo PrestashopPrestashop est une solution e-commerce facile et pratique à mettre en œuvre.
C’est également une plateforme sur laquelle je travaille quotidiennement depuis presque 10 ans.
A travers une centaines d’articles écrits durant cette période, j’ai creusé de nombreuses problématiques liées à cette solution, des versions 1.4.x jusqu’aux dernières versions 1.7
J’ai également partagé des canevas de modules et creusé des points spécifiques de la solution, essentiellement une vision orientée module ( ç’est à dire comment interagir le plus simplement avec Prestashop via un module )

Prestashop : Liens dynamiques vers les pages cms dans l’éditeur TinyMce

La gestion des liens entre les différentes pages cms est relativement peu aisée avec PrestaShop, il est nécessaire de saisir le lien complet à chaque fois.
Cette problématique est d’autant plus importante lorsqu’on est amené à travailler avec plusieurs urls ( serveur local, serveur de préproduction, serveur de production)

En partant de ce constat j’ai décidé de créer un nouveau module qui permettra de rendre ces liens « dynamiques »  (c’est à dire indépendant de l’url de base du site)

Ce module fonctionne uniquement à partir de Prestashop 1.5.

Son fonctionnement est inspiré du fonctionnement des liens cms sous magento ( et oui encore 😉 ).

Voici un aperçu du rendu final du module.

lien cms prestashop

Un nouvel icône apparait dans la barre d’outils de TinyMce.

pages-cms

Lorsqu’on clique dessus, le listing complet des pages cms existantes apparait et il vous suffit de cliquer sur l’élément que vous souhaitez ajouter pour insérer un lien.

Edit 2015-05-20 :

Pour récupérer la dernière version du module et consulter les instructions d’installation, vous pouvez vous rendre directement sur la page :
Prestashop : Liens dynamiques dans l’éditeur wysiwyg tinymce

 …

Prestashop : Liens dynamiques vers les pages cms dans l’éditeur TinyMce Lire la suite »

Module (re) captcha pour le formulaire de contact prestashop nouvelle version

Suite aux différents retours sur mon module recaptcha pour prestashop , Je viens de procéder à sa mise à jour.

La version 0.1.1 apporte un changement important dans son mode de fonctionnement
Car comme évoqué dans le commentaire suivant , la soumission d’un mauvais code de captcha nécessitait de saisir à nouveau l’ensemble des données du formulaire.

Désormais la validation du code du captcha est donc réalisée en ajax avant la soumission du formulaire.
Si le code est validé, le formulaire de contact est soumis, sinon un message d’erreur s’affiche et l’utilisateur doit saisir un nouveau captcha.

Edit : 17/01/2014
La version 0.1.2 est désormais disponible et corrige l’incompatibilité du module avec le mode SSL de prestashop.

Edit : 05/05/2014
La version 0.1.3 est désormais disponible et corrige un problème de soumission du captcha en mode SSL

Edit : 15/05/2014La version 0.1.4 compatible avec Prestashop 1.6 est désormais disponible

Vous pourrez télécharger cette version et consulter les dernières mise à jour du module depuis la page Module (re)Captcha pour le formulaire de contact prestashop

Module (re) captcha pour le formulaire de contact prestashop nouvelle version Lire la suite »

Prestashop : Mise au jour de la Tva au 31 décembre 2013

Voici un module prestashop tout simple qui se chargera de mettre à jour les taux de TVA de votre boutique facilement.

Il suffit de configurer une tâche cron le 31 décembre à 00h 00 qui appelle le fichier

http:://www.votreSite.com/modules/eitaxupdater/cron.php

Le taux de 19,6% passe à 20 %, et le taux de 7% passe à 10%.

Voici le code du module :

eitaxupdater.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<?php 
/**
 * Module de mise à jour du taux de Taxe FR
 *
 * 
 * @version 0.1 | $Revision$
 * Last-Modified : $Date$
 * Id : $Id$
 */
if (!

Prestashop : Mise au jour de la Tva au 31 décembre 2013 Lire la suite »

Module (re) captcha pour le formulaire de contact prestashop

Les formulaire de contacts sont de plus en plus soumis aux spams, ce qui devient assez agaçant…, malheureusement le formulaire de contact de prestashop ne fait pas exeption à la règle.

Voici donc un module qui vous permettra d’ajouter l’excellent « Recaptcha » de google à votre formulaire de contact prestashop.

captcha prestashop formulaire de contact

Pour commencer, ouvrez le fichier « contact-form.tpl » de votre dossier thème et saissez le code suivant :

1
2
3
4
5
6
{if $captcha }
<p>
<label for="captcha">{l s='Captcha'}</label>
<div style="float:left;margin-left: 0.7em;">{$captcha}</div>
</p>
{/if}

après les lignes suivantes :
( Je l’ai inséré après le champ message, mais c’est à adapter en fonction de l’endroit souhaité )

1
2
3
4
<p>
<label for="message">{l s='Message'}</label>
<textarea id="message" name="message" rows="15" cols="20" style="width:340px;height:220px">{if isset($message)}{$message|escape:'htmlall':'UTF-8'|stripslashes}{/if}</textarea>
</p>

Vous pouvez ensuite télécharger et installer le module.
Une fois le module installé, il sera nécessaire de récupérer des clés publiques et privées sur le site de recaptcha pour activer le module
http://www.google.com/recaptcha/whyrecaptcha

Module (re) captcha pour le formulaire de contact prestashop Lire la suite »

Prestashop : Amélioration de la pagination dans l’administration

Voici un nouveau module pratique qui va nous permettre de naviguer plus facilement dans l’administration des produits Prestashop. ( versions 1.4)
Dans le cas  ou certaines catégories contiennent beaucoup de produits, la navigation au sein de ces produits peut être compliquée.
page-admin-prestashop

Dans l’exemple ci-dessus, pour atteindre la page 49 , il serait nécessaire de cliquer pas moins de 48 fois ! ( en conservant la pagination à 50 élément j’en conviens 😉 , mais c’est pour l’exemple )

Nous allons donc remplacer le texte correspondant à la page en cours par un champ texte, qui nous permettra de saisir sur quelle page nous souhaitons nous rendre.

Pour ce faire il est nécessaire de surcharger la fonction displayListHeader de la classe AdminTab.
Voici le contenu de ma surcharge.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
<?php

Prestashop : Amélioration de la pagination dans l’administration Lire la suite »

Prestashop : Bouton d’impression pour les images avec fancybox

Voici un petit tips pour rajouter facilement un bouton d’impression pour prestashop dans la popin fancyBox sans toucher au code source du plugin

 

Dans le fichier /themes/yourtheme/product.css

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
#fancybox-print-item {
  width:50px;
  height:44px;
  background-image:url('../img/print-sheet.png');
  background-repeat:no-repeat;
  float:right;
  position:relative;
  margin-top:-44px;
  margin-right:4px;
  z-index:1103;
}
#fancybox-print-item a{ 
   width:50px;
   height:44px;
   display:block;
}

Dans le fichier themes/yourtheme/product.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
//Ajout d'une fonction d'impression à fancyBox
$('#fancybox-close').

Prestashop : Bouton d’impression pour les images avec fancybox Lire la suite »

Prestashop problème max_input_vars en hébergement mutualisé chez ovh

Voici une petite astuce pratique pour tout ceux qui ont un hébergement mutualisé  avec la solution Prestashop chez l’hébergeur OVH
La limite de la variable php est fixée à 2000 éléments.

Cependant dans certains cas il peut être nécessaire d’augmenter cette valeur comme sur la capture ci-dessous dans la page des traductions.

Max input var ovh et traduction Prestashop

La solution est de placer un .htacess dans le dossier de l’administration avec le contenu suivant :

SetEnv PHP_VER 5.2

Les traductions sont à présent accessibles 🙂

Max input var ovh et traduction Prestashop

 

Edit 2016 :
A ma connaissance cette solution ne fonctionne plus chez ovh.
Si vous souhaitez ajouter uniquement quelques traductions manuellement vous pouvez consulter l’article :

Prestashop : Ajouter vos traductions dans les fichiers de traductions

Prestashop problème max_input_vars en hébergement mutualisé chez ovh Lire la suite »

Prestashop : Charger un objet via n’importe quel champ

Durant les derniers mois j’ai travaillé de manière régulière avec la solution concurrente « Magento » qui permets le chargement et la récupération d’informations sur les objets de manière très souple via n’importe quel champ.
Cette fonctionnalité n’est malheureusement pas disponible à ce jour avec Prestashop, (version 1.5.4.1 à ce jour ), mais avec le mécanisme des override, il est relativement aisé d’adapter cette logique.

Mon besoin a été motivé par la nécessité d’ajouter de nombreux champs spécifiques sur un site prestashop en cours de développement.

/!\ Cette méthode nécessite au minimum php en version 5.3 pour fonctionner.

Voici les codes à mettre en place dans le fichier override/classes/ObjectModel.php

<?php
 
abstract class ObjectModel extends ObjectModelCore
{
 
    /**
     * Rajout de la possibilité de récupérer un objet par n'importe quel champ
     * (Il est nécessaire de l'instancier avant)
     * 
     * @param string $field champ de la table 
     * @param string $value valeur du champ de la table
     * @return int id_object : identifiant de l'objet
     */
    public static function getObjectIdByField($field = '', $value='') {
 
		$className = get_called_class();   
        return Db::getInstance()->getValue("SELECT ".

Prestashop : Charger un objet via n’importe quel champ Lire la suite »

Prestashop : Module Scroll To Top

J’ai récemment installé sur ce blog le plugin wordpress « Dynamic to Top » que je trouve très pratique à utiliser et vraiment intuitif à l’utilisation.
Dans le cadre d’un projet Prestashop, j’ai donc décidé de créer un module Prestashop reprenant ces fonctionnalités.
Celui-ci se base sur le script de l’auteur du plugin wordpress disponible à l’adresse suivante : http://mattvarone.com/web-design/uitotop-jquery-plugin/

Le plugin fera dynamiquement apparaitre une image avec un lien de retour vers le haut de page sur l’ensemble des pages trop longues du site. (Le bloc encadré en rouge sur la capture ci-dessous)

Prestashop scroll to top

Aucune configuration n’est nécessaire, le module est fonctionnel dès son installation

Vous pouvez télécharger ce module : Module Prestashop Scroll To Top
( Attention fonctionne uniquement avec prestashop 1.5.xx )

Edit 11/11/2013 : La nouvelle version du module est également compatible prestashop 1.4.x…

Prestashop : Module Scroll To Top Lire la suite »

Prestashop 1.5.x : Ajouter un css ou un javascript d’un module uniquement sur un controlleur

Dans le cadre du développement d’un nouveau module pour un site tournant sous prestashop 1.5,  celui-ci nécessite l’utilisation de fichiers css et javascripts spécifiques pour son bon fonctionnement.
Cependant ce module étant uniquement utilisé sur la fiche produit, je ne voyais pas l’intérêt de charger inutilement ces fichiers sur l’ensemble des pages du site.

Voici donc une astuce qui vous permettra de charger vos fichiers uniquement dans le controlleur nécessaire :
ProductController est donc à remplacer par le controller dans lequel vous souhaitez insérer vos contenus.

/**
* Hook Header Prestashop
* @param type $params
*/
public function hookHeader($params){
 
//Récupération du contexte
$context = Context::getContext();
 
//On ajoute uniquement nos éléments dans la fiche produit donc le controller "ProductController"
 if ( $context->controller instanceof ProductController ) {
 
 $this->context->controller->addCSS(($this->_path).'module-style.css', 'all');
 $this->context->controller->addJS(($this->_path).

Prestashop 1.5.x : Ajouter un css ou un javascript d’un module uniquement sur un controlleur Lire la suite »