Opencart 1.5 "Catégories par grille"

[florent82]

Bonjour,

Je suis en train de tester le nouvelle version d' Opencart 1.5 que j'aime beaucoup.
Il y a juste une chose que je voudrais modifier mais je n'arrive pas à le faire.

Je connais le fichier à modifier mais je "galère" depuis 2 jours.

En effet je voudrais que lorsque l'on arrive sur la page catégorie les produits soit par défaut en grille et non en liste.

Le fichier à modifier est category.tpl

Merci de votre aide

[Imaxine]

Dans le fichier catalog/view/theme/TON_TEMPLATE/template/common/footer.tpl, il faut ajouter avant la balise </body> cette ligne :

Code: Tout sélectionner

<script type="text/javascript">$(document).ready(function() { display('grid'); });</script>

[florent82]

Merci de ta réponse,

Je viens de le faire mais cela ne change toujours pas...
Voilà mon code:

Code: Tout sélectionner

<div id="footer">
<?php
$this->language->load('common/header');
$text_home = $this->language->get('text_home');
?>
<div class="column_big">
<?php foreach ($modules as $module) { ?>
<?php echo $module; ?>
<?php } ?>

</div>
<div class="column">
    <h3><?php echo $text_service; ?></h3>
    <ul>
      <li><a href="<?php echo $home; ?>"><?php echo $text_home; ?></a></li>
      <li><a href="<?php echo $special; ?>"><?php echo $text_special; ?></a></li>
      <li><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a></li>
      <li><a href="<?php echo $order; ?>"><?php echo $text_order; ?></a></li>
      <li><a href="<?php echo $wishlist; ?>"><?php echo $text_wishlist; ?></a></li>
      <li><a href="<?php echo $newsletter; ?>"><?php echo $text_newsletter; ?></a></li>
      <li><a href="<?php echo $return; ?>"><?php echo $text_return; ?></a></li>
      <li><a href="<?php echo $sitemap; ?>"><?php echo $text_sitemap; ?></a></li>
    </ul>
  </div>
  <div class="column">
    <h3><?php echo $text_information; ?></h3>
    <ul>
      <?php foreach ($informations as $information) { ?>
      <li><a href="<?php echo $information['href']; ?>"><?php echo $information['title']; ?></a></li>
      <?php } ?>
      <li><a href="<?php echo $contact; ?>"><?php echo $text_contact; ?></a></li>
    </ul>
  </div>
  <div class="column">
    <h3><?php echo $text_extra; ?></h3>
    <ul>
      <li><a href="<?php echo $manufacturer; ?>"><?php echo $text_manufacturer; ?></a></li>
      <li><a href="<?php echo $voucher; ?>"><?php echo $text_voucher; ?></a></li>
      <li><a href="<?php echo $affiliate; ?>"><?php echo $text_affiliate; ?></a></li>
      <li><a href="<?php echo $special; ?>"><?php echo $text_special; ?></a></li>
    </ul>
  </div>


    <?php if(($this->config->get('theme_control_facebook_id') != null) && ($this->config->get('theme_control_status') == '1')) { ?>
    <div class="clear lined"></div>
    <div id="facebook_holder">
      <div class="">
        <fb:fan profileid="<?php echo $this->config->get('theme_control_facebook_id'); ?>" stream="0" connections="12" logobar="0" width="948" height="150" css="<?php echo HTTP_SERVER; ?>catalog/view/theme/<?php echo $this->config->get('config_template'); ?>/stylesheet/facebook.css?42"></fb:fan>
      </div>
    </div>
    <div class="clear"></div>
    <?php } ?>

</div>
<!--
OpenCart is open source software and you are free to remove the powered by OpenCart if you want, but its generally accepted practise to make a small donatation.
Please donate via PayPal to donate@opencart.com
//-->
<div id="powered"><span class="payment"></span>Powered by <a href="http://opencart.com">OpenCart</a>. ModernStore theme by <a href="http://dimitarkoev.com">Dimitar Koev</a></div>
<!--
OpenCart is open source software and you are free to remove the powered by OpenCart if you want, but its generally accepted practise to make a small donatation.
Please donate via PayPal to donate@opencart.com
//-->
</div>
<?php if(($this->config->get('theme_control_facebook_id') != null) && ($this->config->get('theme_control_status') == '1')) { ?>
<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({appId: '0c18007de6f00f7ecda8c040fb76cd90', status: true, cookie: true,
     xfbml: true});
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
    '//connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());
</script>
<?php } ?>
<script type="text/javascript">$(document).ready(function() { display('grid'); });</script>
</body></html>

PS : Le code se met dans les balises destinées à cet effet. J'ai donc fait la modif.

[Imaxine]

