How to, tutoriels et conseils pratiques

Comment importer une image dans les textes riches Prestashop ?

31 janvier 2012

Certains champs de saisie de Prestashop vous permettent de mettre en forme le texte librement, on appelle ces champs « texte riche ». Ils sont notamment utilisés pour les descriptions produit, les descriptions de marques et l’éditeur de page d’accueil.

Ces champs offrent les possibilités classiques de mise en forme d’un traitement de texte : choix de la police, de la couleur, etc… Si vous souhaitez réaliser une mise en forme évoluée, il est possible de saisir du HTML. Enfin, souvent moins connu / utilisé, il est possible d’intégrer des images. Compte tenu du nombre important de demandes d’aide sur l’importation d’images dans Prestashop, nous avons décidé de faire ce billet.

A noter pour les mauvais coucheurs puristes : Prestashop n’a pas développé l’outil de gestion de champs textes riches, mais intégré un module OpenSource qui gère très bien cela : TinyMCE. Ce tutoriel est donc une aide à TinyMCE … qui peut rendre bien des services aux utilisateurs de Prestashop !

Importer une image dans les textes riches Prestashop

Dans le champ texte riche, vous avez plusieurs boutons, choisissez « ajouter / insérer une image »

Sur la ligne URL de l’image, sélectionnez l’icône parcourir :

Choisissez dans le menu upload :

Après avoir choisi l’image à ajouter, cochez la ligne dans la partie droite de votre écran et cliquez sur « select » pour l’importer dans votre champ de texte riche.

Après avoir sauvegardé vos modifications, votre image apparaîtra dans votre champ texte riche.

Réécriture d’URL sous Prestashop et performances

11 janvier 2012

Aujourd’hui, c’est le début des soldes, notamment en ligne, et qui dit solde dit gros trafic ! Vos serveurs sont déjà passés au bord de la mort pendant les fêtes, et bien heureusement malheureusement ce n’est pas terminé !

Comme on est sympa chez 202, nous vous proposons aujourd’hui une technique pour améliorer drastiquement vos performances, si vous modifiez le schéma d’URL de Prestashop !

Pourquoi réécrire les URL de Prestashop ?

Prestashop est relativement bien conçu pour le référencement (en tout cas, mieux que d’autres semble-t-il !), mais il y a tout de même plusieurs points qui nécessitent des améliorations, on attend d’ailleurs beaucoup de Prestashop 1.5 !

Bref, un des points que tous les gourous du référencement vous recommandent, est de modifier le schéma d’URL des fiches produits.

En standard l’URL d’une fiche produit est la suivante :

mon-site.com/dernier-niveau-de-categorie-par-defaut/ID-mon-produit.html

L’objectif est d’obtenir :

mon-site.com/ID-mon-produit.html

Simplifier l’URL de la fiche produit en supprimant la catégorie permet une plus grande flexibilité sur la gestion des catégories.

Module de réécriture d’URL

Il existe des modules pour modifier les URLs Prestashop, notamment URL Rewriting +, mais attention aux performances : à chaque URL réécrite, il y a (au moins) un accès base. Sur la page d’accueil d’un client qui référençait certes beaucoup de produit, ce module était responsable à lui seul de + de 100 requêtes SQL !!!

Supprimer la catégorie dans l’URL de la fiche produit Prestashop avec un override

1 – Si il s’agit de ne pas afficher une info, pas besoin de requêtes SQL supplémentaire,

2 – Les URLs simplifiées sont justement construites par Prestashop, modifier la construction de l’URL de la fiche produit revient à modifier la construction de l’URL simplifiée dans le coeur de Prestashop.

Depuis Prestashop 1.4, il est ainsi possible de modifier le fonctionnement du coeur de Prestashop sans modifier le code directement, on appelle ça l’override (article de Julien Breux à lire sur le blog Prestashop). Cette solution permet de maintenir la possibilité de mise à jour de votre Prestashop, indépendamment de vos modifications au coeur.

Il faut donc modifier la fonction responsable de la construction des URLs des fiches produits (getProductLink) pour supprimer l’ajout de la catégorie. Le résultat est en PJ, à déposer dans votre dossier override/classes.

Link.zip

Ce fichier a été testé avec Prestashop 1.4. Nécessite de vider le cache Smarty.

Attention

1 – L’optimisation d’URL est efficace et recommandée, mais pas indispensable : si vous avez un site qui fonctionne bien et qui est bien référencé, ne modifiez pas votre site uniquement pour améliorer les URLs. En revanche si êtes amenés à modifier votre site, et que les URLs vont changer pour des raisons techniques (contrainte CMS, etc…) , profitez-en pour faire des URLs SEO friendly.

2 – Si vous modifiez vos URLs, attention à les maintenir : c’est à dire renvoyer les anciennes URLs vers les nouvelles. Ne vous lancez pas seul dans ce chantier si vous ne savez pas ce que vous faites.

3 – Le fichier override vous est livré gratuitement sans aucune garantie de la part de 202 ecommerce. Merci de ne pas le redistribuer, mais de faire un lien vers cette page.

