Jump to content

[Contribution][Module+tutoriel]Vos catégories Prestashop en pages d’accueil

Maury Girard
 Share

Recommended Posts

Maury Girard Newbie

Maury Girard

Posted
Posted

[Mise à jour du 9/11/2010] pour le Cms prestashop 1.3

Bonjour,
En cherchant sur la toile ,grace à www.dsi94.com
j'ai trouvé ce sympathique module que je met à la disposition de la comunauté

Dans un premier temps, télécharger ce lien
http://www.megaupload.com/?d=FAIOG6YW (LIEN:OK)
Si par hasard le lien n'est présentement pas disponible , rafraichissez la page en fesant un F5
ou créer votre compte sur mégaupload (c'est gratuit , sans obligation d'achat) et vous l'aurez aussi vite

Et installer le module "Homecategories" dans le répertoire Module de votre FTP

-Dans la configuration du module, ajustez le nombre de catégories max désirées, puis enregistrez.
-Rendez-vous ensuite dans "Modules > Positions" et placez le module à l'endroit voulu dans "Homepage content".

-Passons maintenant à la partie CSS qui, bien sur, est a ajuster en fonction de votre site.
Voici le code qui est actif sur ce site là
(Aidez vous de Firebug pour mieux comprendre comment , il est constitué)

Code :

/***Home categorie ~180px x nbre ligne***/
#homeCatWrapper {
height:547px;
margin-left:6px;
z-index:0;
}
/***largeur d'1 catégorie***/
#homeCat {
float:left;
width:180px;
}
/***Titre de la catégorie***/
#homeCat h5 {
font-size:12px;
font-weight:bold;
padding-bottom:10px;
text-align:center;

}
/***Lien sur la catégorie***/
#homeCat h5 a {
color:#820024;
margin-right:15px;
text-decoration:none;
}

#homeCat h5 a:hover {
color:#820024;
text-decoration:underline;
}

div#homeCat a img {
border:1px solid #b68179;
}



Donc CE code cité juste au dessous, insérer le juste en dessous de , et dans le global.css

/* cms pages */
#cms div.content_only { 
   text-align: left; 
   padding: 10px 
}
.largeur-750{ width:750px; 
}




Ensuite, il faut redimensionner vos images
Donc allez dans le Back Office de votre Boutique
Préférence > Image >
Allez modifier comme bon vous semble "category"
(en exemple modifier en 150 x150 )

Et surtout n'oubliez pas de cliquez sur régénérer les images
Par contre n'étant pas chez le fourniseur OVH ( je ne connais plus la démarche à suivre) pour cette régénération
mais il existe un topic sur le forum Ps qui en parle

Cordialement,

23305_zm2E6li6ObYJJXGIO5QQ_t

Link to comment
Share on other sites
Maury Girard Newbie

Maury Girard

Posted
  • Author
Posted

Tyliabb
Si vous utilisiez Firebug , comme je le propose sur le topic plus haut
vous auriez vu sur l'exemple du site proposé qu'il faut placer le code à la ligne 2528
donc en dessous de 

}

.confirmation { color: forestgreen; font-weight: bold;}



Cordialement,

Link to comment
Share on other sites
max1960 Newbie

max1960

Posted
Posted
Bonjour Max1960,
sous quelle version de PrestaShop êtes vous
Sous quel templates, êtes vous
Avez vous déjà attribué des catégories
Avez vous un lien de votre Eboutique afin de déterminer votre erreur
Cordialement,


Bonjour,
Prestashop 1.2.5 thème original,
des catégories est attribuè Julien Breux menù, je travaille au local.
excuser mon français, je suis Italien Traduire avec Google
Link to comment
Share on other sites
  • 1 month later...
  • 3 months later...
vezy Newbie

vezy

Posted
Posted

Bonjour,
Je suis tombée sur cette page car j'avais installé dans un permier temps ce module ci http://www.prestashop.com/forums/viewthread/2079/modules/frontpage_categories_module - malheureusement, 'No categories' s'affiche... alors j'ai essayé le module proposé sur cette page...mais j'ai toujours le même problème...

Je suis avec Prestashop 1.2.5 et j'ai plusieurs catégories de crée et une boutique en ligne qui roule depuis quelques temps maintenant. Je serais ravie de trouver la solution car je pense que c'est un peu essentiel de rendre la navigation le plus simple et concis que possible!

Le lien de ma boutique se trouve dans la signature... Merci d'avance!

Link to comment
Share on other sites
  • 1 month later...
framboise33 Newbie

framboise33

Posted
Posted

bonjour
je suis en train d'essayer de procéder comme vous avez dit
j'ai installé firebug mais je n'arrive pas à visualiser les numéros de lignes comme vous dites ici :
Tyliabb
Si vous utilisiez Firebug , comme je le propose sur le topic plus haut
vous auriez vu sur l’exemple du site proposé qu’il faut placer le code à la ligne 2528

Link to comment
Share on other sites
Maury Girard Newbie

Maury Girard

Posted
  • Author
Posted

Framboise33
Tout est édité de façon à ce que que vous puissiez le paramétrer vous même.
Ensuite, pour visualiser ces lignes , il faut avoir les outils adéquate comme Notepad++

Sinon de faire simplement une recherche avec Contrôle+F dans votre notepad de base
et de mettre le mot ./* cms pages */

Ou sinon ,pour être plus clair .Insérez le code après ceci (donc plus besoin de cette fameuse ligne)

/* cms pages */
#cms div.content_only { 
   text-align: left; 
   padding: 10px 
}
.largeur-750{ width:750px; 
}



Cordialement,

Link to comment
Share on other sites
titi222 Newbie

titi222

Posted
Posted

Bonjour,
Non ce n'est pas ce que je souhaiterai.
Le module home catégories n'affiche que la catégorie.
Je souhaiterai avoir un bloc avec la catégorie et ses sous catégories :

Catégorie 1
- souscatégorie1
- souscatégorie2
...

Catégorie 2
- souscatégorie1
- souscatégorie2
...

Link to comment
Share on other sites
  • 9 months later...
ohoho Newbie

ohoho

Posted
Posted

Je déterre ce topic

Bonjour,

Non ce n'est pas ce que je souhaiterai.

Le module home catégories n'affiche que la catégorie.

Je souhaiterai avoir un bloc avec la catégorie et ses sous catégories :

Catégorie 1

- souscatégorie1

- souscatégorie2

...

Catégorie 2

- souscatégorie1

- souscatégorie2

...

 

Quelqu'un a trouvé une solution pour ça ? La page du module cité par Maury Girard ne fonctionne plus.

 

Merci pour votre aide

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...