Quelle version utilises-tu vraiment et où l'as-tu téléchargée ? Car le code que tu affiches ne correspond pas au code du fichier footer.tpl de n'importe quelle version 1.5 et plus.

Ou alors tu utilises un template et dans ce cas le code est différent, mais tu aurais pu le signaler.

[florent82]

Effectivement, c'est un template, j'aurais dû le signaler... désolé.

Ma version d'Opencart est la 1.5.1

[Imaxine]

Essaye avec la version par défaut et tu verras que cela fonctionne. Maintenant tu n'as qu'à comparer les fichiers afin de voir ce qui empêche le fonctionnement sur ton template.

[florent82]

Je viens de remettre le footer d'origine avec le code mais toujours le même soucis, rien ne change.
Cela doit venir de mon category.tpl mais vraiment là je sèche...

[Imaxine]

Essaye avec le template par défaut et tu verras !

Modifies > Admin > Système > Boutique > Modéle graphique > Défaut.

[florent82]

Effectivement ça marche par défaut.

Je n'arrive pas à trouver mon erreur sur mon template donc comment je peux faire pour supprimer la vue par liste ça sera plus simple : )

merci

[Imaxine]

Ce sujet en parle.

[florent82]

Merci pour tous ces conseils Imaxine !

Tu es toujours à l'écoute et c'est pas mon premier post !
J'ai résolu mon problème.

J'ai trouvé un fichier "category.tpl" qui met par défaut la catégorie en grille.
Je l'ai copié dans mon FTP et je l'ai modifier par rapport à mon Template.

Je posterais le fichier plus tard si jamais d'autres personnes ont le même problème

Je vais de nouveau te faire part d'un nouveau problème dans un nouveau post (tu commences à me connaître !)

A +

[Imaxine]

Comme promis le fichier que j'ai utilisé pour la modification de l'affichage des catégories.

Vous avez juste à remplacer le code category.tpl par celui-ci

Code: Tout sélectionner

