Jump to content

Comment modifier la taille des images de sous-catégories ?


Recommended Posts

Bonjour,

 

Je voudrais modifier la taille des images de sous catégories 

D'origine dans préférences c'est l'image medium_default 125px X 125px 

 

Sur la boutique elle sont redimensionné en 108px X 125px  :wacko:

 

Pour commencer pourquoi retailler les images en largeur alors que chaque sous catégories prend l'image bandeau (rectangle de 870X217) d'une categorie qui se verront mieux en longueur ….

 

Ou peut-on modifier dans le code ce redimensionnement automatique uniquement pour les sous catégories ?

Afin d'avoir par exemple, une image plus grande mais en rectangle, qui correspondra plus  au bandeaux de la catégorie...

 

J'ai tenté de modifier dans préférences images --> medium_default mais elle est de toute facon retaillé en 108X 250 si je met 250X250 et ce n'est pas ce que je souhaite…. 

 

 

J'espère avoir bien expliqué le problème qui d'après moi intéressera surement d'autre personne qui voudront mieux personnaliser les images de sous catégories et les rendre visuellement plus grande… 

 

Merci d'avance de votre soutien... B)

 

  • Like 1

Share this post


Link to post
Share on other sites

J'ai le même questionnement, javais d'ailleurs ouvert un Topic récemment.

 

Même en recréant une taille d'image Catégorie, je ne parvenais pas à changer leurs tailles...

 

 

PS: on va croire que je dénigre la 1.6...alors qu'au contraire j'ai hâte de la faire tourner en prod !!!

Edited by Ma Peinture Meuble (see edit history)

Share this post


Link to post
Share on other sites

Mais non ça dénigre pas la 1.6; ça l'améliore, ça contribue, ça pose les questions pas encore posés, et ça servira a la communauté.....

 

Donc c'est déjà cool que quelqu'un se pose la même question que moi ...

Jtouche un peu CSS HTML etc mais la j'avoue que je reste bloqué avec ses images de sous catégories :wacko:

 

Alors si y'en a qui ont la solution .... Ont est preneur  !! B)  

Edited by lokiiy (see edit history)

Share this post


Link to post
Share on other sites

ca se trouve comme dans les versions precedentes,

dans Preferences >> images.....

Et là, surprises, tu as toutes les dimensions de tes images..

Apres, il ne faut pas oublié de vider le cache, et hop.. c parti
 

J espere avoir repondu a ta question.

Bon courage.

Share this post


Link to post
Share on other sites

Bonsoir,

 

Merci pour votre réponse !

 

Moi j'ai toujours un soucis de redimensionnement !

 

Regardez l'image lorsque je change la taille catégorie à 250 x 250 px.

 

J'ai régénéré et vider le cache et désactivé smarty !

 

Avez-vous une solution svp ?

 

Merci

post-405382-0-85169800-1395358311_thumb.jpg

Share this post


Link to post
Share on other sites

ca se trouve comme dans les versions precedentes,

dans Preferences >> images.....

Et là, surprises, tu as toutes les dimensions de tes images..

Apres, il ne faut pas oublié de vider le cache, et hop.. c parti

 

Ont dirait presque une réponse pour un bleu !! lol Je rigole 

Aussi si tu lis bien mon premier post j'a i bien dis que j'ai modifier dans préférences images --> medium_default mais elle est de toute facon retaillé en 108X 250 si je met 250X250 et ce n'est pas ce que je souhaite…. 

 

Donc pour le chemin je connais ... Je rencontre exactement le soucis de Ma Peinture Meuble sur son image... Problème nettement visible ....

Et à mon avis BriceVanZeg si tu fais un test tu rencontrera le même problème ... Ou alors c'est que tu as la solution à notre problème ;)

 

Mais merci quand même d'avoir participé !!  :ph34r:

Edited by lokiiy (see edit history)

Share this post


Link to post
Share on other sites

Bon j'ai remis du coup les sous catégories en mode illisible soit en 250px X 250px .... j'ai bien fait régénéré  B)  cache prestashop vidé dossier compil et meme le cache navigateur ... Bon jvais pas redémarrer la machine quand même  :huh:

 

Donc visuel également ci dessous afin qu'on pige mieux le vrai soucis :

 

304072Capturedcran20140321005002.png

 

Est ce que le problème est mieux vuuuuuuuueeeeeee  B)

Share this post


Link to post
Share on other sites

Je viens de faire un test.. malgré que ce n est pas mon probleme..!
Mais en vain.. effectivement, doit y avoir une coquille dans le css
A essayer la soluce de ma peinture meuble.

J vais continuer a repondre au bleu, uniquement.! lol. :P

Share this post


Link to post
Share on other sites

Effectivement il y a aussi de toute façon un problème entre l'image de la catégorie qui est redimmensionné automatiquement pour l'image de la sous catégorie à la taille indiqué dans les paramètres images.... 

 

Il y à aussi un autre soucis sur lesquels ont peut pas intervenir directement c'est que quand l'image est redimmensionné elle est automatiquement en JPG .... Moi je veux du PNG ... Et c'est la aussi que ca coince ....

 

Pour ne pas que ca coince faudrait pouvoir choisir comme dans une fiche produits d'inserer une image pour une catégorie 

Share this post


Link to post
Share on other sites

Sous catégorie en 250 X 250 --> image régénéré 

 

304072Capturedcran20140321005002.png

 

Sous catégorie après modif CSS comme ci dessous : 

categorie.css---> ligne 50

#subcategories ul li {
      float: left;
      width: 250px;
      margin: 0 0 80px 20px;
      text-align: center;
      height: 250px; }

Ca donne ça: 

Un peu mieux déjà mais ca règle pas le soucis

 

115284SousCategorie.png

 