Modules Prestashop pré installés entre 1.2 & 1.4

28 juin 2011

Modules Prestashop inclus dans la distribution officielle, avec versions & auteur (PS > 1.2).
* Indique un changement sans montée de version, référence en info bulle.

Cette table sera mise à jour avec les nouvelles versions, sachant que Prestashop 1.5 devrait apporter une refonte de la gestion des modules, avec probablement très peu de modules pré-installés.


1.2.0 (75)1.2.5 (75)1.3.0 (82)1.3.7 (83)1.4.1 (112)1.4.2 (112)1.4.3 (112)1.4.4 (114)1.4.5 (114)1.4.6 (116)1.4.7 (116)
authorizeaim1.01.01.01.01.2.21.31.3
autoupgrade0.10.2.20.2.2
bankwire0.40.40.50.50.50.50.50.50.50.50.5
birthdaypresent1.01.01.01.01.01.01.01.01.01.01.0
blockadvertising0.10.10.10.10.20.20.30.30.30.30.3
blockbestsellers1.11.11.11.11.11.11.11.11.11.11.1
blockcart1.21.21.21.21.21.21.21.21.21.21.2
blockcategories1.01.01.01.02.02.02.02.02.02.02.0
blockcms1.11.11.11.11.11.11.1
blockcurrencies0.10.10.10.10.10.10.10.10.10.10.1
blockcustomerprivacy1.01.01.01.0
blockinfos1.11.11.11.1
blocklanguages0.10.10.10.10.10.10.11.11.11.11.1
blocklayered1.31.31.31.41.41.51.7.7
blocklink1.41.41.41.41.41.41.41.51.51.51.5
blockmanufacturer1.01.01.01.01.01.01.01.01.01.01.0
blockmyaccount1.21.21.21.21.21.21.21.21.21.21.2
blocknewproducts0.90.90.90.90.90.90.90.90.90.90.9
blocknewsletter1.41.41.41.41.41.41.41.41.41.41.4
blockpaymentlogo0.10.10.10.20.20.20.20.20.20.20.2
blockpermanentlinks0.10.10.10.10.10.10.10.10.10.10.1
blockrss1.01.01.01.01.01.01.01.01.11.11.1
blocksearch1.01.01.01.01.01.01.01.01.01.01.0
blockspecials0.80.80.80.80.80.80.80.80.80.80.8
blockstore1.01.01.01.01.01.01.0
blocksupplier1.01.01.01.01.01.01.01.01.01.01.0
blocktags1.01.01.01.01.01.01.01.01.01.01.0
blockuserinfo0.10.10.10.10.10.10.10.10.10.10.1
blockvariouslinks0.10.10.10.1
blockviewed0.90.90.90.90.90.90.90.90.90.90.9
blockwishlist0.20.20.20.20.20.20.20.20.20.20.2
canadapost0.10.50.50.8
canonicalurl1.31.31.31.3
carriercompare1.01.01.01.01.11.11.2
cashondelivery0.30.30.30.30.30.30.30.30.40.40.4
cashticket1.21.21.21.21.31.31.3
cheque2.22.22.32.32.32.32.32.32.32.32.3
criteo1.01.01.01.01.01.01.0
crossselling0.10.10.10.10.10.10.10.10.1
dateofdelivery1.01.01.01.01.01.01.0
dejala1.21.21.41.41.4 *1.41.41.41.4
dibs1.01.01.01.01.11.11.1
ebay1.01.11.11.3.51.3.51.3.5
editorial1.51.51.51.51.61.61.61.61.61.61.6
ekomi0.81.01.01.01.11.21.3
envoimoinscher1.01.01.01.01.01.01.0
fedexcarrier0.9c1.01.01.11.2.41.2.51.2.6
feeder0.20.20.20.20.20.20.20.20.20.20.2
fianetfraud1.11.11.11.11.11.11.1
fianetsceau1.01.01.01.01.01.01.0
followup1.01.01.01.01.01.01.01.01.01.01.0
freeblock1.1
gadsense1.11.11.11.11.11.11.11.11.11.11.2
ganalytics1.21.21.21.21.31.3 *1.31.31.31.31.4
gcheckout1.01.01.01.11.11.11.11.11.21.21.2
graphartichow1.01.01.01.01.01.01.01.01.01.01.0
graphgooglechart1.01.01.01.01.01.01.01.01.01.01.0
graphvisifire1.01.01.01.01.01.01.01.01.01.01.0
graphxmlswfcharts1.01.01.01.01.01.01.01.01.01.01.0
gridextjs1.01.01.01.0
gridhtml1.01.01.01.01.01.01.0
gsitemap1.41.41.51.61.61.61.61.61.71.71.8
hipay1.01.01.01.01.01.11.11.11.1
homefeatured0.90.90.90.90.90.90.90.90.90.90.9
iadvize1.01.01.01.01.01.01.0
importerosc1.01.01.01.01.01.01.0
livezilla1.01.01.0 *1.01.01.01.0
loyalty1.61.61.71.81.81.81.81.81.81.81.8
mailalerts2.22.22.22.22.22.22.22.22.22.22.2
mailjet1.01.0
mondialrelay1.31.41.61.61.7.61.7.91.8
moneybookers1.01.11.41.51.51.51.6.11.6.21.6.3
newsletter2.02.02.02.02.02.02.02.02.02.02.0
ogone2.02.02.02.02.22.22.3
pagesnotfound1.01.01.01.01.01.01.01.01.01.01.0
paypal1.61.61.61.7.12.42.42.42.62.8.22.8.52.8.6
paypalapi1.01.01.01.0
paysafecard1.21.21.21.21.31.31.3
prestafraud0.990.990.990.990.990.990.99
productcomments0.20.20.20.32.12.12.12.12.12.12.1
productscategory1.2.11.2.11.2.11.2.11.31.31.31.31.31.31.3
producttooltip1.01.01.01.01.01.01.01.01.0
referralprogram1.41.41.41.41.51.51.51.51.51.51.5
reverso1.01.01.01.01.01.01.01.01.0
secuvad2.0.12.0.12.0.12.0.12.0.12.0.12.0.1
sekeywords1.01.01.01.01.01.01.01.01.01.01.0
sendtoafriend1.11.11.11.11.11.11.11.11.11.11.1
shopimporter1.01.01.01.01.01.01.0
shoppingfluxexport1.4.11.5.1
socolissimo2.02.02.02.02.12.12.2
statsbestcategories1.01.01.01.01.01.01.01.01.01.01.0
statsbestcustomers1.01.01.01.01.01.01.01.01.01.01.0
statsbestmanufacturers1.01.01.01.01.01.01.0
statsbestproducts1.01.01.01.01.01.01.01.01.01.01.0
statsbestsuppliers1.01.01.01.01.01.01.01.01.01.01.0
statsbestvouchers1.01.01.01.01.01.01.01.01.01.01.0
statscarrier1.01.01.01.01.01.01.01.01.01.01.0
statscatalog1.01.01.01.01.01.01.01.01.01.01.0
statscheckup1.01.01.01.01.01.01.01.01.0
statsdata1.01.01.01.01.01.01.01.01.01.01.0
statsequipment1.01.01.01.01.01.01.01.01.01.01.0
statsforecast1.01.01.01.01.01.01.0
statsgeolocation1.01.01.01.01.01.01.01.01.01.01.0
statshome1.01.01.01.0
statslive1.01.01.01.01.01.01.01.01.01.01.0
statsnewsletter1.01.01.01.01.01.01.01.01.01.01.0
statsorigin1.01.01.01.01.01.01.01.01.01.01.0
statspersonalinfos1.01.01.01.01.01.01.01.01.01.01.0
statsproduct1.01.01.01.01.01.01.01.01.01.01.0
statsregistrations1.01.01.01.01.01.01.01.01.01.01.0
statssales1.01.01.01.01.01.01.01.01.01.01.0
statssearch1.01.01.01.01.01.01.01.01.01.01.0
statsstock1.01.01.01.01.01.01.0
statsvisits1.01.01.01.01.01.01.01.01.01.01.0
themeinstallator1.31.41.41.41.41.41.4
tm4b1.11.11.11.11.11.11.11.1
trackingfront1.01.01.01.01.01.01.01.01.01.01.0
treepodia1.21.21.21.21.31.6.11.6.11.6.1
trustedshops1.21.21.21.31.3.31.3.31.3.3
twenga1.51.61.61.81.81.81.8
upscarrier1.01.11.11.21.2.21.2.21.2.3
uspscarrier1.01.01.01.11.2.11.2.11.2.2
vatnumber1.01.01.01.01.01.01.1
watermark0.10.10.10.10.10.10.10.10.10.10.1

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

31 mai 2011

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

Partager ses statistiques Google Analytics

17 février 2011

Google Analytics (ou GA pour les intimes) permet de partager l’accès aux statistiques d’un site avec une ou plusieurs personnes. Bien utile quand vous travaillez à plusieurs sur un site, et notamment pour votre prestataire en charge des affaires web.

Attention, il est nécessaire de disposer d’un compte Google pour pouvoir accéder à Google Analytics, c’est à dire une adresse @gmail. Vous ne pouvez pas partager vos statistiques avec quelqu’un qui n’a pas une adresse @gmail, même si l’email est géré par Google Apps for Your Domain.

Cet article ne s’adresse pas aux geeks avertis, qui font déjà ça toute la journée !

1 – Accédez à votre compte

2 – Modifiez le compte

3 – Ajoutez un utilisateur

Tout en bas de l’écran de modification de profil :

4 – Accès de l’utilisateur

Le 6 vous permet de donner accès aux statistiques en lecture simple « Afficher les rapports uniquement » ou de changer la configuration GA « Administrateur du compte » (il peut y avoir plusieurs administrateurs).

Vérification !