<?php echo $header; ?><?php echo $column_left; ?><?php echo $column_right; ?>
<div id="content"><?php echo $content_top; ?>
  <div class="breadcrumb">
    <?php foreach ($breadcrumbs as $breadcrumb) { ?>
    <?php echo $breadcrumb['separator']; ?><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a>
    <?php } ?>
  </div>
  <h1><?php echo $heading_title; ?></h1>
  <?php if ($thumb || $description) { ?>
  <div class="category-info">
    <?php if ($thumb) { ?>
    <div class="image"><img src="<?php echo $thumb; ?>" alt="<?php echo $heading_title; ?>" /></div>
    <?php } ?>
    <?php if ($description) { ?>
    <?php echo $description; ?>
    <?php } ?>
  </div>
  <?php } ?>
  <?php if ($categories) { ?>
  <h2><?php echo $text_refine; ?></h2>
  <div class="category-list">
    <?php if (count($categories) <= 5) { ?>
    <ul>
      <?php foreach ($categories as $category) { ?>
      <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li>
      <?php } ?>
    </ul>
    <?php } else { ?>
    <?php for ($i = 0; $i < count($categories);) { ?>
    <ul>
      <?php $j = $i + ceil(count($categories) / 4); ?>
      <?php for (; $i < $j; $i++) { ?>
      <?php if (isset($categories[$i])) { ?>
      <li><a href="<?php echo $categories[$i]['href']; ?>"><?php echo $categories[$i]['name']; ?></a></li>
      <?php } ?>
      <?php } ?>
    </ul>
    <?php } ?>
    <?php } ?>
  </div>
  <?php } ?>
  <?php if ($products) { ?>
  <div class="product-filter">
    <div class="display"><b><?php echo $text_display; ?></b> <?php echo $text_list; ?> <b>/</b> <a onclick="display('grid');"><?php echo $text_grid; ?></a></div>
    <div class="limit"><b><?php echo $text_limit; ?></b>
      <select onchange="location = this.value;">
        <?php foreach ($limits as $limits) { ?>
        <?php if ($limits['value'] == $limit) { ?>
        <option value="<?php echo $limits['href']; ?>" selected="selected"><?php echo $limits['text']; ?></option>
        <?php } else { ?>
        <option value="<?php echo $limits['href']; ?>"><?php echo $limits['text']; ?></option>
        <?php } ?>
        <?php } ?>
      </select>
    </div>
    <div class="sort"><b><?php echo $text_sort; ?></b>
      <select onchange="location = this.value;">
        <?php foreach ($sorts as $sorts) { ?>
        <?php if ($sorts['value'] == $sort . '-' . $order) { ?>
        <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>
  <div class="product-compare"><a href="<?php echo $compare; ?>" id="compare_total"><?php echo $text_compare; ?></a></div>
  <div class="product-list">
    <?php foreach ($products as $product) { ?>
    <div>
      <?php if ($product['thumb']) { ?>
      <div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>
      <?php } ?>
      <div class="name"><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></div>
      <div class="description"><?php echo $product['description']; ?></div>
      <?php if ($product['price']) { ?>
      <div class="price">
        <?php if (!$product['special']) { ?>
        <?php echo $product['price']; ?>
        <?php } else { ?>
        <span class="price-old"><?php echo $product['price']; ?></span> <span class="price-new"><?php echo $product['special']; ?></span>
        <?php } ?>
        <?php if ($product['tax']) { ?>
        <br />
        <span class="price-tax"><?php echo $text_tax; ?> <?php echo $product['tax']; ?></span>
        <?php } ?>
      </div>
      <?php } ?>
      <?php if ($product['rating']) { ?>
      <div class="rating"><img src="catalog/view/theme/default/image/stars-<?php echo $product['rating']; ?>.png" alt="<?php echo $product['reviews']; ?>" /></div>
      <?php } ?>
      <div class="cart"><a onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button"><span><?php echo $button_cart; ?></span></a></div>
      <div class="wishlist"><a onclick="addToWishList('<?php echo $product['product_id']; ?>');"><?php echo $button_wishlist; ?></a></div>
      <div class="compare"><a onclick="addToCompare('<?php echo $product['product_id']; ?>');"><?php echo $button_compare; ?></a></div>
    </div>
    <?php } ?>
  </div>
  <div class="pagination"><?php echo $pagination; ?></div>
  <?php } ?>
  <?php if (!$categories && !$products) { ?>
  <div class="content"><?php echo $text_empty; ?></div>
  <div class="buttons">
    <div class="right"><a href="<?php echo $continue; ?>" class="button"><span><?php echo $button_continue; ?></span></a></div>
  </div>
  <?php } ?>
  <?php echo $content_bottom; ?></div>
<script type="text/javascript"><!--
function display(view) {
   if (view == 'list') {
      $('.product-grid').attr('class', 'product-list');
      
      $('.product-list > div').each(function(index, element) {
         html  = '<div class="right">';
         html += '  <div class="cart">' + $(element).find('.cart').html() + '</div>';
         html += '  <div class="wishlist">' + $(element).find('.wishlist').html() + '</div>';
         html += '  <div class="compare">' + $(element).find('.compare').html() + '</div>';
         html += '</div>';         
         
         html += '<div class="left">';
         
         var image = $(element).find('.image').html();
         
         if (image != null) {
            html += '<div class="image">' + image + '</div>';
         }
         
         var price = $(element).find('.price').html();
         
         if (price != null) {
            html += '<div class="price">' + price  + '</div>';
         }
               
         html += '  <div class="name">' + $(element).find('.name').html() + '</div>';
         html += '  <div class="description">' + $(element).find('.description').html() + '</div>';
         
         var rating = $(element).find('.rating').html();
         
         if (rating != null) {
            html += '<div class="rating">' + rating + '</div>';
         }
            
         html += '</div>';

                  
         $(element).html(html);
      });      
      
      $('.display').html('<b><?php echo $text_display; ?></b> <?php echo $text_list; ?> <b>/</b> <a onclick="display(\'grid\');"><?php echo $text_grid; ?></a>');
      
      $.cookie('display', 'list', { path: '/' });
   } else {
      $('.product-list').attr('class', 'product-grid');
      
      $('.product-grid > div').each(function(index, element) {
         html = '';
         
         var image = $(element).find('.image').html();
         
         if (image != null) {
            html += '<div class="image">' + image + '</div>';
         }
         
         html += '<div class="name">' + $(element).find('.name').html() + '</div>';
         html += '<div class="description">' + $(element).find('.description').html() + '</div>';
         
         var price = $(element).find('.price').html();
         
         if (price != null) {
            html += '<div class="price">' + price  + '</div>';
         }
         
         var rating = $(element).find('.rating').html();
         
         if (rating != null) {
            html += '<div class="rating">' + rating + '</div>';
         }
                  
         html += '<div class="cart">' + $(element).find('.cart').html() + '</div>';
         html += '<div class="wishlist">' + $(element).find('.wishlist').html() + '</div>';
         html += '<div class="compare">' + $(element).find('.compare').html() + '</div>';
         
         $(element).html(html);
      });   
               
      $('.display').html('<b><?php echo $text_display; ?></b> <a onclick="display(\'list\');"><?php echo $text_list; ?></a> <b>/</b> <?php echo $text_grid; ?>');
      
      $.cookie('display', 'grid', { path: '/' });
   }
}

view = $.cookie('display');

if (view) {
   display(view);
} else {
   display('grid');
}
//--></script>
<?php echo $footer; ?>

PS : Le code doit être mis dans les balises destinées à cet effet. Correction effectuée.

[sabtrefle]

Merci pour l'info !