Jump to content

[Module] Gratuit : Homecategoriesplus, Affichez Vos Catégories Et Sous Catégories Sur La Home

ckarone

By ckarone
in Modules et thèmes gratuits

 Share

Recommended Posts

ckarone Newbie

ckarone

Posted
Posted (edited)

Bonjour,

Voici un petit module gratuit qui permet d'afficher vos catégories, sous-catégories sur la page d'accueil avec un produit pour chaque catégorie.

UK post

Il est testé sur PS 1.4.7.3 | 1.4.8 | 1.4.9 | 1.5.2 | 1.5.3.1 | 1.6.1

Configurable sur 29 points dont :
-Affichage ou non des sous-catégories
-Affichage ou non des images des catégorie principales
-Affichage ou non du produit (prix/boutton panier)
-Pour les couleurs j'ai ajouté un color picker
-Afficher plusieurs produits
-Compatible multiboutique 1.6
-...

Et disponible en FR | DE | EN (merci Google)

Voici un exemple : http://imageshack.us...04/samplesz.jpg

Version 0.8 pour PS1.6 uniquement

Compatible avec le thème Bootstrap donc entièrement responsive BO et FO

Non compatible avec les versions avant PS 1.6

 

homecategoriesplus.zip

 

Version 0.7 pour PS1.5 et 1.4
Ajout de la compatibilité avec le multiboutique pour PS 1.5
Correction du nom du fichier pour l'upload

homecategoriesplus.zip


Module gratuit mais j'accepte les dons ;) .


Ckarone

Edited by ckarone (see edit history)
  • Like 7
Link to comment
Share on other sites
  • Replies 398
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

ckarone
ckarone

Bonjour, Voici un petit module gratuit qui permet d'afficher vos catégories, sous-catégories sur la page d'accueil avec un produit pour chaque catégorie. UK post Il est testé sur PS 1.4.7.3 | 1.4.

ckarone
ckarone

Hello tous,   J'ai modifier le module et il est compatible 1.5.2 (à la demande de Graphileom).   Si vous avez une version 1.4.9, pouvez-vous me faire une petit feedback merci.   Ckarone

ckarone
ckarone

@pasbesoin c'est pas premium mais medium!!   Pour ceux qui utilisent le multiboutique j'ai ajouté des modifications dans le fichier homecategoriesplus.php, pouvez-vous tester avec celui-ci et me dir

Posted Images

SCAMPAI Newbie

SCAMPAI

Posted
Posted

Hello tous,

J'ai modifier le module et il est compatible 1.5.2 (à la demande de Graphileom).

Si vous avez une version 1.4.9, pouvez-vous me faire une petit feedback merci.

Ckarone

 

Bonjour Ckarone,

 

Et bien, je suis choyé :D , c'est ***** NOEL *****, un grand merci !!

Je l'ai installé sur la 1.5.2, c'est OK.

 

ps: tu as laissé le fichier homecategoriesplus.psd dans le zip, c'est normal ?

 

Cdlt,

Philippe

Link to comment
Share on other sites
Parachini Newbie

Parachini

Posted
Posted

Bonjour ,

 

J ai installé votre module qui à l'air super pratique cependant je ne comprend pas votre avertissement ;

 

*N'oubliez pas de creer une image au nom "medium" avec une hauteur et un largeur de 80*80px pour les catégories et les produits et de regénérer les miniatures

 

Faut il créer une image nommée "med

ium" de 80sur80 et l'intégrer ? c'est a mettre en icône de catégorie ?

D'autre part mes images ne

s'affichent pas . faut il du jpeg ou du png ?

 

merci de m'éclairer .

 

Bonne journée

post-435965-0-21602700-1355493718_thumb.png

Link to comment
Share on other sites
ckarone Newbie

ckarone

Posted
  • Author
Posted (edited)

@Graphileom a mince, je corrige le zip.

@Parachini, vous devez ajouter une nouvelle image dans BO>préférence>image et ajouter une image qui aura le nom medium et validée pour les produits et les catégories.

 

Sans cette image, c'est normal que les images sur le FO manquent.

 

Ckarone

