index.php

Si vous avez migré de la version 1.3 à la version 1.4 de prestashop, vous avez sans doute un soucis avec le formulaire de contact.

Quand vous faites un envoi de mail via le formulaire de contact par défaut, vous avez dû avoir ce message d’erreur :
Il y a 1 erreur :
une erreur s’est produite pendant l’envoi du message

Cependant, malgré ce message d’erreur, les mails arrivent quand même sur votre boîte mail configurée dans le back-office.

J’ai donc testé en local une version 1.4 toute neuve et là pas de problème sur le formulaire contact.
En fouinant un peu j’ai fini par trouvé la différence :

Dans la base de donnée de ma version 1.3 mise à jour en 1.4 la table ps_contact contient 1 élément de type :

  • id_contact = 1
  • email = mail@mail.com
  • customer_service = 0
  • position = 0

Alors que dans la version 1.4 fraichement installée on trouve :

  • id_contact = 1
  • email = mail@mail.com
  • customer_service = 1
  • position = 0

J’ai donc remplacée la valeur 0 de customer_service par 1 et la miracle plus de message

J’espère que ça vous a aidé !

Je viens de trouver cette chaine Youtube NewDzign qui propose 184 tutoriels qui permettront aux débutant d’apprendre les 4 principaux languages du web HTML, CSS, jQuery et PHP.

Parmi les sujets abordés :

  • sélecteurs CSS avec jQuery
  • moteur de recherche dynamique avec jQuery et PHP
  • validation de formulaire avec Ajax
  • espace membre avec gestion des profils utilisateurs en PHP

La navigation parmi les vidéos n’étant pas vraiment idéale sur Youtube, le site newdzign.com pourra vous aider pour consulter les tutoriels dans l’ordre lorsqu’il s’agit d’une série.

Youtube NewDzign          site newdzign.com

Les sélecteurs avancés permettent de cibler des éléments proches d’un autre élément.
Il existe deux sélecteurs de ce type : le combinateur d’adjacence directe, et le combinateur d’adjance indirecte.

Sélecteur d’adjacence directe

Pour cibler le frère d’un élément, nous allons avoir besoin du symbole +.
Voici sa syntaxe :

element1 + element2{ /* mes styles */ }

Ici les styles seront appliqués uniquement à element2 directement frère de element1.

C’est un bon moyen de cibler un élément dans un cas particulier, comme un p situé juste après un titre, ou pour appliquer des styles à des éléments semblables, sauf le premier de la fratrie.

Le sélecteur d’adjacence directe est compatible avec quasiment tous les navigateurs.

Exemple : appliquer une marge après un titre
Imaginons que nous souhaitions appliquer une marge suffisante pour espacer un p d’un h2 qui le précède, tout en conservant un certain rapprochement lorsque h2 est suivi d’un h3 (l’un servant de sous-titre direct à l’autre) :

h2 + p{ margin-top: 0.8em }
h2 + h3{ margin-top: 0.2em }

(suite…)

Des navigateurs internet, le seul qui pose problème est Internet Explorer 6, 7 et même 8 !

La première solution, à l’ancienne, est d’utiliser des hacks CSS. Ces derniers n’étant pas très fiables, il sont déconseillés. De plus, on ne sais pas comment les futurs navigateurs vont interpréter ces hacks. La deuxième solution, conseillée par Microsoft, est d’utiliser les commentaires conditionnels.

Cependant l’utilisation des commentaires conditionnels à quelques inconvénients, nous allons voir les avantages de la technique des classes conditionnelles.

Le problème des commentaires conditionnels

Ils se présentent comme des instructions dotées d’une condition (if) et qui peuvent se placer à n’importe quel endroit du document HTML.

<!-- [if IE]> <![endif]-->

Ces commentaires sont propres à Internet Explorer. Ils permettent d’inclure dans une page HTML une portion de code qui ne sera lue et interprétée que par Internet Explorer.
(suite…)

Avoir les boutons de partage Facebook, Twitter et Google+ entre autre sur son site est incontournable aujourd’hui pour gagner une part de trafic supplémentaire sur ses pages web. Seulement pour les mettre en forme, c’est une autre affaire… Voici un petit widget jQuery qui va vous permettre de le faire !

Sharrre propose un ensemble de widgets facilitant le partage de vos pages web sur les réseaux sociaux.

(suite…)