[Résolu]Cacher image sous-sous catégorie

[canel]

Bonjour tout le monde !

Voilà mon souci, j'ai 3 niveau de catégorie sur mon site.

A l'heure actuelle lorsque je clique sur le premier niveau, j'ai la grande image représentative de la catégorie + sa description

Code correspondant :

{if $category->id_image}
 <div class="category_img">
  <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>
 {if $category->description}
 <div class="cat_desc"><span>{$category->description}</span></div>
 {/if}
 </div>
  {/if}

 

C'est impec mais je veux compliquer la chose.. Je souhaiterais cacher cette partie quand on clique sur une catégorie du dernier niveau (3).

Avez-vous une idée svp ?

 

Merci

[Divine]

Bonjour,

 

Si j'ai bien compris tu souhaites avoir ceci :

 

Catégories premier niveau : grande image + description

Catégories deuxième niveau : grande image + description

Catégories troisième niveau : pas de grande image + pas de description

 

C'est bien cela ?

Si c'est le cas tu peux juste enlever tes images et tes descriptions pour les catégories concernées dans ton back-office.

[canel]

Merci Divine, oui mais c'est pas si simple malheureusement. Par exemple quand je suis dans le 2ème niveau j'ai donc grande image + description de la catégorie en cours avec en dessous la liste des sous-catégorie (3ème niveau) avec image. Donc si je supprime les images elles n'apparaitrons plus à ce niveau là.

J'avais pensé réglé l'histoire avec un {if..} mais je ne suis pas assez doué en code pour cela...

Peut-tu m'aider ?

 

Merci

[Divine]

Ok je m'en doutais un peu

 

Donc effectivement tu peux à ce moment-là ajouter une condition. Quelque chose comme ça devrait faire l'affaire :

 

{if $category->level_depth != 3}

{if $category->id_image}
 <div class="category_img">
  <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>
 {if $category->description}
 <div class="cat_desc"><span>{$category->description}</span></div>
 {/if}
 </div>
  {/if}

{/if}

[canel]

Merci beaucoup Divine ça marche !

[Divine]

Eh bah de rien

[jujutte24]

Bonjour !

Je rebondie sur le sujet.

 

Je viens de faire un essai et de mon côté, la colonne centrale et celle de droite disparaissent ....

 

Et pensez-vous que cette "condition" pourrait marcher avec le css, de façon à ce que les images des catégories du second niveau s'affichent normalement, avec leur sous-titres, les unes à côté des autres. Mais que pour les catég de 3ème niveau les textes, qui sont donc seuls, puissent s'afficher les uns en dessous des autres...?

 

Merci

[ohoho]

Salut à vous,

 

J'aimerais aussi supprimer les images du troisième niveau donc j'ai collé ce code dans category.tpl, mais ça n'enlève pas les images souhaitées.

 

Ca double simplement l'image du second niveau de catégorie.

 

merci pour votre aide

[jujutte24]

penses à rajouter le

{/if}

 

à la fin.

sinon, ce n'est pas récursif, si tu veux supprimer les autres niveaux, il faut rajouter des :

 

{if $category->level_depth != 3}{if $category->level_depth != 4}{if $category->level_depth != 5}

 

{if $category->id_image}

<div class="category_img">

<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>

{if $category->description}

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

{/if}

</div>

{/if}

 

{/if}

{/if}

{/if}

 

Enfin, c'est comme ça que j'ai fait...

Edited September 5, 2012 by jujutte24 (see edit history)

[ohoho]

Merci jujutte24 pour ta réponse ! Je n'avais pas "follow" la conversation.

 

J'ai ajouté exactement cela, mais sans succès, il y a t-il une place particulière pour coller ce code dans category.tpl ?

 

 

{if $category->level_depth != 3}

 

{if $category->id_image}

<div class="category_img">

<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>

{if $category->description}

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

{/if}

</div>

{/if}

 

{/if}

[jujutte24]

si je me souviens bien, il y a une partie du fichier qui gère les "subcategory"

cherches bien tu devrais trouvé.

[ohoho]

Merci pour ta réponse !

 

Parles tu de cette partie ? excuses mon ignorance, mais je colle ça où ?

 

 

 

<!-- Subcategories -->

<div id="subcategories">

 

<ul class="inline_list">

{foreach from=$subcategories item=subcategory}

<li>

<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}" title="{$subcategory.name|escape:'htmlall':'UTF-8'}">

{if $subcategory.id_image}

<img src="{$link->getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'souscategorie')}" alt="" width="225" height="85" />

{else}

<img src="{$img_cat_dir}default-souscategorie.jpg" alt="" width="{$souscategorieSize.width}" height="{$souscategorieSize.height}" />

{/if}

</a>

<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}">{$subcategory.name|escape:'htmlall':'UTF-8'}</a>

 

</li>

{/foreach}

</ul>

<br class="clear"/>

</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}

[jujutte24]

Pardon, non, c'est là :

 

(...)

<!-- Scenes -->

{include file="$tpl_dir./scenes.tpl" scenes=$scenes}

{else}

<!-- Category image -->

{if $category->id_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>

{/if}

{/if}

 

{if $category->description}

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

{/if}

{if isset($subcategories)}

<!-- Subcategories -->

<div id="subcategories">

<h3>{l s='Subcategories'}</h3>

<ul class="inline_list">

{foreach from=$subcategories item=subcategory}

(...)

[Foster]

Même problème, j'ai pourtant l'habitude de faire ce genre de manip mais ton code ne fonctionne pas. Es tu sûr que tu n'as pas fait d'erreur ?

[Foster]

Autant pour moi, ça fonctionne parfaitement, j'ai fait une erreur de balise. Merci !

Edited October 4, 2012 by Foster (see edit history)

[jujutte24]

[mamascotte]

Bonjour,

 

J'ai le même genre de soucis :

 

Je souhaites garder mes images de sous catégorie de niveau 1 et supprimer celles de niveaux 2 et 3 sur le sitewww.ma-mascotte.com.

 

Je ne sais quoi trop modifier dans le category.tpl au niveau des sous catégories.

Pouvez-vous m'aider ? (ci dessous un extrait de mon category.tpl).

 

Par avance merci.

 

 

 

<!-- Subcategories -->

<div id="subcategories">

<h3>{l s='Subcategories'}</h3>

<ul class="inline_list">

{foreach from=$subcategories item=subcategory}

<li>

<div class="sous-cat-r_t"></div>

<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}" title="{$subcategory.name|escape:'htmlall':'UTF-8'}">

{if $subcategory.id_image}

<img src="{$link->getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'category')}" alt="" width="300" height="680" />

{else}

<img src="{$img_cat_dir}default-category.jpg" alt="" width="300" height="680" />

{/if}

</a>

<a class="subted" href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}">{$subcategory.name|truncate:20:'...'|escape:'htmlall':'UTF-8'}</a>

<div class="sous-cat-r_f"></div>

</li>

{/foreach}

</ul>

<br class="clear"/>

</div>

{/if}