Jump to content

Bloc catégorie - supprimer bouton plus & lien


Recommended Posts

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.

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites
  • 2 weeks later...

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 !

  • Like 1

Share this post


Link to post
Share on other sites

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 by CSilva (see edit history)

Share this post


Link to post
Share on other sites
  • 2 years later...

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

Share this post


Link to post
Share on other sites
  • 1 year later...

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! 

Share this post


Link to post
Share on other sites

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 :) 

Share this post


Link to post
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
×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More