adapter les logos des catégories

[astuces17]

Bonsoir,

 

Voila mon souci :

 

Je souhaiterais garder, le logo d'une catégorie principale, qui viendrait s'afficher en logo des sous menus... Je m'explique :

 

Parmi les différentes catégorie, la catégorie "DECORATION" est une rubrique (ou catégorie) principale.

A l'intérieur de cette rubrique, j'y ai placé deux sous catégorie (donc avec leur propre logos respectifs

 

Exemple :

 

CATEGORIE DECORATION (logo decoration.jpg)

- 1ère sous catégorie "LAMPES" (miniature avec logo lampes.jpg)

- 2ème sous catégorie "STATUES" (miniature avec logo statues.jpg)

 

Nous savons tous que si nous cliquons, par exemple, sur la sous catégorie "LAMPES", le logo qui s'affichera sur cette page sera "lampes.jpg !

 

Ce que je cherche désesperemment est de garder le logo "décoration.jpg" qui apparaitra dans la catégorie ET les sous catégories, tout en gardant les logos lampes.jpg et statues.jpg juste pour les "miniatures" !

 

En espérant ne pas avoir été trop brouillon dans ma demande... !

 

Pour ceux que ca interesse, je vous laisse mon code "catégory.tpl" (car je pense que c'est la dedans que se trouve la solution...

 

 

 

{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'}

{if isset($categoryNameComplement)}

{$categoryNameComplement|escape:'htmlall':'UTF-8'}

{/if}

{/strip}

</h1>

 

{if isset($subcategories)}

<!-- Subcategories -->

<div id="subcategories">

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

<ul class="inline_list">

{foreach from=$subcategories item=subcategory}

<li class="clearfix">

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

 

title="{$subcategory.name|escape:'htmlall':'UTF-8'}" class="img">

{if $subcategory.id_image}

<img src="{$link->getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'medium_default')}" alt=""

 

width="{$mediumSize.width}" height="{$mediumSize.height}" />

{else}

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

{/if}

</a>

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

 

{$subcategory.name|escape:'htmlall':'UTF-8'}</a>

{if $subcategory.description}

<p class="cat_desc">{$subcategory.description}</p>

{/if}

</li>

{/foreach}

</ul>

<br class="clear"/>

</div>

{/if}

 

<div class="resumecat category-product-count">

{include file="$tpl_dir./category-count.tpl"}

</div>

 

{if $scenes || $category->description || $category->id_image}

<div class="content_scene_cat">

{if $scenes}

<!-- 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_default')}" 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">

{if strlen($category->description) > 120}

<p id="category_description_short">{$category->description|truncate:120}</p>

<p id="category_description_full" style="display:none">{$category->description}</p>

<a href="#" onclick="$('#category_description_short').hide(); $('#category_description_full').show(); $(this).hide(); return false;"

 

class="lnk_more">{l s='More'}</a>

{else}

<p>{$category->description}</p>

{/if}

</div>

{/if}

</div>

{/if}

 

 

{if $products}

<div class="content_sortPagiBar">

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

<div class="sortPagiBar clearfix">

{include file="./product-sort.tpl"}

{include file="./product-compare.tpl"}

{include file="./nbr-product-page.tpl"}

</div>

</div>

 

{include file="./product-list.tpl" products=$products}

 

<div class="content_sortPagiBar">

<div class="sortPagiBar clearfix">

{include file="./product-sort.tpl"}

{include file="./product-compare.tpl"}

{include file="./nbr-product-page.tpl"}

</div>

{include file="./pagination.tpl"}

</div>

{/if}

{elseif $category->id}

<p class="warning">{l s='This category is currently unavailable.'}</p>

{/if}

{/if}

 

 

Merci a ceux qui auront un moment pour m'aider !

 

Manu

[astuces17]

petit up !

[caramel77]

Bonjour

Je ne suis pas sur de bien comprendre.

Qu'appelez vous logo ? s'agit il des "scènes" de catégories ?

Vous souhaitez afficher la scene de la catégorie "parente" dans la sous catégorie? Les deux images sont elles ensembles ou pas ?

Bon WE

[astuces17]

Bonjour caramel77 !

 

Pour que cela soit peut etre plus explicite, j'ai joint un visuel de ma page en pièces jointes !

En fait j'aimerai que le logo de la catégorie "décoration", se retrouve également dans les sous catégorie de celle ci !

Quand vous aurez jeter un oeil sur le fichier, si on clique sur la sous catégorie "statue" par exemple, je souhaiterais que le logo en haut de page de la page "statue" reprenne le logo "décoration" c'est a dire de la catégorie principale !

 

et en meme temps j'en profite pour savoir si la liste des sous catégories (comme présenter sur le visuel, peut etre également remise sur chaque page de la catégorie principale et des sous catégorie !

 

En fait, pour faire plus simple dans ma demande, je souhaiterais retrouver le logo et la bannière des sous catégorie, comme sur la page catégorie "décoration !

 

Les sous catégorie deviendrait un menu de la page décoration !

 

Merci de votre aide !

 

 

[franckm1000]

Pas très facile sans avoir l'URl qui permettrait de se ballader dans les boites et ainsi repérer les différentes parties.

 

Je pense que l'image dont tu parles ce trouve ici:

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

 

Une façon peu orthodoxe pour le faire (encore une fois c'est difficile d'aider comme ça à distance sans avoir accès à rien) serait de poser une condition suivant les sous-catégories où tu souhaites afficher la même image.

 

Il faut pour commencer par avoir accès à cette image. Commences donc par enregistrer cette image (depuis la page produit tu fais clic droit=>enregistrer l'image sous) dans le répertoire /img de la boutique et tu le nommes decoration.jpg.

 

Ensuite, il faut repérer les ID des catégories dans lesquels tu souhaites faire apparaître cette photo. Par exemple, l'ID catégorie décoration est l'ID 3 et les sous-catégories ont les id 5,7,9 et 10. Tu modifies le code que j'ai mis au-dessus en:

<!-- Category image -->
{if $category->id_image}
<div class="align_center">
{if $category->id==3||$category->id==5||$category->id==7||$category->id==9||$category->id==10}
<img src="{$base_dir}img/decoration.jpg" />
{else}
<img src="{$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')}" alt="{$category-
>name|escape:'htmlall':'UTF-8'}" title="{$category->name|escape:'htmlall':'UTF-8'}" id="categoryImage" width="{$categorySize.width}" height="{$categorySize.height}" />
{/if}
</div>
{/if}

 

De cette façon, ça devrait t'afficher tes images normales pour toutes les catégories SAUF pour celles que l'on a sélectionnées où on a forcé l'image decoration.jpg.

 

On peut ajouter autant de conditions que l'on veut d'images particulières pour certaines catégories. Attention, c'est du bricolage, rien d'autre.

Edited November 2, 2012 by franckm1000 (see edit history)

[astuces17]

Salut franckm1000 !

Merci pour cette solution, qui meme si tu me dis que c'est du bricolage, me dépannera vraiment !

En espérant que cette fonction sera bonne avec mes 11 catégories principales (sans compter les sous catégories !!! )

et pour mon "menu" sur lequel est basé les sous catégories, ca marche aussi ? c'est a dire faire apparaitre chaque "menu des sous catégories" dans chaque une d'entre elle ?

Pour mieux aider voici le lien du projet (vraiment en pleine construction !!! )

http://www.agence-mbc.fr/soldeos/

 

Merci d'avance pour ton retour... ou ceux des autres bien sur !!!

 

Manu

[astuces17]

Oups !!!

 

Correction du lien...

 

http://www.agence-mbc.fr/soldeos/

 

Merci d'avance !!!

 

Manu

[astuces17]

petit up... !

[jujutte24]

Pas très facile sans avoir l'URl qui permettrait de se ballader dans les boites et ainsi repérer les différentes parties.

 

Je pense que l'image dont tu parles ce trouve ici:

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

 

Une façon peu orthodoxe pour le faire (encore une fois c'est difficile d'aider comme ça à distance sans avoir accès à rien) serait de poser une condition suivant les sous-catégories où tu souhaites afficher la même image.

 

Il faut pour commencer par avoir accès à cette image. Commences donc par enregistrer cette image (depuis la page produit tu fais clic droit=>enregistrer l'image sous) dans le répertoire /img de la boutique et tu le nommes decoration.jpg.

 

Ensuite, il faut repérer les ID des catégories dans lesquels tu souhaites faire apparaître cette photo. Par exemple, l'ID catégorie décoration est l'ID 3 et les sous-catégories ont les id 5,7,9 et 10. Tu modifies le code que j'ai mis au-dessus en:

<!-- Category image -->
{if $category->id_image}
<div class="align_center">
{if $category->id==3||$category->id==5||$category->id==7||$category->id==9||$category->id==10}
<img src="{$base_dir}img/decoration.jpg" />
{else}
<img src="{$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')}" alt="{$category-
>name|escape:'htmlall':'UTF-8'}" title="{$category->name|escape:'htmlall':'UTF-8'}" id="categoryImage" width="{$categorySize.width}" height="{$categorySize.height}" />
{/if}
</div>
{/if}

 

De cette façon, ça devrait t'afficher tes images normales pour toutes les catégories SAUF pour celles que l'on a sélectionnées où on a forcé l'image decoration.jpg.

 

On peut ajouter autant de conditions que l'on veut d'images particulières pour certaines catégories. Attention, c'est du bricolage, rien d'autre.

 

Salut

 

je m'incruste !

 

Dans cette idée, il n'est pas possible de modifier le code TPL de façon à ce que l'image (d'entête) de la catégorie parente (disons niveau 2) soit systématiquement affichée dans les sous-catégories (niveau 3,4 5...), et cela simplement.

Est-ce qu'une "condition" dans l'affichage de l'image et possible ?

[jujutte24]

Peut-être avec un "depth" ?

 

merci de votre aide...

[jujutte24]

pas d'idée ?