Module Prestashop : Produits phares

Notre second module (après Lien canonique) est disponible depuis la semaine dernière sur Prestashop addons : le module Produits Phares vous permet de mettre en avant un ou plusieurs produits à travers votre boutique.

Vous connaissez probablement le module standard Prestashop « Produits phares sur la page d’accueil » : ce module vous permet d’afficher une sélection de produit en page d’accueil. Ce module est aujourd’hui très utilisé par les ecommerçants car il permet de présenter les produits clés du catalogue dès la page d’accueil.

Produits Phares vous permet de la même manière de mettre en avant des produits, mais cette fois si sur n’importe quelle page de votre boutique, et de plus, de présenter des produits différents en fonction des types de pages, même en fonction des catégories de produits pour les pages Produits & catégories.

Par exemple : il est ainsi possible de mettre en avant vos accessoires best sellers dans la catégorie qui contient les pièces majeures, succès des ventes liées assurées !

Plus d’infos sur le module Produits Phares ou acheter le module Produits Phares sur addons.

Non à la fin des menus Mégas Drop Down !

Les menus « Méga Drop Down » sont des menus de navigation qui s’affichent sur toute la largeur du site, et qui permettent généralement de voir et accéder à toutes les rubriques d’un site, à la manière du plan du site. Ces menus se retrouvent de plus en plus sur internet, et notamment pour les boutiques en ligne, pour deux raisons : facilité de navigation, et possibilité de mettre des produits en avant.

Une bonne illustration de la navigabilité est donnée par Ideoideal, site de vente en ligne de literie.

Ideoideal

Ces menus, venus tout droit des ecommerce américains, sont arrivés en France courant 2010, mais voilà, aux Etats Unis les grands sites font marche arrière, alors la fin des Méga Drop Down ?

1 – Navigation américaine classique

Et oui, même Amercian Eagle, pourtant à la pointe des techniques de vente en ligne, a abandonné le Méga Drop Down, pour revenir à la navigation la plus courante sur les sites de ecommerce aux US :

  1. Rayons,
  2. Gammes,
  3. Filtrage

Même son de cloche chez Victoria Secrets : bien qu’ayant toujours conservé la structure en 3 axes, VS vient d’abandonner son menu Méga Drop Down.

Personnellement, je trouve que cette structuration charge la page et donne une impression de fouillis, aussi je suis assez surpris que des boutiques en ligne à la pointe en ecommerce reviennent à ce type de structure.

2 – Menu Méga Drop Down & pictos

Le magnifique site Headict est à lui seul une leçon de conception de site de vente en ligne. Le Méga Drop Down est particulièrement intéressant : en plus d’intégrer les classiques Gammes et sous-gammes, il propose belle scénographie avec des pictos très explicites.

3 – Menu Pictos

Les pictos font un retour en force dans nombres de sites, avec une tendance minimaliste. En effet, un picto est souvent plus efficace qu’un texte : le consommateur se retrouve plus vite dans votre site. De plus, le picto donne un coté ludique au site, ce qui dédramatise l’achat en ligne.

Nouvelle version du site B&H : là aussi on laisse tomber le menu Méga Drop Down, remplacé par une liste de rayons, avec un picto pour chacun.

B&H dispose d’un catalogue très large et varié, aussi, la construction de l’arborescence est un consensus difficile à trouver pour limiter la profondeur du catalogue, mais aussi le nombre de rayons 1er niveau. L’effet picto joue à plein, même si le résultat est un peu décevant : les pictos rendent la page sympa, mais la (trop) grande quantité de rayons dégage une impression de complexité.

Surfant sur la très dandy-chic mode des lacets de couleurs, MesLacets.com est un site de vente en ligne de lacets. Le site propose une navigation très explicite et sans fioritures. Même si quelques éléments de réassurance auraient pu être ajoutés, la compréhension de l’offre est immédiate.

Le concept du picto est ici poussé à son paroxysme : menu de navigation bien sûr, mais aussi la zone « panier » en haut à droite, ainsi que le pied de page. Le pouce levé de la zone livraison est particulièrement bien vu, car rassurant.

MesLacets.com"

Alors pour ou contre les menus Mégas Drop Down ? Perso, je reste franchement pour, en y intégrant quelques pictos !

Canonical Link : notre premier module en vente sur Prestashop Addons !

Après une longue gestation, nous avons publié notre premier module sur Prestashop Addons, la place de marché Prestashop.

Canonical Link est un module très simple ayant pour objectif de supprimer un éventuel Duplicate Content sur deux catégories de votre boutique. Techniquement, le module vous permet de créer un lien canonique (ajout de la balise <link rel=canonical>) sur une catégorie vers une autre.

