Jump to content
mik-hey

Modifier image sous-catégorie.

Recommended Posts

Bonjour à tous.

 

Voici mon premier post sur ce forum.

 

Je suis en cours de déploiement de ma boutique sous Presta 1.6.1.0 et, pour information, je ne suis ni codeur ni développeur.

En revanche je sais copier/coller du code dans les fichiers .php si besoin, bref, je débute !

 

J’aimerais donc remplacer les images sous-catégories (qui sont en fait un resize en 125x125 des images catégories) par une image de mon choix que j’irais uploader sur mon serveur FTP.

 

J’ai identifié, à peu près, l’endroit dans le fichier category.tpl.

Je vois que la ligne suivante appelle l’image medium_default pour la redimensionner en 125x125.

                  <div class="subcategory-image">
                        <a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}" title="{$subcategory.name|escape:'html':'UTF-8'}" class="img">
                        {if $subcategory.id_image}
                            <img class="replace-2x" src="{$link->getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'medium_default')|escape:'html':'UTF-8'}" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />
                        {else}
                            <img class="replace-2x" src="{$img_cat_dir}default-medium_default.jpg" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />
                        {/if}
                    </a>
                       </div>

Et l’interprétation html avec Firebug donne ceci :

<div class="subcategory-image">
<a class="img" title="Établis KREG" href="http://www.easytools.fr/16-etablis-kreg">
<img class="replace-2x" width="125" height="125" alt="" src="http://www.easytools.fr/c/16-medium_default/etablis-kreg.jpg">

Pouvez-vous svp m’aider à remplacer cette foutue image de sous-catégorie qui est bien moche en passant du 915x132 au 125x125 !

Merci à tous pour votre aide.

 

Mik-hey

Share this post


Link to post
Share on other sites

Salut,

 

Il y a plusieurs solutions, au debut j'avais retenu une solution CSS qui consistait a envoyer une image carré et la placer a gauche et aligné le texte a droite pour la description. J'obtenais ainsi des image de sous cat parfaitement carré.

 

Une autre que je n'avais pas testée par manque d'experience mais qui me semble parfaite pour vous, serait de creer un nouveau format d'image dans l'admin/preferences/images en 125x125 par exemple (bien coché que les pour les categories) et de modifier :

<img class="replace-2x" src="{$img_cat_dir}default-medium_default.jpg" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />

default-medium_default.jpg par votre nouveau format.

 

Evidement, il vous faudra régénérer vos images de categories pour creer ce nouveau format d'image pour les categories deja existante.

Share this post


Link to post
Share on other sites

Bonjour 2FR3,

 

Et merci pour ta réponse.

Cependant, avec cette méthode mes images de catégories vont être modifiées.

Hors, ce que je souhaites, c'est conserver l'image en 915x132 pour la catégorie, et avoir un autre visuel, en 125x125 lorsque cette catégorie est affichée en sous-catégorie.

 

Je ne sais pas, en fait, si j'emploie les bons mots et j'espère que je ne suis pas "brouillon" dans mes explications.

Allez, je tente un screenshot:

image 1, la sous-catégorie avec l'image de catégorie redimensionnée et que j'aimerai sremplacer par une image différente.

1.jpg

 

Image 2, l'imag ede catégorie que je souhaites conserver en l'état.

2.jpg

 

encore une fois, merci pour votre aide.

Share this post


Link to post
Share on other sites

Oui j'avoue, j'avais pas assez réfléchi, l'image de base reste toujours rectangulaire ^^, désolé !

 

Au final, moi, j'ai acheté un p'tit module qui prend une image produit au pif de la sous cat. Pour moi cela reste pertinent mais répond pas a votre question :s

Edited by 2FR3 (see edit history)

Share this post


Link to post
Share on other sites

Bonjour,

 

J'ai déjà été confronté à ce type de mise en page.
Ma solution a été de garder les images de catégorie native de Prestashop en format carré pour les sous-catégories et de ne pas afficher cette image sur le fichier category.tpl. Il suffit ensuite d'insérer votre image au format paysage directement dans le champs description de la catégorie, avant votre texte ;)

Share this post


Link to post
Share on other sites

Merci Julien pour cette solution simple, j'ai passé un temps fou à chercher comment récupérer le code des miniatures du blocktopmenu.

 

Pourtant il devait bien y avoir un moyen dans une ancienne version d'avoir deux images pour une sous-cat, une carrée affichée sur la cat parente et une rectangulaire en haut de la page de la sous-cat elle-même. D'ailleurs on le voit ici :

 

http://blogs.lyceecfadumene.fr/informatique/files/2014/11/Prestashop.pdf

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

×
×
  • Create New...

Important Information

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