Liste et grille en icônes.

[LeorLindel]

Bonjour,

Voici une petite modification qui remplace le texte "Liste" et "Grille" par des icônes.

Cette modification est compatible de la v1.5.0.5 à la v1.5.2.1

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

Chercher cette ligne (44) :

Code: Tout sélectionner

    <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>


La remplacer par celle-ci :

Code: Tout sélectionner

    <div class="display"><b><?php echo $text_display; ?></b>&nbsp;<img src="catalog/view/theme/hyla/image/product-list.png" alt="<?php echo $text_list; ?>" title="<?php echo $text_list; ?>" />&nbsp;<a onclick="display('grid');"><img src="catalog/view/theme/hyla/image/product-grid.png" alt="<?php echo $text_grid; ?>" title="<?php echo $text_grid; ?>" /></a></div>


Chercher cette ligne (149) :

Code: Tout sélectionner

      $('.display').html('<b><?php echo $text_display; ?></b> <?php echo $text_list; ?> <b>/</b> <a onclick="display(\'grid\');"><?php echo $text_grid; ?></a>');


La remplacer par celle-ci :

Code: Tout sélectionner

      $('.display').html('<b><?php echo $text_display; ?></b>&nbsp;<img src="catalog/view/theme/hyla/image/product-list.png" alt="<?php echo $text_list; ?>" title="<?php echo $text_list; ?>" /><a onclick="display(\'grid\');">&nbsp;<img src="catalog/view/theme/hyla/image/product-grid.png" alt="<?php echo $text_grid; ?>" title="<?php echo $text_grid; ?>" /></a>');


Chercher cette ligne (186) :

Code: Tout sélectionner

      $('.display').html('<b><?php echo $text_display; ?></b> <a onclick="display(\'list\');"><?php echo $text_list; ?></a> <b>/</b> <?php echo $text_grid; ?>');


La remplacer par celle-ci :

Code: Tout sélectionner

      $('.display').html('<b><?php echo $text_display; ?></b>&nbsp;<img src="catalog/view/theme/hyla/image/product-list.png" alt="<?php echo $text_list; ?>" title="<?php echo $text_list; ?>" onclick="display(\'list\');"/>&nbsp;<img src="catalog/view/theme/hyla/image/product-grid.png" alt="<?php echo $text_grid; ?>" title="<?php echo $text_grid; ?>"/><a onclick="display(\'list\');">');

Copier ces deux icônes (clic droit > Enregistrer l'image sous) puis les mettre dans le répertoire catalog/view/theme/default/image.

product-list.png (219 Octets) Vu 960 fois

product-grid.png (222 Octets) Vu 960 fois

Réitérer les opérations énoncées ci-dessus sur les fichiers :

- catalog/view/theme/default/template/product/manufacturer_info.tpl
- catalog/view/theme/default/template/product/search.tpl
- catalog/view/theme/default/template/product/special.tpl

[LeorLindel]

Le fichier XML pour vQmod est disponible ici.