Comment afficher l'image des catégories ?

[Jielde]

Salut,

Je cherche à afficher l'image de chaque catégories lorsque j'affiche toutes les rubriques d'un menu



J'ai beau chercher de partout mais je ne trouve rien pouvant le faire.
Pouvez-vous m'aidez ?

Merci, Jielde.

[Imaxine]

Dans le fichier catalog/controller/product/category.php

Chercher ces lignes (128) :

Code: Tout sélectionner

         foreach ($results as $result) {
            $product_total = $this->model_catalog_product->getTotalProducts(array('filter_category_id' => $result['category_id']));
            
            $this->data['categories'][] = array(
               'name'  => $result['name'] . ' (' . $product_total . ')',
               'href'  => $this->url->link('product/category', 'path=' . $this->request->get['path'] . '_' . $result['category_id'] . $url)
            );
         }


Les remplacer par celles-ci :

Code: Tout sélectionner

         foreach ($results as $result) {
            $product_total = $this->model_catalog_product->getTotalProducts(array('filter_category_id' => $result['category_id']));

            if($result['image']) {
                    $image = $this->model_tool_image->resize($result['image'], $this->config->get('config_image_category_width'), $this->config->get('config_image_category_height'));
                } else {
                    $image = '';
                }

            $this->data['categories'][] = array(
               'name'  => $result['name'] . ' (' . $product_total . ')',
               'image' => $image,
               'href'  => $this->url->link('product/category', 'path=' . $this->request->get['path'] . '_' . $result['category_id'] . $url)
            );
         }


Dans le fichier catalog/view/theme/default/template/product/category.tpl

Chercher cette ligne (25) :

Code: Tout sélectionner

      <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li>


Et la remplacer par celles-ci :

Code: Tout sélectionner

   <li>
      <?php if ($category['image']){ ?>
      <a href="<?php echo $category['href']; ?>">
      <img src="<?php echo $category['image']; ?>" title="<?php echo $category['name']; ?>" alt="<?php echo $category['name']; ?>" />
      </a>
      <?php } ?>
      <a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
   </li>


Ça donnera cela :

Image_ss_category.png (49.7 Kio) Consulté 8088 fois

[Jielde]

Super,

Merci Imaxine pour ton aide, tout marche parfaitement.

par contre, dans le fichier : catalog/view/theme/default/template/product/category.tpl
En plus de ta modif, j'ai remplacer également la ligne plus bas pour les catégories supérieur à 5 items.

Merci.

[eric02]

Bonjour,

Je viens d'appliquer cette modification , il semble que la fin de la modification sur categorie.tpl il y a un <?php } ?> en trop... J'avais une erreur, erreur qui a disparu après l'avoir oté.

Question : sur quelle ligne "En plus de ta modif, j'ai remplacer également la ligne plus bas pour les catégories supérieur à 5 items." ?

Merci beaucoup

Pour avoir une présentation des sous categories en ligne plutot qu'en colonne, je vais créer une "class" de façon à supprimer les <ul> et <li>

[Jielde]

Bonjour eric 02,

Dans le fichier : catalog/view/theme/default/template/product/category.tpl
A la ligne 36 je trouve la phrase :

Code: Tout sélectionner

<?php for ($i = 0; $i < count($categories);) { ?>

j'ai donc fait la modification de Imaxine mais avec ceci :

Code: Tout sélectionner

<img src="<?php echo $categories[$i]['image']; ?>" title="<?php echo $categories[$i]['name']; ?>" alt="<?php echo $categories[$i]['name']; ?>" />

Voila

[Imaxine]

Bonjour

Si je remplace la ligne 26 par ton code, j'obtiens une erreur :

Parse error: syntax error, unexpected '}' in C:\Program Files (x86)\EasyPHP-5.3.8.1\www\open\catalog\view\theme\default\template\product\category.tpl on line 48

???

Y'a surement un truc que je n'ai pas saisi...

A moins que cela ne provienne des modif que j'ai apporté pour avoir un affichage en ligne plutot qu'en colonne.

J'ai procédé comme suit :

1) dans "catalog/view/theme/default/stylesheet/stylesheet.css"

j'ai ajouté les classe suivante :

Code: Tout sélectionner

.catergory-unit {
display: inline-block;
margin-top: 10px;
margin-right: 1%;
text-align: center;
}

.catergory-text {
}


puis dans le fichier : "catalog/view/theme/default/template/product/category.tpl", j'ai remplacé la modif de Imaxine par :

Code: Tout sélectionner

<div class="catergory-unit"> 
          <?php if ($category['image']){ ?>
          <a href="<?php echo $category['href']; ?>">
          <img src="<?php echo $category['image']; ?>" title="<?php echo $category['name']; ?>" alt="<?php echo $category['name']; ?>" />
          </a>
          <?php } ?>
         <div class"catergory-text">
          <a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></div>
      </div>
       <?php } ?>


De la sorte, les images '(vignettes) maintenant sont présentées en ligne, avec leurs titres au dessous et centré

[eric02]

Pour finaliser le post, le résultat est nickel !!!