Edited by ckarone (see edit history)
Link to comment
Share on other sites
Parachini Newbie

Parachini

Posted
Posted

@Graphileom a mince, je corrige le zip.

@Parachini, vous devez ajouter une nouvelle image dans BO>préférence>image et ajouter une image qui aura le nom medium.

 

Sans cette image, c'est normal que les images sur le FO manquent.

 

Ckarone

 

Merci beaucoup pour votre rapide réponse et votre excellent module qui manque étrangement a prestashop ! j eid sBRAVO ...

 

excellente journée .

Link to comment
Share on other sites
ckarone Newbie

ckarone

Posted
  • Author
Posted

Suite à un post de @papich sur le post en EN j'ai ajouté la possibilité d'afficher plusieurs produits.

 

Donc maintenant avec un peu de paramétrage, @papich peu faire ce qu'il m'a demandé.

 

Pour ce qui est de l'image, j'ai relu ce point et j'y précise bien que la nouvelle image medium doit être validée pour les catégories et le produits.

Pour la présentation du module dans le BO j'y pense .

 

Ckarone

  • Like 1
Link to comment
Share on other sites
papich Apprentice

papich

Posted
Posted

Bonnes fêtes à tous

 

J'ai téléchargé le module du premier post et je ne vois pas d'évolution par rapport à l'ancien je suis toujours en v0.1 et quand je regarde le bloc produit j'ai "Afficher le produit:" j'ai une case à cocher....

 

Merci

Link to comment
Share on other sites
papich Apprentice

papich

Posted
Posted

Le dernière version est le v0.3, télécharger à nouveau le module, le soucis est là je pense.

ckarone

 

Bizarre quand je télécharge le zip du premier post je suis toujours en v0.1 et ce la dernière modification du post est:

Modifié par ckarone, 14 d�cembre 2012 - 04:40 .

 

Où est donc la dernière version?

 

Merci

Link to comment
Share on other sites
yann45110 Newbie

yann45110

Posted
Posted

Bonjour, merci pour ce module très interessant, cependant, j'ai enlever l'affichage des sous catégories et je voudrais savoir si il était possible de mettre plusieures images produits dans le module, et si oui, quelles parties du code dois-je modifier?

 

Merci encore pour ce module.

Link to comment
Share on other sites
papich Apprentice

papich

Posted
Posted

@chti56 Ton produit est affecté sur la page accueil?Ton bloc my account est dans le footer c'est normal?ton site doit être en anglais ou en francais car là tout est mélangé....

 

@yann45110 oui c'est possible d'où l’intérêt de la v0.3 téléchargeable un peu plus haut dans le post de ckarone

 

@ckarone Merci pour cette version par contre:

* dans le back office j'ai bien la version 0.3 mais il est écrit 0.1

*A quoi correspond largeur/hauteur du block du produit?

 

Merci

post-19050-0-74920700-1356955974_thumb.jpg

Link to comment
Share on other sites
chti56 Collaborator

chti56

Posted
Posted

Effectivement j'ai voulu essayé de changer de langue... et ça ma mis le 'bazard' sur le site !!

Je n'ai pas voulu le réinstaller, mais j'ai pu rattraper le problème...

Pour répondre à ta question, le produit n'est pas attaché à la page d'accueil, seulement à 3 imprimantes (les 3 premières de la liste du tableau).

Super module autrement !!

Link to comment
Share on other sites
chti56 Collaborator

chti56

Posted
Posted

Bonjour,

 

Tout d'abord meilleurs voeux à tous !!!

Pour répondre à la question: j'utilisé PS 1.4.8.2

...

Mais je constate aussi ceci (à mon avis rien à voir avec ce module):

 

- je cllique sur 'imprimantes DELL' et j'obtiens mon tableau d'imprimantes... normal...

- je clique sur la première imprimante (DELL 720) et j'obtiens le produits (cartouches) assigné à cette imprimante.. normal...

 

Mais dans le "fil d'ariane", j'ai ceci "Home>Imprimantes DELL>DELL 720"

 

