background preloader

Prestashop

Facebook Twitter

Optimiser Prestashop en temps de chargement. Un site Prestashop comme tout autre cms génère beaucoup de requêtes SQL et ne met pas forcément en cache tous les fichiers de vos modules par exemple.

Optimiser Prestashop en temps de chargement

Dans cette exemple nous allons utiliser et PageSpeed un outil de Google pour les développeurs. Tout d'abord nous allons activer le "débogage" de Prestashop qui nous donnera tout un tas d'informations précieuses pour commencer notre optimisation. Pour faire cela commencez par mettre votre boutique en maintenance, si vous ne le faites pas c'est un peu comme être sur vos toilettes confortablement assis devant des inconnus qui vous regardent alors qu'ils n'ont rien à foutre là.

Cette image veut dire que vous allez montrer sur toutes vos pages web des données sensibles (requêtes Sql, temps de chargement etc...) que vous ne souhaitez pas donner au premier venu. define('_PS_DEBUG_PROFILING_', true); Rafraichissez votre page pour voir les informations de débogage Prestashop en bas de page. Load time: 6.39s You'd better run your shop on a toaster. FancyBox - Fancy jQuery Lightbox Alternative. What's new Version 2 is completely rewritten with new features and updated graphics.

fancyBox - Fancy jQuery Lightbox Alternative

Notable changes Extendable using helpers Responsive (try resizing window while fancyBox is open) Integrated slideshow New gallery transitions Uses CSS3 (shadows, round corners) Updated plugin options (not compatible with previous versions) Now licensed under Creative Commons Attribution-NonCommercial 3.0 Instructions Download the plugin, unzip it, copy files and include fancyBox script and stylesheet in your document (you will need to make sure the css and js files are on your server, and adjust the paths in the script and link tag).

Générateur de module - PrestaEdit.com. PrestaShop - Validator. Smarty et Prestashop : La liste des variables globales utiles ! Prestashop a intégré par défaut dans votre boutique, des variables smarty qui vous seront très utiles lorsque vous effectuerez un développement spécifique dans votre boutique.

Smarty et Prestashop : La liste des variables globales utiles !

Et voici, pour vous, la liste de ces précieuses variables ! {$base_dir} Url de votre site web, racine du site. Utile et indispensable lorsque vous insérez des liens, je déconseille fortement de mettre des liens en dur directement dans votre code mais plutôt d’utilisez cette variable et toute les autres qui suivent, car le jour où vous migrez d’hébergement ou de nom de domaine, cela pourrait vous causer beaucoup de problèmes.

{$base_dir_ssl} Idem via le protocol https. {$content_dir} Url vers votre dossier racine du site, peut changer en fonction des paramètres SSL. {$img_ps_dir} Url vers le dossier img situé à la racine de votre boutique. What you need to know about PrestaShop and GitHub. For those of you who may not know, PrestaShop recently migrated to GitHub in an effort to strengthen our solution and perpetuate our vision of what it means to be open-source. GitHub provides a platform for our Community to review PrestaShop’s code, make improvements, and then submit those improvements for review. Over the past few weeks, the GitHub Community has “liked” PrestaShop more than 140 times and forked our solution more than 80.

To us, these numbers underline the unyielding commitment you’ve all shown, and with your continued support, together we can make the world’s best open-source e-commerce solution even better. Before we continue, the entire PrestaShop team would like to say thanks. Without the continued effort and commitment from users like you, we wouldn’t be nearly as successful as we are today. FbFriends. FbFriends is a jQuery plugin for picking Facebook friends from a dialog.

FbFriends

The Basics Requirements jQueryA reference to the FB SDK JSThe FbFrinds JS file and modifiable CSS fileThe CSS references a loading animation which you may or may not wantSome kind of JS library for providing a dialog, such as Bootstrap or jQuery UI Basic Usage Put a div into a section of the DOM that we can create a dialog out of. <div class="modal hide" role="dialog"><div class="modal-header"><button class="close" data-dismiss="modal" type="button" aria-hidden="true">&times;</button><h3>Select a Friend</h3></div><div class="modal-body"><!

Prestarocket : thèmes Prestashop responsive et modules premiums. Dans de nombreux sites e-commerce, l’utilisateur peut afficher la liste des produits sous forme de liste ou de grille.

Prestarocket : thèmes Prestashop responsive et modules premiums

La vue liste dispose en général de plus d’informations que la vue grille. Sur Prestashop, il n’y a pas d’option permettant à l’internaute de choisir entre une vue grille ou une vue liste (contrairement à Magento…) Pour proposer ces 2 options, nous allons modifier plusieurs fichiers de notre thème Prestashop. Il existe des modules Prestashop gratuits ou payants, mais tout comme sur WordPress, je préfère modifier le thème plutôt que d’ajouter une multitude de plugins. Nous travaillerons sur le template Prestashop 1.4.5 et utiliserons un plugin jquery pour gérer les cookies : jquery.cookie.js Les fichiers du thème à modifier sont : Fichiers tpl :