Mise en page menu Liste des catégories

Bonjour,

Pour avoir dans la même vue une fois un élément "caché" et l'autre fois, dans un contexte différent ce même élément affiché, il y a une solution très rapide en Css.

Suivez mon idée étape par étape pour en comprendre le principe & voir comment procéder :
- Voyez cette documentation pour comprendre comment ajouter des commandes Css à vos fichier css frontend, nous vous recommandons d'utiliser "Styles for the front-end".
- Puis construisez votre command css, et surtout votre selector en 2 parties :
Example :
.context1_html_class .element_html_class {
display: none;
}
.context2_html_class .element_html_class {
display: block; // Ou bien "inline-block" ou "inlin" en fonction des besoin.
}
=> "context1_html_class" & "context2_html_class" sont donc des class spécifique à 2 context différent qui vous vous permette de limiter votre commande Css seulement où cela est nécessaire mais aussi de varier les commandes page par page.

En espérant que cela vous aide à obtenir ce dont vous avez besoin.
Cordialement

Bonjour,

Si vous regardez l'HTML de la page principale et l'HTML de la page lorsque vous avez cliqué sur une catégorie, vous avez quelque chose comme cela:
i.imgur.com/FMqMNkP.png
A gauche, la page principale, à droite la page d'une catégorie.
Vous voulez enlever le listing des produits de la page sur la gauche et le garder sur la page de droite.
Si vous regarder quel div en particulier affiche le listing des produits, cela peut en effet être celui avec la classe hikashop_submodules
Or ce div est aussi utilisé sur la page de droite pour le listing des produits.
C'est là qu'interviennent context1_html_class et context2_html_class. Le but étant de trouver un div parent du div que vous voulez cacher avec une class / id différent entre les deux pages.
Par exemple, vous avez le div avec l'id hikashop_category_information_menu_123 dans les deux pages. Et si vous regardez les classes de ce div, vous notez que la dernière classe est différente. D'un coté c'est hikashop_category_listing_81 et de l'autre c'est hikashop_category_listing_86
81 et 86 sont en fait les ids de la catégorie principale sur chaque page.
Donc si vous écrivez:

.hikashop_category_listing_81 .hikashop_submodules{ display:none; }