Comment changer l'affichage des sous catégories

[Pierre-Yves]

L'affichage des sous catégories est vraiment mal fait pour le moment sur la RC5. En effet celui-ci ne calcul pas le nombre de sous catégories par ligne en fonction de ce propre nombre, mais en fonction de la largeur du titre...

Ce qui donne que l'on peut parfois avoir 5 sous catégories sur la première ligne, et 7 sur la seconde.

Voici la démarche pour régler ça!


Ouvrez le fichier "themes/MON THEME/category.tpl" et trouvez cette partie de code:

{if isset($subcategories)}
<!-- Subcategories -->
<div id="subcategories">
    <h3>{l s='Subcategories'}</h3>
    <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'}">
                <img src="{$img_cat_dir}{if $subcategory.id_image}{$subcategory.id_image}{else}default{/if}-medium.jpg" alt="" />
            </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}

Et vous le remplacez par celui-ci:

{if isset($subcategories)}
<!-- Subcategories -->
{assign var='nombreparligne' value='4'}
<div id="subcategories">
    <h3>{l s='Subcategories'}</h3>

    {foreach from=$subcategories item=subcategory name=scat}
        {if $smarty.foreach.scat.index % $nombreparligne == 0}
            <ul class="inline_list">
        {/if}
    
            <li style="width: {math equation="(width - pad * nombre) / nombre" width=556 nombre=$nombreparligne pad=40}px; padding: 20px;">
                <center>
                <a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}" title="{$subcategory.name|escape:'htmlall':'UTF-8'}">
                    <img src="{$img_cat_dir}{if $subcategory.id_image}{$subcategory.id_image}{else}default{/if}-medium.jpg" alt="" />
                </a>
                </center>
                <a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}">{$subcategory.name|escape:'htmlall':'UTF-8'}</a>
            </li>
        
        {if $smarty.foreach.scat.index % $nombreparligne == $nombreparligne - 1 || $smarty.foreach.scat.last}
            </ul>
            <br class="clear"/>
        {/if}
    {/foreach}

    <br class="clear"/>
</div>
{/if}

Ensuite, il ne vous reste plus qu'à modifier la ligne suivante et lui mettre la valeur souhaitée:

{assign var='nombreparligne' value='4'}

Dans ce cas-ci on aura 4 sous catégories par lignes (au maximum)

[FranWeb]

ce "défaut" est aussi présent sur la RC4. Non testé par contre puisque je suis passé de la RC4 à la RC5.

[showtime]

Salut , moi j'ai testé sur RC4

et sa marche tres bien , merci beaucoup

[seblog]

Bonjour,

Merci pour ce code qui rend vraiment service.
Malheureusement il ne s'applique pas au sous-catégories de sous-catégories.
Avez-vous la solution?

Merci.

Cdlt.

[negoce]

Bonjour,

et moi qui galère toujours avec ma version à manivelle 097

enfin continuons comme ça pour le moment !

à bientôt...

[nico-nsp]

Je souhaiterais également modifier mes catégories, mais en augmentant l'espace entre les catégories. Le nom des catégories est collé à la photo representant la catégorie du dessous...