Le Blog



[Prestashop] Comment cacher l'image d'une catégorie
Thursday, 23 Jun 2011 23:26
Bonjour à tous,

Lorsque l'on clique sur une catégorie, il y a, avant la liste des produits, une image que l'on peut modifier depuis l'onglet "catalogue" puis éditez la catégorie en question.

Cette image s'affiche également s'il l'on clique sur le titre/lien du bloque 'catégorie', qui est par défaut le mot "catégorie". On retrouve toutes les images des catégories.

Il n'y a pas de paramètre qui permet d'avoir l'image d'une catégorie, uniquement lorsque l'on clique sur le titre/lien du boque catégorie.

Dans mon cas, je ne voulais pas que cette image s'affiche avant la liste des produits (en cliquant donc sur une catégorie pour afficher ses produits. (J'espère me faire comprendre :o) )

Pour résoudre se problème, j'ai édité la page /themes/[votre_theme]/categoty.tpl. En suite j'ai commenté les lignes suivantes:

Ligne 50 (Pour faire cacher l'image):

<div class="align_center">
   <img src="{$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category')}" alt="{$category->name|escape:'htmlall':'UTF-8'}" title="{$category->name|escape:'htmlall':'UTF-8'}" id="categoryImage" width="{$categorySize.width}" height="{$categorySize.height}" />
</div>

Ligne 57 (Pour faire cacher le commentaire de la catégorie) :

<div class="cat_desc">{$category->description}</div>

Voilà, j'espère que vous m'avez compris :o)

Commentaire:
tomate
#1
Saturday - 29 October 2011 16:41
salut, je veux faire la même chose mais je ne comprends pas trop...
ces lignes je les ai dans category.tpl de mon thème; il faut les supprimer?? est ce que j'ai loupé un passage??
Hello Web!
#2
Sunday - 30 October 2011 10:07
Salut,
Oui essaye de commenter ces lignes et regade ce qu'il se passe.
Moi j'ai toujours du mal à "effacer", j'aime mieux garder l'orignal en le mettant en commentaire, ce qui me permets de revenir en arrière si je me trompe, ou tout simplement si je veux réactiver ce truc.
Guillaume
#3
Sunday - 8 January 2012 18:57
Bonjour,
j ai effacer les lignes correspondantes mais les images sont toujours la.
voila ce qui me reste de mon fichier contact.tpl :
{include file="$tpl_dir./breadcrumb.tpl"}
{include file="$tpl_dir./errors.tpl"}

{if isset($category)}
{if $category->id AND $category->active}
<h1>{strip}
{$category->name|escape:'htmlall':'UTF-8'}
<span>
{if $category->id == 1 OR $nb_products == 0}{l s='-There are no products.'}
{else}
{if $nb_products == 1}{l s='-There is'}{else}{l s='-There are'}{/if} 
{$nb_products} 
{if $nb_products == 1}{l s='product.'}{else}{l s='products.'}{/if}
{/if}
</span>{/strip}
</h1>


{if $category->description}
<div class="cat_desc">{$category->description}</div>


</div>
{/if}

{if $products}
{include file="$tpl_dir./product-compare.tpl"}
{include file="$tpl_dir./product-sort.tpl"}
{include file="$tpl_dir./product-list.tpl" products=$products}
{include file="$tpl_dir./product-compare.tpl"}
{include file="$tpl_dir./pagination.tpl"}
{elseif !isset($subcategories)}
<p class="warning">{l s='There are no products in this category.'}</p>
{/if}
{elseif $category->id}
<p class="warning">{l s='This category is currently unavailable.'}</p>
{/if}
{/if}

Pouvez vous m aider merci

Prestashop 1.4.5.1
Hello Web
#4
Tuesday - 10 January 2012 19:23
Hello,
Je ne comprends pas ton problème. Dans mon exemple, il s'agit du fichier categoty.tpl
Je ne supprimerai pas les lignes en question, mets les en commentaires, pour commencer.
Simon
#5
Tuesday - 27 March 2012 16:06
Un grand merci cela fonctionne parfaitement
sandrine
#6
Monday - 23 April 2012 10:02
Bonjour,
Je suis novice en la matiere et j'aimerais ne pas afficher les images des categories sur la liste produits de la ctaegorie...je comprends que j'ai ici la solution mais je ne sais pas ce que veut dire "commenter la ligne"...et n'arrive pas à trouver sur internet comment faire ...
Quelqu'un peut-il juste reprendre la ligne à modifier sur le fichier category.tpl et me mettre en rouge par exemple ce que je dois ajouter...

Un grand Merci d'avance...
Hello Web
#7
Monday - 23 April 2012 22:55
Ben commenter c'est ca
<!-- <div class="cat_desc">{$category->description}</div> -->.

ou

<!--
<div class="align_center">
<img src="{$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category')}" alt="{$category->name|escape:'htmlall':'UTF-8'}" title="{$category->name|escape:'htmlall':'UTF-8'}" id="categoryImage" width="{$categorySize.width}" height="{$categorySize.height}" />
</div>
-->

Mais tu peux aussi ne pas mettre d'image dans ta categorie (depuis le backoffice). Mais si tu commentes ces parties, tu es sûre que j'amais l'image s'ffichera, particulièrement, si toi ou un autre collègue en ajoute une, intentionnellement.
sandrine
#8
Tuesday - 24 April 2012 10:31
Merci pour cette réponse rapide...

J'ai essayé et cela marche...Un grand merci: j'ai l'impression d'être devenue une super crack en programmation!!

Merci encore!
sharane
#9
Monday - 29 April 2013 18:57
Bonjour,
Je viens de voir la réponse d'Hello Web pour le commentaire. On peut effectivement faire comme il dit mais le plus propre et pour respecter le code smarty, le mieux est de comment comme ceci {* ... *}
De cette façon on ne voit pas du tout le code dans le html
Kat de Paris
#10
Wednesday - 3 December 2014 19:55
Hello,
Merci beaucoup pour cette astuce.
Dans Presta 1.6.0.9 je voulais ne pas afficher la grande image des catégories tout en laissant les petites images des sous-catégorie.
Dans le fichier "category.tpl" j'ai commenté ainsi :

<!-- Category image -->
{if $category->id_image}
{* * <div class="align_center">
* <div data-src="{$link->getCatImageLink($category->link_rewrite, $category->id_image, '{width}')|escape:'html'}" data-alt="{$category->name|escape:'htmlall':'UTF-8'}" class="js-cat-img" dataid="categoryImage"></div>
* </div> *}
{/if}

Et ça marche très bien, je n'ai plus la grande image, tout en ayant les vignettes des sous-catégories.
Merci encore !
Laisser un commentaire
* Nom
* Email (ne sera pas affiché)
*
Quel est le caractère à la position 9 ?
tSbvMfCBFK
Réponse :
* Anti-spam
* - Champs obligatoire