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

Bienvenue, Invité

(1 visualisation(s)) (1) Invité

Répondre au sujet

Nouveau sujet

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.

Répondre Citer

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 ?
	Répondre Citer