Supprimer les photos des sous catégories et afficher ligne par ligne

[divers972]

Coucou tout le monde

 

J'aimerai modifier la page de présentation des sous catégories

Par défaut, chaque sous catégorie a une image et sont alignées à la suite, une par une.

Je souhaite modifier en plus simple, comme ci dessous :

 

> sous catégorie 1

> sous catégorie 2

> sous catégorie 3

> sous catégorie 4

 

 

Et pourquoi pas remplacer ">" par une petite image

Qui pourrait m'aider svp ?

[Stéphane Chonez]

salut,

 

 

pour modifier la page ça se passe dans le fichier category.tpl de ton thème!

repère les lignes ci dessous (env ligne 67) :

<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, 'medium')}" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />
  {else}
   <img src="{$img_cat_dir}default-medium.jpg" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />
  {/if}
 </a><br />

et commente les avec {* *} comme ceci :

{*
<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, 'medium')}" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />
  {else}
   <img src="{$img_cat_dir}default-medium.jpg" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />
  {/if}
 </a><br />
*}

tu te retrouve sans image

 

maintenant pour les aligner ça se passe dans le fichier category.css !

ajoute un clear:both; au li de la logne 2 comme ceci:

body#category #subcategories li {
clear:both;
}

en laissant les autres infos s'il y en a!

 

ensuite tu peux mettre une image en ajoutant un background comme ceci :

body#category #subcategories li {
clear:both;
background: transparent url('../../img/TON_IMAGE.gif') no-repeat;
}

pense à ajouter ton image dans le dossier img de ton thème...

 

il te faudra aussi certainement mettre un padding-left....

 

voilà

[divers972]

Nikel, je vais essayer tout ça

Merci beaucoup !!!