Cette fonctionnalité est indispensable dès que vous avez des catégories dont le nom et le contenu sont proches. Par exemple :

  • iPods > Accessoires : sous catégorie d’iPods qui contient les accessoires pour iPods.
  • Accessoires > iPods : sous catégorie d’Accessoires qui contient les accessoires pour iPods.

Utilisez notre module pour afficher dans la première catégorie le tag link rel= »canonical » qui indique que la seconde catégorie en est la référence absolue.

Plus d’informations, impressions d’écran et achat de notre module lien canoniques pour Prestashop sur Addons.

Ce module ne répond pas à votre besoin de lien canonique ? Expliquez votre besoin dans un commentaire ci-dessous, nous étudierons la possibilité d’améliorer notre module !

Intégrateurs Freelances : un nouvel agrément PrestaShop

202 ecommerce est interviewé par Prestashop au sujet de l’agrément Freelance intégrateur. Cette nouvelle validation de compétences, mise en place par Prestashop, est destinée aux intégrateurs Freelance qui souhaitent faire valider par Prestashop leurs compétences, notamment sur la création de thèmes.

La première session de validation aura lieu lors du Salon ecommerce à Paris (du 13 au 15 Septembre), sur le village Prestashop. Attention, inscription obligatoire sur le site de Prestashop.

Disponibilité de Prestashop 1.5 « version Alpha »

La tant attendu Prestashop 1.5 est enfin disponible depuis … ce matin !

Attention, comme toujours chez Prestashop, il s’agit d’une Alpha, donc une version moins aboutie qu’une beta. En d’autres termes, l’équipe de développement de la PrestaTeam nous donne accès à leur laboratoire en temps réel. Prestashop 1.5 évoluera donc encore jusqu’à la version beta, puis sera stabilisée.

A télécharger sur le site de Prestashop.

Nous n’avons pas encore étudié cette version, en attendant vous pouvez lire notre article décrivant les fonctionnalités de Prestashop 1.5 attendues.

Modules Prestashop pré installés entre 1.2 & 1.3

Cette page est conservé pour historique, la dernière version incluant Prestashop 1.4 & 1.5 est accessible ici.

