Bloc catégorie - supprimer bouton plus & lien

[cupidon4040]

Bonjour à tous et merci de m'accueillir sur votre forum.

 

Je suis nouveau sur prestashop.

 

Je ne trouve pas comment supprimer le bouton plus du block catégorie et de remplacer le lien de la catégorie par cette fonction de bouton plus.

 

En résumé :

 

- Supprimer bouton plus

- Quand on clic sur la catégorie, cela déroule les sous-catégorie (et idem pour les sous-sous catégorie).

 

 

Quelqu'un pourrait m'aider ?

 

J'ai juste quelques pistes comme le fichier treeManagement.js et, évidement, le dossier "blockcategories" dans module...

 

Merci d'avance pour votre aide et bonne journée à tous.

[Vincent Decaux]

Bonjour,

 

Point négatif, vous ne pouvez donc plus accéder à la catégorie parente si vous faites comme ça.

Le bouton "plus" est un bon choix dans la navigation, je ne pense pas que ce soit une bonne idée de l'enlever, bien que cela soit faisable..

[cupidon4040]

Bonjour,

 

Il s'agit de la demande du client et comme le client est toujours roi (et tétu)...

 

Mais merci quand même. J'espère que quelqu'un trouvera une solution.

[Vincent Decaux]

Et bien tout se joue en effet dans la partie treeManagement.js. Pour ma part, après quelques essais, la modification est quand même assez lourde car il faut refaire quasiment tout le fichier JS. Mais c'est faisable, en espérant que quelqu'un l'ait déjà fait pour vous aider.

[cupidon4040]

Finalement j'ai trouvé tout seul (Merci quand même à Vincent pour ses recherches et pour m'avoir conforté sur certaines idées).

 

Effectivement il suffisait de retoucher le js (et un peu le css).

 

Plus bas je vous donne le détails complet mais en résumé :

 

Il faut enlevé l'ajout du bouton +.

//$('ul.tree.dhtml ul').prev().before("<span class='grower OPEN'>");

 

Enlever le lien sur la catégorie :

$('ul.tree.dhtml ul').prev().removeAttr('href');

 

Ajouter la classe grower OPEN a la catégorie :

$('ul.tree.dhtml ul').prev().addClass('grower OPEN');

 

Enfin changer les Span du code en a. Plus supprimer deux .prev()

 

En ce qui concerne le css : il suffit de supprimer les styles des ID suivantes dans global.css :

 

#categories_block_left li .OPEN,

#categories_block_left li .CLOSE

 

 

 

Voici en détail le code pour le treeManagement.js (à partir de //add growers to each ul.tree elements

 

 

 

//add growers to each ul.tree elements

 

$('ul.tree.dhtml ul').prev().removeAttr('href');

$('ul.tree.dhtml ul').prev().addClass('grower OPEN');

 

 

//dynamically add the '.last' class on each last item of a branch

$('ul.tree.dhtml ul li:last-child, ul.tree.dhtml li:last-child').addClass('last');

 

//collapse every expanded branch

$('ul.tree.dhtml a.grower.OPEN').addClass('CLOSE').removeClass('OPEN').parent().find('ul:first').hide();

$('ul.tree.dhtml').show();

 

//open the tree for the selected branch

$('ul.tree.dhtml .selected').parents().each( function() {

if ($(this).is('ul'))

toggleBranch($(this).prev(), true);

});

toggleBranch( $('ul.tree.dhtml .selected'), true);

 

//add a fonction on clicks on growers

$('ul.tree.dhtml a.grower').click(function(){

toggleBranch($(this));

});

//mark this 'ul.tree' elements as already 'dynamized'

$('ul.tree.dhtml').addClass('dynamized');

 

$('ul.tree.dhtml').removeClass('dhtml');

}

});

 

 

 

 

Encore merci à vous. J'espère que ce post sera un jour utile à quelqu'un !

[CSilva]

Bonjour cupidon4040,

 

je vous remercie pour votre excellent travail, j'ai essayé cette solution un certain temps, et n'a trouvé aucune réponse.

Je ne suis pas très bon avec les Français (Merci à Google Translator), et la programmation n'est pas mon fort, donc, j'ai quelques questions.

• Vous savez ce qu'il faut pour ferme la catégorie étendu, lorsque vous cliquez sur une autre?
  
• Déjà maintenant, comment puis-je modifier le css pour changer la couleur de la catégorie sélectionnée?
  

 

Encore une fois, merci!

 

salutations,

 

CSilva

Edited July 12, 2013 by CSilva (see edit history)

[damdam13]

Bonjour cupidon4040,

 

Votre réponse ne fonctionne pas ?

 

Pouvez vous m'envoyer s'il vous plait m'envoyer l'intégralité du fichier treeManagement.js ainsi que ce qui faut ajouter dans global.css

 

Merci

[Grafyx89]

Hello, 

Est-ce la même chose sur la 1.6 ? Car visiblement ça ne change absolument rien en front haha. 
J'ai exactement le même besoin, à savoir de désactiver le lien sur la catégorie parente car celà fait doublon avec le sous-menu et ouvrir le sous-menu au clic de la catégorie parente et non au hover .. 

Merci à tous! 

[Grafyx89]

Pour ceux que ça intéresses. Désactiver le liens sur la catégorie parente : 

 

 <script type="text/javascript">
    $(document).ready(function() {
        $(".sf-with-ul").click(function(){            
            $(".sf-with-ul").removeAttr("href");
        });
    });
</script> 

Par contre je ne sais toujours pas comment ouvrir le sous-catégorie au clic et non au hover .. Une idée sur la 1.6 svp ? Merci