Nous ne répondons seulement qu'aux sujets dont l'auteur a complété sa signature [Lire]


Comment afficher l'image des catégories ?

Programmation, discussions et suggestions pour l'amélioration de OpenCart

Comment afficher l'image des catégories ?

Messagepar Jielde » 11 Déc 2011, 23:13

Salut,

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

Image

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

Merci, Jielde.
Dernière édition par Jielde le 13 Déc 2011, 00:02, édité 1 fois.
Hébergeur : Easyphp en local ou OVH
Opencart : v1.5.1.1 en Français
Thème : Défaut modifié
Jielde
Utilisateur enregistré
Utilisateur enregistré
 
Messages: 13
Inscription: 31 Oct 2011, 19:00

Re: Comment afficher l'image des catégories ?

Messagepar LeorLindel » 12 Déc 2011, 04:16

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
Image_ss_category.png (49.7 Kio) Vu 2152 fois
Image
1 - A lire avant de poster un sujet
2 - Politique sur la signature.

Quand le sujet est résolu, pensez à ajouter la petite coche verte Image dans le titre initial en éditant votre premier message et non dans votre dernière réponse.
Merci


Toutes les extensions commerciales (templates ou modules payants) ne peuvent pas faire l'objet d'ouverture de sujet, prière de bien vouloir s'adresser au concepteur en cas de problème ou demande de renseignements.

Seul, on avance plus vite, à plusieurs on avance plus loin.
Avatar de l’utilisateur
LeorLindel
Administrateur
Administrateur
 
Messages: 4228
Inscription: 19 Fév 2010, 13:44
Localisation: Lutéce

Re: Comment afficher l'image des catégories ?

Messagepar Jielde » 12 Déc 2011, 20:55

Super,

Merci LeorLindel 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.
Hébergeur : Easyphp en local ou OVH
Opencart : v1.5.1.1 en Français
Thème : Défaut modifié
Jielde
Utilisateur enregistré
Utilisateur enregistré
 
Messages: 13
Inscription: 31 Oct 2011, 19:00

Re: Comment afficher l'image des catégories ?

Messagepar eric02 » 22 Fév 2012, 14:56

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>
Opencart 1.5.5.1
www.savonsdesgalets.fr/
- Sur serveur distant
- Boutique Templates : Maison
Mod : quelques modifications maison, VQmod - quelques fichiers xml
Autres : Category home page, recent viewed, login sidebar, search side bar,...
Tutoriel :
- Installer OC Multi Store http://forum.opencart-france.fr/post9116#p9116
http://www.editionsduharicot.fr/
- Livret Vqmod http://forum.opencart-france.fr/tutoriels/vqmod-in-french-dans-le-texte-t1896
eric02
Utilisateur enregistré
Utilisateur enregistré
 
Messages: 269
Inscription: 20 Fév 2012, 13:39

Re: Comment afficher l'image des catégories ?

Messagepar Jielde » 22 Fév 2012, 23:29

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 LeorLindel 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
Hébergeur : Easyphp en local ou OVH
Opencart : v1.5.1.1 en Français
Thème : Défaut modifié
Jielde
Utilisateur enregistré
Utilisateur enregistré
 
Messages: 13
Inscription: 31 Oct 2011, 19:00

Re: Comment afficher l'image des catégories ?

Messagepar eric02 » 23 Fév 2012, 13:44

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 LeorLindel 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é
Dernière édition par LeorLindel le 23 Fév 2012, 15:42, édité 1 fois.
Raison: Commentaires mis dans les balises destinées à cet effet.
Opencart 1.5.5.1
www.savonsdesgalets.fr/
- Sur serveur distant
- Boutique Templates : Maison
Mod : quelques modifications maison, VQmod - quelques fichiers xml
Autres : Category home page, recent viewed, login sidebar, search side bar,...
Tutoriel :
- Installer OC Multi Store http://forum.opencart-france.fr/post9116#p9116
http://www.editionsduharicot.fr/
- Livret Vqmod http://forum.opencart-france.fr/tutoriels/vqmod-in-french-dans-le-texte-t1896
eric02
Utilisateur enregistré
Utilisateur enregistré
 
Messages: 269
Inscription: 20 Fév 2012, 13:39

Re: Comment afficher l'image des catégories ?

Messagepar eric02 » 24 Fév 2012, 16:07

Pour finaliser le post, le résultat est nickel !!!
Opencart 1.5.5.1
www.savonsdesgalets.fr/
- Sur serveur distant
- Boutique Templates : Maison
Mod : quelques modifications maison, VQmod - quelques fichiers xml
Autres : Category home page, recent viewed, login sidebar, search side bar,...
Tutoriel :
- Installer OC Multi Store http://forum.opencart-france.fr/post9116#p9116
http://www.editionsduharicot.fr/
- Livret Vqmod http://forum.opencart-france.fr/tutoriels/vqmod-in-french-dans-le-texte-t1896
eric02
Utilisateur enregistré
Utilisateur enregistré
 
Messages: 269
Inscription: 20 Fév 2012, 13:39


Retourner vers Développement

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité

cron