Structure de ma page d'accueil

[kenmusotensai]

Bonjour à tous,

 

Je suis en train de découvrir Prestashop et je trouve ça très sympa.

La prise en main est très rapide mais j'ai des soucis pour la personnalisation.

J'espère vraiment que vous pourrez m'aider.

Je précise que j'ai l'intention de démarrer ma boutique aves PS 1.6.0.6 .

 

Voilà ce que j'aimerais faire.

Sur la page d'accueil, entre autres sliders et blocs de contenu, je voudrais la structure suivante:

 

- une bannière pour introduire une catégorie

- puis des sliders les uns en dessous des autres montrant les produits des différentes sous-catégories

- une autre bannière introduisant une autre catégorie

- puis d'autres sliders montrant les produits des sous-catégories correspondantes

...etc même chose pour toutes les catégories

 

Alors j'ai déjà regardé comment marchent certains thèmes mais je n'arrive pas à faire ce que je veux.

J'ai vu un module qui permet d'afficher les produits de chaque catégorie désirée dans des sliders différents. Mais on ne peut pas ajouter de bannières entre les sliders.

 

Alors j'ai cherché des solutions:

- modifier le module en offrant le choix d'afficher ou non une bannière au-dessus du titre des catégories. Mais premièrement, je ne sais pas le faire. Et deuxièmement, un module qui afficherait un grand nombre de sliders ne mettrait-il pas trop longtemps à se charger ? Ne vaut-il pas mieux séparer en plusieurs parties ?

- Ce qui m'amène à la deuxième solution. Créer un point d'accroche supplémentaire et y greffer le module. Puis répéter l'opération autant de fois que nécessaire. Je ne sais pas le faire non plus mais ce serait un peu fastidieux si je dois faire ça à chaque fois que j'ajoute une catégorie.

- Il y a aussi l'option de dupliquer le module avec des noms différents pour l'afficher autant de fois que je veux sur le même point d'accroche. Mais ça, ça implique de toucher aux fichiers php et tpl et je ne sais pas comment faire.

 

Voilà donc où j'en suis. Il y a certainement une solution à laquelle je n'ai pas pensé vu mon faible niveau. Toute suggestion est la bienvenue.

Si vous pouvez m'aider, je vous serais très reconnaissant.

 

Merci d'avance

[Olivier CLEMENCE]

Bonjour,

alors je n'ai pas encore beaucoup travailler avec PS 1.6 mais je penses pas que ce soit possible à faire sans module (ou sans connaissance en développement).

 

Pour 1.5 j'ai des modules sur ma boutique (http://www.store-opart.fr/) qui permettrai de le faire (multi html block) et (slide show).

Je n'ai pas encore eu le temps de les tester sur 1.6 (c'est prévu pour demain) mais certain client les ont déjà utilisé avec succès donc... ils doivent être compatible .

 

Cependant en effet attention au temps de chargement il va falloir bien optimiser tes images (et idéalement utiliser les CDN pour optimiser tous ça).

[kenmusotensai]

Bonjour,

 

Merci beaucoup pour ta réponse !

 

J'ai donc trouvé un thème sympa que je pense acheter. Parmi les modules de ce thème, il y en a un qui permet d'afficher un slider pour chaque catégorie. J'ai contacté le développeur qui m'a dit qu'il suffisait de customiser le module en question et qu'il m'expliquerait comment faire une fois que j'aurais acheté le thème.

Au vu des commentaires sur ce développeur, je pense qu'il est sérieux donc je vais sûrement me laisser tenter.

 

Grâce à ton intervention, j'ai pu apprendre quelque chose. En effet, je n'avais jamais entendu parler des CDN.

J'ai fait des petites recherches à ce sujet et j'ai vu que dans certains cas, les pages s'affichent moins vite avec les CDN. J'imagine que c'est du cas par cas donc je verrai quand j'en serai là.

 

Sinon tu parles d'optimiser les images. Pourrais-tu me m'expliquer comment il faut s'y prendre. Je pensais qu'il suffisait de donner une image de la meilleure qualité possible à Prestashop et qu'il se débrouillait tout seul pour créer les images qu'il utilise (small, medium, large,...)

 

Merci d'avance ^^

[Olivier CLEMENCE]

Pour les CDN ça arrive en effet que ça ralentisse mais ce sont des cas plutôt rare.

J'ai rédigé un article expliquant quelles optimisations on peut mettre en place avec Prestashop: http://blog.manit4c.com/2013/07/08/optimisation-des-performances-de-prestashop/

(il y en a bien sûr d'autres mais c'est déjà un bon début).

 

Tu y trouvera des explications sur les CDN, dans tous les cas si jamais tu trouve que sa ralentit ton site c'est très simple à désactiver dans prestashop.

 

Pour les images tu trouvera aussi quelques explications dans mon articles.

 