si je clique sur "Imprimantes DELL", j'obtiens bien la liste complète des imprimantes DELL assignées à cette catégorie.. mais aussi le seul produit que j'ai pour le moment entré (site de test) !! Là ça ne me parait pas normal.

 

Quelqu'un peut-il m'éclairer ?? MERCI

Link to comment
Share on other sites
papich Apprentice

papich

Posted
Posted (edited)

Qu'est ce qui n'est pas normal?

 

Je pense que votre problème est plus centré sur le paramétrage du produit plus que celui du module avait vous un accès au BO ou des captures plus détaillées...

 

A savoir, capture en FO de la navigation et en BO du paramétrage du module et de la configuration du produit...

Edited by papich (see edit history)
Link to comment
Share on other sites
oolivvv Newbie

oolivvv

Posted
Posted

@ckarone

 

J'ai une petite question, j'aimerais modifier la couleur du titre des catégorie pour armoniser le module avec le reste de mon site, mais je ne parviens pas à le faire.

je dois insérer un code css de dégradé, quand je l'insère dans le css on dirait que le tpl ou autre passe par dessus cette modification et donc aucun effet n'est pris en compte lors du rafraîchissement.

 

une idée du code à modifier ??

pour voir l'effet voulu, le lien est dans la signature :-)

Link to comment
Share on other sites
oolivvv Newbie

oolivvv

Posted
Posted

Bonjour,

 

pour ma part les images ne s'affichent pas.

 

Pourtant j'ai bien créer l'image medium pour les produits et catégorie.

 

Je suis sur la dernière version de PS.

 

Voici mon site http://omega-nutrition.fr/

toute forme d'aide sera grandement appréciée

 

avez-vous regénérer les images ???

en fait quand on prend le lien d'une

 

http://omega-nutrition.fr/62-medium/tribu-2000.jpg

 

elle n'existe pas, donc ca veut dire qu'il faut générer les miniatures :-)

Link to comment
Share on other sites
ckarone Newbie

ckarone

Posted
  • Author
Posted (edited)

@oolivvv il faut modifier le fichier catpluscss.tpl pour le dégradé ici

#CategoriePlus .CatPlus .title{
background:#{/literal}{$divcolor}{literal};
display:block;
height:18px;
padding:3px 5px;
font-size:1.1em}

 

@[email protected] vous a donné une piste

 

@papich cela corespond à la taille du 

<span class="prod"> le produit..</span>

Ckarone

Edited by ckarone (see edit history)
  • Like 1
Link to comment
Share on other sites
oolivvv Newbie

oolivvv

Posted
Posted

@oolivvv il faut modifier le fichier catpluscss.tpl pour le dégradé ici

#CategoriePlus .CatPlus .title{
background:#{/literal}{$divcolor}{literal};
display:block;
height:18px;
padding:3px 5px;
font-size:1.1em}

 

Nickel :-) ca marche parfaitement

Link to comment
Share on other sites
papich Apprentice

papich

Posted
Posted (edited)

Avez-vous des idées pour améliorer le modules?

Voulez-vous plus de paramètres modifiables, si oui lequels?

 

Ckarone

 

Bonjour, voici mes suggestions:

 

* paramètres modifiables:

1/ choix du nombre de catégories ou sous catégories à afficher avec le nombre de produit par catégories

2/ Taille produit et personalisation

 

*Amélioration

1/ mettre les blocs de paramétrage à côté du détail de la configuration pour une meilleur lisibilité

2/ amélioration des box par css ca fera plaisir @oolivvv

Edited by papich (see edit history)
Link to comment
Share on other sites
nico476 Newbie

nico476

Posted
Posted

slt à tous sa fait une semaine que je cherche un module pour affiché mes sous catégorie de cette mannière au lieu de mètre en liste l'une en dessous de l'autre dans les pages catégorie j'ai cru voir déjà une question à ce suget sans réponse sur ce post je pensse que pourvoir affiché ces sous catégorie avec ce module sa serré super au lieu d'avoir une longue liste 2 10 sous catégorie (en tous cas super module)

Link to comment
Share on other sites
bigyom Newbie

bigyom

Posted
Posted

ahaha j'ai bien une autre question....

 

