[ résolu ] Illustrer une catégorie

[wotake]

Bonjour à tous.
J'ai une ptite question:
Lors de la création d'une catégorie, dans l'onglet " données" il est possible d'ajouter une image pour illustrer celle ci.
Clic: le gestionnaire d'images s'ouvre, double-clic pour sélectionner l'image.
Sauvegarde.
Retour sur la boutique, aucune image ne s'affiche, juste le nom de la catégorie.
Y'a t'il une solution ? Aurais-je sauté un passage?
Merci pour votre aide.

opencart v1.4.8_fr

[Imaxine]

.... double-clic pour sélectionner l'image.

Dans l'admin - Cette image apparaît-elle sur ta page à la place de l'image "no_image" avant que tu fasses ta sauvegarde de page ?
Dans le catalogue - Utilises-tu un template autre que celui par défaut ?

[wotake]

Tout à fait. L'image apparaît bien à la place de "no_image".
Puis : sauvegarde
"Félicitations, vous avez modifié les Catégories avec succès !"
Mais pas d'image pour illustrer la catégorie lorsque je me rend sur la boutique.
Oui, j'utilise le template par défaut.

[Imaxine]

Peux-tu m'envoyer par MP le lien vers la boutique.

[Imaxine]

Tu pourrais quand même compléter ta signature afin que l''on ne te demande pas les renseignements à chaque fois ou que l'on n'ai pas besoin de chercher les sujets où tu as pu mettre la version d'OpenCart que tu utilises.

Surtout, après les 23 posts que tu as rédigé, tu as certainement lu ma signature (elle est visible, quand même).

[Imaxine]

Pour ta question, en effet cela est un bug qui devrait être fixé car seuls les sous-catégories bénéficient de la visualisation des images.

Je vais remonter le bug à Daniel afin de connaître la solution qu'il a apporté ou qu'il va apporter.

[wotake]

Pour ta question, en effet cela est un bug qui devrait être fixé car seuls les sous-catégories bénéficient de la visualisation des images.

Je vais remonter le bug à Daniel afin de connaître la solution qu'il a apporté ou qu'il va apporter.

Ok. Merci, je suis impatient d'en savoir plus.

Tu pourrais quand même compléter ta signature afin que l''on ne te demande pas les renseignements à chaque fois ou que l'on n'ai pas besoin de chercher les sujets où tu as pu mettre la version d'OpenCart que tu utilises.

Surtout, après les 23 posts que tu as rédigé, tu as certainement lu ma signature (elle est visible, quand même).

C'est vrai, il faudrait que j'y songe... à remplir les cases sus-cités.

[Imaxine]

Pour les versions 1.4.9 et supérieures.

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

Chercher ces lignes :

Code: Tout sélectionner

       <?php if ($description) { ?>
   <div><?php echo $description; ?></div>
   <?php } ?>


Les remplacer par ces lignes :

Code: Tout sélectionner

   <table style="padding-bottom:10px;">
     <tr>
      <?php if ($thumb) { ?>
      <td><img src="<?php echo $thumb; ?>" alt="<?php echo $heading_title; ?>" /></td>    
      <?php } ?>
      <?php if ($description) { ?>
      <td><?php echo $description; ?></td>
      <?php } ?>
     </tr>
   </table>


L'info a été remontée sur le forum d'OpenCart.com, espérant qu'il l'intègreront dans la prochaine version.

[wotake]

Hello.
Super, merci.
Je vais faire les modifs et voir comment ça fonctionne.
Encore merci pour ta réactivité et ton efficacité.

[Imaxine]

Pour la version 1.4.8

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

Chercher ces lignes :

Code: Tout sélectionner

         $this->data['text_sort'] = $this->language->get('text_sort');



Ajouter ces lignes dessous :

Code: Tout sélectionner

         $this->load->model('tool/image');
         
         if ($category_info['image']) {
            $image = $category_info['image'];
         } else {
            $image = '';
         }

         $this->data['thumb'] = $this->model_tool_image->resize($image, $this->config->get('config_image_category_width'), $this->config->get('config_image_category_height'));



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

Chercher ces lignes :

Code: Tout sélectionner

    <?php if ($description) { ?>
    <div style="margin-bottom: 15px;"><?php echo $description; ?></div>
    <?php } ?>

Et les remplacer par ces lignes :

Code: Tout sélectionner

   <table style="padding-bottom:10px;">
     <tr>
      <?php if ($thumb) { ?>
      <td><img src="<?php echo $thumb; ?>" alt="<?php echo $heading_title; ?>" /></td>   
      <?php } ?>
      <?php if ($description) { ?>
      <td><?php echo $description; ?></td>
      <?php } ?>
     </tr>
   </table>

[wotake]

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

C'est bien ça que sa doit donner?

Code: Tout sélectionner

