Dimensions des images des modules Déjà Vu et Nouveau Produits via les CSS ?

[Reflecteed]

Bonjour à tous,

 

Je voudrais donner via les CSS des dimensions spécifiques aux images qui sont affichées dans les modules DERNIERS PRODUITS VUS (blockviewed) et NOUVEAUX PRODUITS (blocknewproducts) et ce quelles que soient les dimensions des images small_default (puisque c’est à ces images que ces modules font appel) qui ont été enregistrées.

 

Exemple :

1 – Je paramètre mes images small_default à 200 x 200 px (au lieu des 98 x 98 px) via le menu Préférences – Images

 

2 – J’uploade mes images produits et mes images small_default sont donc redimensionnées par Prestashop en 200 x 200 px (les images sont donc beaucoup plus nettes qu’en 98 x 98 …) et sont stockées dans le dossier img p

 

3 – Quelles sont les règles CSS à enregistrer pour que les images small_default qui sont utilisées par les modules DERNIERS PRODUITS VUS et NOUVEAUX PRODUITS soient affichées en 98 x 98 px alors qu'elles sont enregistrées en 200 x 200 px (pour une question de netteté) ?

 

Je suppose que ça se passe dans ces fichiers-là : blocknewproducts.css    -      blockviewed.css

 

Merci d'avance à celles et ceux qui voudront bien partager leurs savoir, pistes, idées ...

Edited March 18, 2015 by Reflecteed (see edit history)

[Alexandre Carette]

Bonjour, je ne te recommande pas de faire ca si tu veux être bien noté dans gtmetrix. Pour plus de netteté applique un taux de compression à 100 plutôt.

[Reflecteed]

Bonjour, je ne te recommande pas de faire ca si tu veux être bien noté dans gtmetrix. Pour plus de netteté applique un taux de compression à 100 plutôt.

 

Merci Alexandre pour ce conseil. J'ai bien conscience que cela aura un impact sur la vitesse de mon site. Mais la netteté des images aura aussi un impact sur les décisions d'achat des clients. Probablement qu'il faudra que je fasse des tests pour voir ce qui convertit le mieux.

 

Et pour ça, il faut que je puisse réussir à mettre en place ce que je cherche à faire.

 

Je viens de tester quelques lignes dans les CSS des modules concernés mais pour l'instant ça ne donne rien. Je continue à chercher. Si quelqu'un à une piste ...

[Alexandre Carette]

Dans le tpl blockviewed, ton_theme/modules/blockviewed/blockviewed.tpl on a ligne 34

<img src="{if isset($viewedProduct->id_image) && $viewedProduct->id_image}{$link->getImageLink($viewedProduct->link_rewrite, $viewedProduct->cover, 'medium_default')}{else}{$img_prod_dir}{$lang_iso}-default-medium_default.jpg{/if}" alt="{$viewedProduct->legend|escape:html:'UTF-8'}" title="{$viewedProduct->legend|escape:html:'UTF-8'}"/>

tu remplaces par

<img src="{if isset($viewedProduct->id_image) && $viewedProduct->id_image}{$link->getImageLink($viewedProduct->link_rewrite, $viewedProduct->cover, 'small_default')}{else}{$img_prod_dir}{$lang_iso}-default-small_default.jpg{/if}" alt="{$viewedProduct->legend|escape:html:'UTF-8'}" width="98" height="98" title="{$viewedProduct->legend|escape:html:'UTF-8'}"/>

même principe sur l'autre tpl de module

[Reflecteed]

Dans le tpl blockviewed, ton_theme/modules/blockviewed/blockviewed.tpl on a ligne 34

<img src="{if isset($viewedProduct->id_image) && $viewedProduct->id_image}{$link->getImageLink($viewedProduct->link_rewrite, $viewedProduct->cover, 'medium_default')}{else}{$img_prod_dir}{$lang_iso}-default-medium_default.jpg{/if}" alt="{$viewedProduct->legend|escape:html:'UTF-8'}" title="{$viewedProduct->legend|escape:html:'UTF-8'}"/>

tu remplaces par

<img src="{if isset($viewedProduct->id_image) && $viewedProduct->id_image}{$link->getImageLink($viewedProduct->link_rewrite, $viewedProduct->cover, 'small_default')}{else}{$img_prod_dir}{$lang_iso}-default-small_default.jpg{/if}" alt="{$viewedProduct->legend|escape:html:'UTF-8'}" width="98" height="98" title="{$viewedProduct->legend|escape:html:'UTF-8'}"/>

même principe sur l'autre tpl de module

 

 

Merci Alexandre,

 

Je teste ça demain et je te dis.

[Reflecteed]

Bonjour Alexandre,

 

Désolé de ma réponse tardive. J'étais occupé par ailleurs.

 

Je viens de faire le test en suivant tes indications mais mais les images s'affichent toujours dans le format dans lequel elles sont enregistrées dans le dossier img p (c'est à dire le format small_default que j'avais paramétré à 200 x 200. 

 

Dans le menu Paramètres Avancés - Performances, j'ai coché "Forcé la compilation à chaque appel" de manière à ce que Prestashop prenne bien en compte les modifications que j'apporte sur les tpl.

 

Aurais-tu une autre piste ? Les CSS peut-être ?

 

Merci en tous cas.

[Alexandre Carette]

Bonsoir,

Dans le bo /performance tu as un bouton en haut a droite qui te permet de vider le cache de prestashop. Vide aussi le cache de ton navigateur.