Tu as raison sur le fait que prestashop va redimensionner les images (et donc réduire leur poids) mais il est possible de gagner encore en utilisant certain outil et en dégradant la qualité (ce qui ne se voit pas forcément à l'oeil). Ca prestashop ne sait pas le faire de lui même.

[herby]

Optimisation images

 

L'optimisation images, est l'action de réduire le poids (KB) d'une image avec une taille donnée (dimension x, y) sans trop affecter sa qualité (éviter les artéfacts), il existe des systèmes d'optimisations Lossless (sans dégradations), ils ont généralement pas très conviviaux (Batch DOS).

Deux images de même taille (x, y) n'ont pas forcément le même poids, cela dépend de leurs profondeurs (8-16-32 bit), du nombre de couleurs, des meta, etc.

Ratio poids-qualité

C'est à toi de juger et d'évaluer le ratio qualité-poids, il n'y a pas de règles, chaque image "réagit" à la compression selon sa composition (coul, taille, etc ...

Si tu veux de la qualité, et c'est bien, tu dois expérimenter pour trouver le meilleur compromis sans trop dégrader ton image.
Mets l'original côte à côte avec l'image optimisée, zoom, compares et ajustes la compression si nécessaire.
Echantillonnes plusieurs images, calcules une moyenne de compression (pour-cent) pour ton traitement par lot.

Sous Presashop, 4 formats de base sont utilisés *.ico, *.png, *.jpg, *.gif

*.ico 256 max coul. avec ou sans transp.
*.png (8 bit) max 256 coul. avec ou sans transp.
*.png (24 bit) millions coul. avec ou sans transp, poids plus élevé
*.jpg (8bit) millions coul. sans transp.
*.gif (8 bit) max 256 coul. avec ou sans transp.

Si tu utilises Paint.net, tu trouveras des outils (plugins) sur le site du dit logiciel pour optimiser tes images en lots (Batch).
Si tu connais pas, Paint.net s'utilise comme Photoshop en plus simple et c'est gratuit, tu travailles avec des calques comme sous PS,  il est doté de filtres (flou, bruit, effets divers, etc.). Paint.net reconnais les 4 formats images de base Prestashop.

Si tu travaille sous PhotoShop -> menu fichier -> enregistrer pour le web->choisir format, pourcentage qualité, etc...

Si tu as 200 images à optimiser 3 solutions :

 

• créer un script->menu fenêtre -> cocher pour afficher l'onglet -> réfléchir comment et créer son script, utilisable à l'infini, script modifiable, adaptable en tous temps
• traitement par lot -> menu fichier -> automatisation -> traitement par lot, auquel tu peux coupler un script
• créer un Droplet -> menu fichier -> automatisation -> créer un droplet, utilisable à l'infini

Ces trois fonctions sont incluses dans l'outil de base (PhotoShop CS).

Lire la doc Adobe PS à ce sujet, prise en main rapide.

 

Tu te régaleras et gagneras un temps considérable, les possibilités sont infinies.

Painter de Corel à des fonctions similaires et reconnait le format natif PhotoShop *.psd en lecture et écriture.

Lightroom permet l'export en lot pour le WEB à petit budget

Il existe d'autres logiciels comme Paintshop, etc... je laisse la place aux spécialistes pour expliquer ces programmes ...
Pour l'édition Icon / Greenfish Icon, simple et bien
 

[kenmusotensai]

Bonjour ^^

 

Un grand merci à vous pour toutes ces infos !

J'ai beaucoup de choses à apprendre mais c'est très intéressant.

[kenmusotensai]

Bonjour ^^

 

Je reviens vers vous avec une nouvelle question

 

J'aimerais modifier la taille de mes images. J'ai vu que ça se règle dans préférences/images mais j'ai un petit souci.

Pour les featured products, les images sont toutes petites. Ça ne vient pas de mon thème puisque ça le fait également sur la boutique par défaut de PS 1.6.

Je peux réduire la taille autant que je veux mais je n'arrive pas à l'augmenter. Je précise que j'ai essayé de vider le cache dans le BO de PS.

Dans PS 1.5.6.2, je pouvais régler la taille comme je voulais, mais là je ne trouve pas la solution.

 

J'ai vu que d'autres personnes semblent avoir ce problème avec PS 1.6.

Auriez-vous une idée d'où ça peut venir ?

 

Merci d'avance !

[kenmusotensai]

Bonjour à tous !

 

Même si je ne peux pas l'expliquer, j'ai résolu mon problème

Voilà quand même ce que j'ai fait:

- J'ai changé de module featured products. J'ai utilisé celui de mon thème (étonnant qu'il n'était pas utilisé mais bon...)

- J'ai changé le module de hook.

 

Le deuxième point m'amène à une question.

Est-ce que la taille des images et le type d'affichage peuvent varier en fonction du hook ?

 

Sur ma page d'accueil, j'ai 2 hooks, HomeSecondaryLeft et HomeSecondaryRight.

Si je met par exemple les meilleures ventes sur le left et les promos sur le right, les meilleures ventes s'afficheront sur une ligne qui prend environ 3/4 de la largeur de la page. Et les promos s'afficheront dans le quart restant sous forme de liste verticale.

Je précise que les 2 modules s'affichent sur la même ligne côte à côte.

 

J'ai également 2 autres hook, HomeTertiaryLeft et HomeTertiaryRight.

Avec la même config que ci-dessus, les produits s'affichent sur la même ligne sous la même forme (fini la liste verticale) et chaque module prend la moitié de l'écran.

 

Je suis arrivé au résultat escompté mais j'aime bien comprendre ce que je fais donc si vous avez une idée à propos de ça, faites moi signe ^^

 

Merci à vous !