Modifier image sous-catégorie.

[mik-hey]

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

[2FR3]

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.

[mik-hey]

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.

 

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

 

encore une fois, merci pour votre aide.

[2FR3]

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 September 23, 2015 by 2FR3 (see edit history)

[Julien64]

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

[lycene]

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