[php]
$ap=trim(‘\’ ‘);
$MysqlDB=’delgrang202’;
$MysqlQuery = ‘SELECT PS_VERSION, COUNT(ID) AS NB_MOD ‘;
$MysqlQuery .= ‘FROM ‘.$MysqlDB.’.TOOLS_PSMODULES ‘;
$MysqlQuery .= ‘WHERE PUBLISH = \’0\’ ‘;
$MysqlQuery .= ‘GROUP BY PS_VERSION ‘;
$MysqlQuery .= ‘ORDER BY INET_ATON(SUBSTRING_INDEX(CONCAT(PS_VERSION,\’.0.0.0\’),\’.\’,4)) ‘;
$MysqlRes = mysql_query($MysqlQuery);
echo ‘[tr][td][/td]’;
while($row = mysql_fetch_assoc($MysqlRes))
{
$Versions\[\]=$row\[‘PS_VERSION’\];
echo ‘[td align=center][strong]’.$row\[‘PS_VERSION’\].'[/strong] (‘.$row\[‘NB_MOD’\].’)[/td]’;
}
echo ‘[/tr]’;
$MysqlQuery = ‘SELECT DISTINCT PHYSICAL_NAME ‘;
$MysqlQuery .= ‘FROM ‘.$MysqlDB.’.TOOLS_PSMODULES ‘;
$MysqlQuery .= ‘ORDER BY PHYSICAL_NAME ASC ‘;
$MysqlRes = mysql_query($MysqlQuery);
while($row = mysql_fetch_assoc($MysqlRes))
{
echo ‘[tr]’;
echo ‘[td align=left]’.$row\[‘PHYSICAL_NAME’\].'[/td]’;
$PreviousModVersion=$mynul;
foreach($Versions as $V)
{
$MysqlQuery = ‘SELECT VERSION, AUTHOR, COMMENT ‘;
$MysqlQuery .= ‘FROM ‘.$MysqlDB.’.TOOLS_PSMODULES ‘;
$MysqlQuery .= ‘WHERE PS_VERSION=’.$ap.$V.$ap.’ AND ‘;
$MysqlQuery .= ‘PHYSICAL_NAME=’.$ap.$row\[‘PHYSICAL_NAME’\].$ap.’ ‘;
//echo $MysqlQuery;
$MysqlRes2 = mysql_query($MysqlQuery);
$row2 = mysql_fetch_assoc($MysqlRes2);
if( mysql_affected_rows() < 1)
echo ‘[td bgcolor=#CCCCCC][/td]’;
elseif($row2\[‘VERSION’\]==$mynul)
{ echo ‘[td]??[/td]’; }
else
{
echo ‘[td][span title=\ ».$row2\[‘AUTHOR’\].’\’]’;
if($PreviousModVersion == $row2\[‘VERSION’\]) echo ‘[font color=\’#AAAAAA\’]’;
echo $row2\[‘VERSION’\];
if($PreviousModVersion == $row2\[‘VERSION’\]) echo ‘[/font]’;
if($row2\[‘COMMENT’\]!=$mynul) echo ‘ [span title=\ ».$row2\[‘COMMENT’\].’\’][font color=red]*[/font][/span]’;
echo ‘[/span][/td]’;
}

$PreviousModVersion = $row2\[‘VERSION’\];
}
echo ‘[/tr]’;
}
[/php]

Modules Prestashop pré installés entre 1.5 & 1.6

Modules Prestashop inclus dans la distribution officielle, avec versions & auteur pour Prestashop > 1.5 (voir ici pour les précédentes).
* Indique un changement sans montée de version, référence en info bulle.

[php]
$ap=trim(‘\’ ‘);
$MysqlDB=’delgrang202’;
$MysqlQuery = ‘SELECT PS_VERSION, COUNT(ID) AS NB_MOD ‘;
$MysqlQuery .= ‘FROM ‘.$MysqlDB.’.TOOLS_PSMODULES ‘;
$MysqlQuery .= ‘WHERE PUBLISH = \’1\’ ‘;
$MysqlQuery .= ‘GROUP BY PS_VERSION ‘;
$MysqlRes = mysql_query($MysqlQuery);
echo ‘[tr][td][/td]’;
while($row = mysql_fetch_assoc($MysqlRes))
{
$Versions\[\]=$row\[‘PS_VERSION’\];
echo ‘[td align=center][strong]’.$row\[‘PS_VERSION’\].'[/strong] (‘.$row\[‘NB_MOD’\].’)[/td]’;
}
echo ‘[/tr]’;
$MysqlQuery = ‘SELECT DISTINCT PHYSICAL_NAME ‘;
$MysqlQuery .= ‘FROM ‘.$MysqlDB.’.TOOLS_PSMODULES ‘;
$MysqlQuery .= ‘ORDER BY PHYSICAL_NAME ASC ‘;
$MysqlRes = mysql_query($MysqlQuery);
while($row = mysql_fetch_assoc($MysqlRes))
{
$PreviousModVersion=$mynul;
$HTML = ‘ ‘;
$IsThereAVersion = 0;
foreach($Versions as $V)
{
$MysqlQuery = ‘SELECT VERSION, AUTHOR, COMMENT ‘;
$MysqlQuery .= ‘FROM ‘.$MysqlDB.’.TOOLS_PSMODULES ‘;
$MysqlQuery .= ‘WHERE PS_VERSION=’.$ap.$V.$ap.’ AND ‘;
$MysqlQuery .= ‘PHYSICAL_NAME=’.$ap.$row\[‘PHYSICAL_NAME’\].$ap.’ ‘;
//echo $MysqlQuery;
$MysqlRes2 = mysql_query($MysqlQuery);
$row2 = mysql_fetch_assoc($MysqlRes2);
if( mysql_affected_rows() < 1)
{ $HTML .= ‘[td bgcolor=#CCCCCC][/td]’; }
elseif($row2\[‘VERSION’\]==$mynul)
{
$HTML .= ‘[td]??[/td]’;
$IsThereAVersion = 1;
}
else
{
$IsThereAVersion = 1;
$HTML .= ‘[td][span title=\ ».$row2\[‘AUTHOR’\].’\’]’;
if($PreviousModVersion == $row2\[‘VERSION’\]) $HTML .= ‘[font color=\’#AAAAAA\’]’;
$HTML .= $row2\[‘VERSION’\];
if($PreviousModVersion == $row2\[‘VERSION’\]) $HTML .= ‘[/font]’;
if($row2\[‘COMMENT’\]!=$mynul) $HTML .= ‘ [span title=\ ».$row2\[‘COMMENT’\].’\’][font color=red]*[/font][/span]’;
echo ‘[/span][/td]’;
}

$PreviousModVersion = $row2\[‘VERSION’\];
}

if($IsThereAVersion)
{
echo ‘[tr]’;
echo ‘[td align=left]’.$row\[‘PHYSICAL_NAME’\].'[/td]’;
echo $HTML;
echo ‘[/tr]’;
}
}
[/php]

Prestashop 1.4.2 : les nouveautés

Un rapide billet au sujet de Prestashop 1.4.2 disponible depuis le 30 Mai 2011, en effet, il n’est pas toujours simple de savoir ce qu’apporte une nouvelle version chez Prestashop…

L’annonce officielle indique :

  • Amélioration du système de migration depuis les version 1.3.x & antérieures,
  • Amélioration de la stabilité et de la rétro-compatibilité,
  • Optimisation des performances,
  • Intégration du module de connexion à la place de marché eBay.

Vous pouvez aussi lire le ChangeLog, bien qu’indigeste, est toujours instructif !

De mon coté, j’ai noté 3 améliorations importantes :

1 – Support de la fonction « Page Speed » dans le module Google analytics :

Google Analytics propose depuis peu de mesurer les vitesses de chargement de chacune de vos pages. Cette fonctionnalité requiert de modifier le code de suivi. Aussi, le module Google Analytics de Prestashop 1.4.2 a été mis à jour pour intégrer les éléments nécessaires à Google Analytics pour déterminer la vitesse de chargement de vos pages.

Petit bémol : la version du module reste 1.3… A quoi servent les numéros de version des modules alors ?

Pour voir le résultat, vous devez utiliser la nouvelle version de Google Analytics :

Puis vous rendre dans « Contenu »

2 – Ajout du « physical name » dans la liste des modules :

On a tous perdu (beaucoup) de temps à chercher le nom du dossier correspondant à un module (pour ceux qui cherchent encore, un petit « Inspecter l’élément » sur l’icône du module aide beaucoup). Prestashop a eu la bonne idée d’ajouter une infobulle contenant cette info, qui s’affiche au survol du module. Il était temps !

3 – Apparition d’une variable de configuration contenant la version de Prestashop

Visible dans la table configuration, la variable PS_VERSION_DB permet de connaître la version de PS.

Vous avez repéré & testé d’autres améliorations ? N’hésitez pas à nous en parler.

Prestashop 1.5 : alpha imminente ?

Lors du barcamp 3 Prestashop le 31 Mars, l’équipe Prestashop avait annoncé les grandes lignes de Prestashop 1.5, et avait même évoqué la disponibilité d’une Prestashop 1.5 alpha durant la première quinzaine de Juin. Nous y sommes, et jusqu’à ce jour, rien. Alors c’est pour quand ??

Pour rappel, Prestashop 1.5 devrait apporter les fonctionnalités suivantes :

  • Multi-boutique,
  • Nouvel installer et upgrader,
  • Refonte du code, back office & front office.

Tous les détails dans la présentation de Nebojsa Stojanovic (Directeur Technique Prestashop) du barcamp 3.

Lors de ce même barcamp, Prestashop a annoncé que sa boutique serait accessible depuis un téléphone mobile sous peu. A mon avis, l’accès mobile est une interface supplémentaire au back office, fonctionnalité que doit apporter le multi-boutique, justement attendu pour la 1.5. La question sera de savoir si l’accès mobile sera disponible dès la 1.5 ou dans les versions suivantes.

Par ailleurs, d’autres bruits ont circulé sur le contenu de Prestashop 1.5 :

  • Intégration native de systèmes d’authentification tiers (Facebook, Google, etc…),
  • Améliorations du système de templating :
    • Mise à disposition d’un template squelette permettant aux intégrateurs de développer des thèmes plus rapidement et proprement,
    • Template compatibles avec les frameworks JqueryUI et 960 Grid,
    • Possibilité de définir un look différent pour chaque page du site, exemple : le thème contient 2 aspects pour la page produit, applicable produit par produit depuis le back office,
    • Variables de template contrôlables depuis le back office rendant les thèmes plus flexibles,
  • Possibilité d’appliquer des promotions en fonction du contenu du panier.

On attend donc avec impatience la sortie de Prestashop 1.5 alpha. Attention tout de même, il se passera probablement 6 mois entre la sortie de la première alpha et la disponibilité de la version stable définitive.

Longueur de la balise < head > : afficher les caractères pris en compte

Contenu de la balise head

Si vous êtes sensibilisés au référencement naturel, vous savez déjà que le contenu de la balise (qui s’affiche dans la barre de titre de votre navigateur, cf ci-contre) est primordial pour votre référencement. D’après les informations disponibles sur internet, les 70 premiers caractères sont pris en considération, il parait donc opportun d’utiliser cet « espace » au maximum.

J’utilisais cet outil sur mon ordinateur, le voici en libre service : tapez votre texte, les 70 premiers caractères apparaissent en rouge.


Votre <head> :

Attente texte