Y'a un soucis dans l'ordre des sous-catégories. Dans le fichier homegategoriesplus.php la requête pour afficher les sous-catégories propose un ordre d'affichage par position. Mais quand on change la position d'une catégorie, rien ne se produit en home page.

WTF !

Link to comment
Share on other sites
papich Apprentice

papich

Posted
Posted (edited)

Bonjour,

 

A quoi correspond

Sens d'affichage nouveau/position:

?

 

Est il possible de rajouter la possibilité d'afficher les images des sous catégories ainsi que les produits?

 

Quand il n'y a pas d'image chargé j'ai une case vide même après régénération des miniatures comment faire pour écrire aucune image disponible sans l'uploader?

 

 

Merci

Edited by papich (see edit history)
Link to comment
Share on other sites
ckarone Newbie

ckarone

Posted
  • Author
Posted (edited)

Avec le code suivant. il est possible d'afficher les images des sous-catégories:

remplacez la ligne 36 par ceci dans homegategoriesplus.tpl

<li><a href="{$scategoryLink}">{$subcategorie.titre} <br>
<img src="{$img_cat_dir}{$subcategorie.id}-medium.jpg" alt="{$subcategorie.titre}" title="{$subcategorie.titre}" id="categoryImage" /></a></li>

Papich, c'est une option qui sera disponible dans la prochaine version

 

Ckarone

Edited by ckarone (see edit history)
Link to comment
Share on other sites
papich Apprentice

papich

Posted
Posted (edited)

Vous pouvez choisir le sens d'affichage du/des produit(s) par date d'ajout ou par position.

 

Tu le fait qu'en cochant une option?

 

L'affichage des catégories et sous catégories se fait de facon aléatoire comment faire pour qu'il respecte l'ordre donné?

 

Merci

Edited by papich (see edit history)
Link to comment
Share on other sites
ckarone Newbie

ckarone

Posted
  • Author
Posted

Oui avec un checkbox, donc normalement le module va afficher selon la date d'ajout ou la position.

 

J'ai ajouté une animation JQUERY au module que l'on va choisir en cochant "animation".

Si cette animation est cochée, les produits ne seront plus affichés mais les sous-catégories (images) seront affichées via le lien de la catégorie corespondante.

 

Cette évolution est une beta donc pas de configuration pour le moment et il manque des traductions mais elle fonctionne ;) .

 

Si vous voulez tester elle est disponible ici : homecategoriesplus.zip

 

Ckarone

Link to comment
Share on other sites
ckarone Newbie

ckarone

Posted
  • Author
Posted

J'y travaille justement, mais tu peux la modifier dans la fichier css/style.css à la ligne 83 et 129 en changeant les couleurs.

 

Remplaces ligne 83 :

border-top: 5px solid #888;

par

border-top: 5px solid #FF6699;

 

et ensuite

 

Remplaces ligne 129 :

border-top-color: #000;

par

border-top-color: #FF6699;

 

Ckarone

Link to comment
Share on other sites
bigyom Newbie

bigyom

Posted
Posted

Hello cKarone !

 

Je suis en Presta 1.5.3

 

Je viens de mettre en place la dernière version de ton module. L'animation ne marche pas au top mais je n'en ai pas trop besoin... (pour le moment)

 

J'ai tjrs ce problème dans l'ordre des sous catégories qui n'est pas pris en compte.

 

Le classement dans la requête SQL se fait par position. Ok, mais dans la table ps_category, le champ position est souvent égale à zéro dans la version 1.5 de Prestshop et ne change pas quand on modifie l'ordre dans le BO, alors qu'il est correctement modifié en version 1.4. Cela doit ce gérer ailleurs !

 

Comprendo ?

Link to comment
Share on other sites
bigyom Newbie

bigyom

Posted
Posted

En attendant, voici une petite amélioration de mise en page pour avoir la marge de droite bien calée si on a plusieurs lignes de catégories.

 

Dans mon cas, je veux 3 catégories par ligne.

 

Remplacez le début du fichier "homecategoriesplus.tpl" par ceci :

 

 


