Bienvenue, Invité
Nom d'utilisateur Mot de passe: Se souvenir de moi

Créer une page regroupant toutes les catégories avec lien et images
(1 visualisation(s)) (1) Invité
  • Page:
  • 1

SUJET: Créer une page regroupant toutes les catégories avec lien et images

Créer une page regroupant toutes les catégories avec lien et images il y a 1 an, 7 mois #8

  • admin
  • ( Admin )
  • Hors ligne
  • Administrateur
  • Message: 13
  • Karma: 0
***Compatible Prestashop => 1.3.x***

Le but de ce tutorial est de créer une page regroupant toutes les catégories de votre site prestashop avec les images des catégories et un lien vers les produits de celles-ci.

Pour voir en direct à quoi cela ressemble, allez sur www.spheredeco.fr et cliquez sur "VOTRE DÉCO MAISON" (titre du block catégories)

La première étape consiste à créer le lien sur le titre du block catégories. Pour cela, rendez-vous dans votre répertoire /modules/blockcategories et éditer le fichier blockcategories.tpl.

Modifier la ligne
<h4>{l s='Categories' mod='blockcategories'}</h4>

par
<h4><a href="category-list.php">{l s='Categories' mod='blockcategories'}</a></h4>


La deuxième étape consiste à télécharger le fichier .zip joints et de le transférer sur votre hébergement de telle sorte que :
  • category-list.php soit à la racine de votre installation Prestashop
  • category-list.tpl soit dans votre répertoire de thèmes (exemple /themes/prestashop)


La troisième est dernière étape est de modifier le css. Editer votre fichier global.css (ou celui-de votre thème si celui-ci est différent du thème original) avec le code suivant :

 
div.catlist{
float: left;
width: 170px;
min-height: 210px;
text-align: center;
border: 1px solid #66003c;
margin:5px;
}
li.catlist{
list-style-type: none;
}
h3.catlist, h3.catlist a{
margin:0;
text-transform: uppercase;
color: #66003c;
}
img.catlist{
width: 170px;
height: 170px;
}
 


C'est terminé !

ps : le fichier category-list.php comporte certainement des lignes de codes inutiles car il provient en fait du fichier supplier.php, mais cela ne nuit pas à la rapidité du site...

MAJ : 27/05/2011 :
Modification du code pour y intégrer la variable $shop.name.
Merci de mettre votre version à jour


Fichier attaché:

Nom du fichier: liste-categories-par-dsi94.com_2011-05-27.zip
Taille du ficher: 2 KB
Création de site internet Prestashop, Joomla! et Virtuemart
Dernière édition: il y a 11 mois, 3 semaines par admin.

Re: Créer une page regroupant toutes les catégories avec lien et images il y a 1 an, 5 mois #18

  • Cécile
  • ( Visiteur )
Whow ! C'est extra ! Merci !

Est-ce qu'on peut aller plus loin et récupérer les sous catégories pour chaque catégories ?

Re: Créer une page regroupant toutes les catégories avec lien et images il y a 1 an #36

  • Juliette
  • ( Visiteur )
Est il possible d'adapter ce code à la version 1.4 de prestashop?
  • Page:
  • 1
Temps de génération de la page: 0.26 secondes