Surtout quand je voie que au final l'image sous-catégories fait 125x125 ( comme ci-dessous ) alors qu'il lui était demandé 250x250 et qu'elle vient d'une image qui elle fait 870x217...

5-medium_default.jpg<------Et le gros problème reste aussi ce blanc qui est du JPG tout autour (sert à rien) sauf si ton fond est blanc

 

Est ce que la TEAM PRESTASHOP comprend le dilemme ???

Merci d'avance de votre soutien 

Edited by lokiiy (see edit history)

Share this post


Link to post
Share on other sites

Jveux aussi signaler un autre soucis vue que je suis dans le sujet des images 

Lors de la création d'un transporteur et du choix d'un logo exemple: colissimo recommandé

 

L'image choisi ne reste pas en PNG malgrès que dans les préférences images il soit coché toujours choisir PNG

 

Je ne rencontre pas de problème pour les produits par exemple, ils restent en PNG et je garde ma transparence  

 

Merci d'avance de vos soutiens

Share this post


Link to post
Share on other sites

  • 2 months later...

Bonjour,

je ne sais pas si vous avez trouvé la solution, mais dans un topic ouvert hier une partie de la solution m'a été donnée.
Vous pouvez créé une scène pour la bannière et choisir une image spécifique pour la miniature.

http://www.prestashop.com/forums/topic/331616-miniatures-des-sous-cat%C3%A9goriesr%C3%A9solu/?do=findComment&comment=1677676

Share this post


Link to post
Share on other sites

  • 1 month later...

Bonjour,

 

Je suis tout nouveau et suis très intéressé par ces posts. Je vois que vous avez eu les mêmes problèmes que j'ai en ce moment.

A savoir, des problèmes de dimensions concernant les images "category_default 870x217" et "medium_default 125x125".

 

 

Comme le suggère "Ma peinture meuble" : Le mieux serait d'avoir deux images distinctes : une pour la miniature et une pour la catégorie !

 

Aussi comme ce n'est pas le cas et que j'ai lu vos posts, j'ai créé une scène pour les bannières... Mais cela ne change rien.

 

Si vous avez trouvé une solution, ce serait sympa de m'en faire part.

 

Merci par avance de votre aide...

Share this post


Link to post
Share on other sites

  • 2 weeks later...

Bonjour, 

 

Est ce que quelqu'un sait où se trouve le fichier pour faire ce changement:

 

Le soucis vient à mon avis du css img class="replace-2x

 

<img class="replace-2x" src="http://p4696.phpnet.org/c/4-medium_default/hauts.jpg" alt="" width="250" height="250">

 

Qu'en pensez-vous ?

 

Parce que je le cherche sans résultat, ce n'est pas du css mais un fichier .tpl ou.php

L'idée est de changer le chemin d’accès à l'image et d'en mettre un avec l'image à taille réelle. Ensuite de redimensionner le css   categorie.css---> ligne 50

Et là ça marche.

 

Merci

Edited by G.E.S. (see edit history)

Share this post


Link to post
Share on other sites

  • 3 weeks later...

Bonjour, 

 

Non pas encore. Je ne connais pas le php et du coup je n'ai pas réussi à faire correctement les changements. Donc pour l'instant je travaille sur d'autres sujet et j'y reviendrai plus tard. 

Share this post


Link to post
Share on other sites

Bonjour, 

 

En suivant les indications du lien que j'ai donné plus haut j'ai réussi à afficher mes icônes de sous catégories comme je le souhaitais.

 

Ce que j'ai fait:

 

1. ds le bo, préférences> images: ajouter une image (pour moi c'est sous_cat,  taille 196px par 196px) et régénérer les miniatures.

 

2. ds le fichier category.tpl de votre thème mettre en commentaire la ligne 48 et supprimer le </div> correspondant qui doit être vers la ligne 67 

<!-- Category image 

                    <div class="content_scene_cat_bg"{if $category->id_image} style="background:url({$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}) 0 top no-repeat; background-size:contain; min-height:{$categorySize.height}px;"{/if}> -->

ça c'est pour que l'image n'apparaisse que dans votre miniature! 

 

 

3. ds votre category.css modifier les lignes correspondant au contenant avec les valeurs width, height, margin et padding: 

#subcategories ul li ; 

#subcategories ul li .subcategory-image ; 

#subcategories ul li .subcategory-image a ; 

#subcategories ul li .subcategory-image a img .

 

4. préparer vos images avant des les importer, si vous avez choisi une forme carré vos images doivent l'être aussi. 

 

Moi j'ai préféré désactiver le cache pour faire tout ça. 

 

J'espère que ça vous aidera. 

 

Voilà ce que ça donne chez moi:

post-49658-0-00675000-1406626939_thumb.jpg

Edited by G.E.S. (see edit history)

Share this post


Link to post
Share on other sites

  • 2 weeks later...

Eh bien, en fait, vous pouvez télécharger un logiciel appelé photoshop, ce qui est très facile à utiliser morceau de logiciel, il est également très facile à utiliser, j'espère que vous pouvez aider

 

----------------------------------------------------------------------------------------------------------------

 

 
Edited by ameli (see edit history)

Share this post


Link to post
Share on other sites

  • 1 year later...

Bonjour,

Jr reprend ce topic parce que j'ai le meme problèmes: je voudrais avoir 2 images différentes ( une 125x125 pour les sous catégories) et le bandeau 870x227 comme haut de page. Si je suis le code donnè plus haut celà me supprime aussi les bandeaux des catégories et pas seulement des sous catégories.

Quelqu'un a trouvé une solution pour charger 2 images, ou a une solution pour utiliser le code pour supprimer seulement les bandeaux des sous catégories et non pas de toutes les catégories?

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More