<?php echo $header; ?><?php echo $column_left; ?><?php echo $column_right; ?>
<div id="content">
  <div class="top">
    <div class="left"></div>
    <div class="right"></div>
    <div class="center">
      <h1><?php echo $heading_title; ?></h1>
    </div>
  </div>
  <div class="middle">
    <?php if ($description) { ?>
<table style="padding-bottom:10px;">
         <tr>
          <?php if ($thumb) { ?>
          <td><img src="<?php echo $thumb; ?>" alt="<?php echo $heading_title; ?>" /></td>   
          <?php } ?>
        <?php if ($description) { ?>
          <td><?php echo $description; ?></td>
          <?php } ?>
         </tr>
       </table>
   
    <?php } ?>
   <?php if (!$categories && !$products) { ?>
    <div class="content"><?php echo $text_error; ?></div>
    <?php } ?>
    <?php if ($categories) { ?>
    <table class="list">
      <?php for ($i = 0; $i < sizeof($categories); $i = $i + 4) { ?>
      <tr>
        <?php for ($j = $i; $j < ($i + 4); $j++) { ?>
        <td width="25%"><?php if (isset($categories[$j])) { ?>
          <a href="<?php echo $categories[$j]['href']; ?>"><img src="<?php echo $categories[$j]['thumb']; ?>" title="<?php echo $categories[$j]['name']; ?>" alt="<?php echo $categories[$j]['name']; ?>" style="margin-bottom: 3px;" /></a><br />
          <a href="<?php echo $categories[$j]['href']; ?>"><?php echo $categories[$j]['name']; ?></a>
          <?php } ?></td>
        <?php } ?>
      </tr>
      <?php } ?>
    </table>
    <?php } ?>
    <?php if ($products) { ?>
    <div class="sort">
      <div class="div1">
        <select name="sort" onchange="location = this.value">
          <?php foreach ($sorts as $sorts) { ?>
          <?php if (($sort . '-' . $order) == $sorts['value']) { ?>
          <option value="<?php echo $sorts['href']; ?>" selected="selected"><?php echo $sorts['text']; ?></option>
          <?php } else { ?>
          <option value="<?php echo $sorts['href']; ?>"><?php echo $sorts['text']; ?></option>
          <?php } ?>
          <?php } ?>
        </select>
      </div>
      <div class="div2"><?php echo $text_sort; ?></div>
    </div>
    <table class="list">
      <?php for ($i = 0; $i < sizeof($products); $i = $i + 4) { ?>
      <tr>
        <?php for ($j = $i; $j < ($i + 4); $j++) { ?>
        <td width="25%"><?php if (isset($products[$j])) { ?>
          <a href="<?php echo $products[$j]['href']; ?>"><img src="<?php echo $products[$j]['thumb']; ?>" title="<?php echo $products[$j]['name']; ?>" alt="<?php echo $products[$j]['name']; ?>" /></a><br />
          <a href="<?php echo $products[$j]['href']; ?>"><?php echo $products[$j]['name']; ?></a><br />
          <span style="color: #999; font-size: 11px;"><?php echo $products[$j]['model']; ?></span><br />
          <?php if ($display_price) { ?>
          <?php if (!$products[$j]['special']) { ?>
          <span style="color: #900; font-weight: bold;"><?php echo $products[$j]['price']; ?></span>
          <?php } else { ?>
          <span style="color: #900; font-weight: bold; text-decoration: line-through;"><?php echo $products[$j]['price']; ?></span> <span style="color: #F00;"><?php echo $products[$j]['special']; ?></span>
          <?php } ?>
          <a class="button_add_small" href="<?php echo $products[$j]['add']; ?>" title="<?php echo $button_add_to_cart; ?>" >&nbsp;</a>
          <?php } ?>
          <br />
          <?php if ($products[$j]['rating']) { ?>
          <img src="catalog/view/theme/default/image/stars_<?php echo $products[$j]['rating'] . '.png'; ?>" alt="<?php echo $products[$j]['stars']; ?>" />
          <?php } ?>
          <?php } ?></td>
        <?php } ?>
      </tr>
      <?php } ?>
    </table>
    <div class="pagination"><?php echo $pagination; ?></div>
    <?php } ?>
  </div>
  <div class="bottom">
    <div class="left"></div>
    <div class="right"></div>
    <div class="center"></div>
  </div>
</div>
<?php echo $footer; ?>

Dans le fichier catalog/controller/product/category.php
là pas de soucis, il suffit juste de rajouter les lignes; Difficile de se tromper.

[Imaxine]

Voici le fichier category.tpl complet pour une V 1.4.8b

Code: Tout sélectionner