{if $jquery == 0}
{if $categories}
<div id="CategoriePlus">
{assign var='nbItemsPerLine' value=3}
{foreach from=$categories item=categorie name=cats}
{assign var='categoryLink' value=$link->getcategoryLink($categorie.id, $categorie.link_rewrite)}
     <div class="CatPlus {if $smarty.foreach.cats.iteration%$nbItemsPerLine == 0}last_item_of_line{else}item{/if}">

 

Puis dans le fichier "catpluscss.tpl" rajoutez ceci :

 

 

#CategoriePlus .item{margin-right:30px}
#CategoriePlus .last_item_of_line{margin-right:0}

 

Vous remarquerez que j'ai supprimé les id des div pour surcharger la class. (j'aime cette phrase de geek :P )

 

Après il suffit d'ajuster la larguer du block 1 des catégories principales dans le BO pour que cela colle pile poil !

 

@+

Link to comment
Share on other sites
bigyom Newbie

bigyom

Posted
Posted

Yop ! J'ai trouvé la modification de la requête SQL d'affichage des sous-catégories pour que l'ordre soit pris en compte en version 1.5 de Prestashop :

 

ligne 480 de "homecategoriesplus.php"

 

 

//Looking for the sub categorie of the current category
$result_2 = Db::getInstance()->ExecuteS("SELECT * FROM "._DB_PREFIX_."category c
LEFT JOIN "._DB_PREFIX_."category_lang cl ON (c.`id_category` = cl.`id_category`)
LEFT JOIN "._DB_PREFIX_."category_shop cs ON (c.`id_category` = cs.`id_category`)
WHERE c.`id_parent` = '".$cat['id_category']."' 
AND c.`active` = 1 
AND cl.`id_lang` = '".$id_lang."' 
ORDER BY c.`level_depth` ASC, cs.`position` ASC 
LIMIT ".(int)Configuration::get('HOME_cat_plus__NBR_sub')."");

 

Cool

Link to comment
Share on other sites
bigyom Newbie

bigyom

Posted
Posted (edited)

@arnaudtda : merci !

 

@papich : pour rendre ce module "responsive" il te faut 3 styles supplémentaires pour s'adapter aux différents formats des écrans des appareils mobiles.

 

Normalement si ton thème est responsive, tu dois déjà avoir ces CSS suivants : 320.css, 480.css et 768.css ou alors un fichier du type layout.css qui reprend ces 3 formats.

 

Dans chacun d'eux il faut juste rajouter des modifs de la taille des div du module.

 

Dans mon cas, j'ai fait ceci :

 

Dans 320.css

 

 

/* Home categories plus */
#CategoriePlus {width:300px !important}
#CategoriePlus .CatPlus {width:300px !important}
#CategoriePlus h4 {width:268px !important}

 

Dans 480.css

 

 

/* Home categories plus */

#CategoriePlus{width:420px !important}
#CategoriePlus .CatPlus {width:420px !important}
#CategoriePlus h4 {width:388px !important}

 

Dans 768.css

 

 

/* Home categories plus */
#CategoriePlus {width:758px !important}
#CategoriePlus .CatPlus {width:758px !important}
#CategoriePlus h4 {width:738px !important}

 

C'est tout.

Edited by bigyom (see edit history)
Link to comment
Share on other sites
bigyom Newbie

bigyom

Posted
Posted

@Ckarone :

 

Je ne sais pas pourquoi mais l'animation jquery fonctionne bien maintenant !

Par contre si on dépasse plus de 4 catégories principales, elles ne rentrent pas toutes dans la page ou alors il faut une police très petite...

Link to comment
Share on other sites
bigyom Newbie

bigyom

Posted
Posted

@papich : Je n'ai pas installé ton thème blackHawk (qui est sympa), mais en jetant un coup d'oeil au fichier layout.css , les styles spécifiques aux différents formats d'écran commencent ligne 154.

 

Chaque section commençant par "@media only screen..." définit une largeur d'écran (960,767,480...). A toi de placer les bouts de code que j'ai donnés dans chacune des sections correspondante (entre les crochets {}) en ajustant la largeur en pixel pour que cela tienne dans ton thème.

 

Bonne bidouille !

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