<?php echo $header; ?><?php echo $column_left; ?><?php echo $column_right; ?>
<div id="content">
  <div class="top">
    <div class="left"></div>
    <div class="right"></div>
    <div class="center">
      <h1><?php echo $heading_title; ?></h1>
    </div>
  </div>
  <div class="middle">
   <table style="padding-bottom:10px;">
     <tr>
      <?php if ($thumb) { ?>
      <td><img src="<?php echo $thumb; ?>" alt="<?php echo $heading_title; ?>" /></td>    
      <?php } ?>
      <?php if ($description) { ?>
      <td><?php echo $description; ?></td>
      <?php } ?>
     </tr>
   </table>
   <?php if (!$categories && !$products) { ?>
    <div class="content"><?php echo $text_error; ?></div>
    <?php } ?>
    <?php if ($categories) { ?>
    <table class="list">
      <?php for ($i = 0; $i < sizeof($categories); $i = $i + 4) { ?>
      <tr>
        <?php for ($j = $i; $j < ($i + 4); $j++) { ?>
        <td width="25%"><?php if (isset($categories[$j])) { ?>
          <a href="<?php echo $categories[$j]['href']; ?>"><img src="<?php echo $categories[$j]['thumb']; ?>" title="<?php echo $categories[$j]['name']; ?>" alt="<?php echo $categories[$j]['name']; ?>" style="margin-bottom: 3px;" /></a><br />
          <a href="<?php echo $categories[$j]['href']; ?>"><?php echo $categories[$j]['name']; ?></a>
          <?php } ?></td>
        <?php } ?>
      </tr>
      <?php } ?>
    </table>
    <?php } ?>
    <?php if ($products) { ?>
    <div class="sort">
      <div class="div1">
        <select name="sort" onchange="location = this.value">
          <?php foreach ($sorts as $sorts) { ?>
          <?php if (($sort . '-' . $order) == $sorts['value']) { ?>
          <option value="<?php echo $sorts['href']; ?>" selected="selected"><?php echo $sorts['text']; ?></option>
          <?php } else { ?>
          <option value="<?php echo $sorts['href']; ?>"><?php echo $sorts['text']; ?></option>
          <?php } ?>
          <?php } ?>
        </select>
      </div>
      <div class="div2"><?php echo $text_sort; ?></div>
    </div>
    <table class="list">
      <?php for ($i = 0; $i < sizeof($products); $i = $i + 4) { ?>
      <tr>
        <?php for ($j = $i; $j < ($i + 4); $j++) { ?>
        <td width="25%"><?php if (isset($products[$j])) { ?>
          <a href="<?php echo $products[$j]['href']; ?>"><img src="<?php echo $products[$j]['thumb']; ?>" title="<?php echo $products[$j]['name']; ?>" alt="<?php echo $products[$j]['name']; ?>" /></a><br />
          <a href="<?php echo $products[$j]['href']; ?>"><?php echo $products[$j]['name']; ?></a><br />
          <span style="color: #999; font-size: 11px;"><?php echo $products[$j]['model']; ?></span><br />
          <?php if ($display_price) { ?>
          <?php if (!$products[$j]['special']) { ?>
          <span style="color: #900; font-weight: bold;"><?php echo $products[$j]['price']; ?></span>
          <?php } else { ?>
          <span style="color: #900; font-weight: bold; text-decoration: line-through;"><?php echo $products[$j]['price']; ?></span> <span style="color: #F00;"><?php echo $products[$j]['special']; ?></span>
          <?php } ?>
          <?php } ?>
          <a class="button_add_small" href="<?php echo $products[$j]['add']; ?>" title="<?php echo $button_add_to_cart; ?>" >&nbsp;</a>
          <br />
          <?php if ($products[$j]['rating']) { ?>
          <img src="catalog/view/theme/default/image/stars_<?php echo $products[$j]['rating'] . '.png'; ?>" alt="<?php echo $products[$j]['stars']; ?>" />
          <?php } ?>
          <?php } ?></td>
        <?php } ?>
      </tr>
      <?php } ?>
    </table>
    <div class="pagination"><?php echo $pagination; ?></div>
    <?php } ?>
  </div>
  <div class="bottom">
    <div class="left"></div>
    <div class="right"></div>
    <div class="center"></div>
  </div>
</div>
<?php echo $footer; ?>

[wotake]

Tient , c'est étrange, en supprimant la ligne :

Code: Tout sélectionner

<?php if ($description) { ?>

je me retrouvai avec un message d'erreur.
Alors que là, ça marche.
Mais ce n'est pas ce que je souhaitais au départ.
Je me suis sans doute mal exprimé.
Je voulais remplacer le nom de la catégorie par une image.
Je pensais que c’était à cela que servait " ajouter une image" avec le gestionnaire.
Mais en y réfléchissant bien, je suppose qu'il faut créer une image avec le code HTML+lien et l’insérer dans le code source.

[Imaxine]

Cette modification de code est destinée à faire apparaître dans le catalogue, l'image que l'on met dans la fiche catégorie par l'intermédiaire du gestionnaire d'images.

Cette image apparaîtra en haut à gauche de la partie centrale et à sa droite la description apparaîtra, si on l'a remplie, bien évidement. Dessous apparaîtront les images des sous-catégories.

[wotake]

oui, c'est ce que j'ai compris quand mon image c'est affiché.
Mais c'etait pas le but, au départ de ma question.
Mais bon, ça c'est fait.
Je souhaitais remplacer le nom de la catégorie par une image.
Comme ceci:
http://www.hostingpics.net/viewer.php?id=267372Capture2.png