- Posts: 26
- Thank you received: 1
Affichage des produits en 1 colonne (2 colonnes paramétrées)
- slaricharderie
-
Topic Author
- Offline
Less
More
6 months 2 weeks ago #371672
by slaricharderie
-- url of the page with the problem -- :
nwd4.cloudaccess.host/librairie.html
-- HikaShop version -- : 6.4.1
-- Joomla version -- : 6.1.0
-- PHP version -- : 8.3
Bonjour,
Malgré de nombreuses recherches (je ne vois pas de css parasite), je ne trouve pas pourquoi les produits s'affichent sur 1 colonne alors que 2 colonnes sont paramétrées (cf image jointe).
Page : nwd4.cloudaccess.host/librairie.html
Merci d'avance.
Salutations.
-- HikaShop version -- : 6.4.1
-- Joomla version -- : 6.1.0
-- PHP version -- : 8.3
Bonjour,
Malgré de nombreuses recherches (je ne vois pas de css parasite), je ne trouve pas pourquoi les produits s'affichent sur 1 colonne alors que 2 colonnes sont paramétrées (cf image jointe).
Page : nwd4.cloudaccess.host/librairie.html
Merci d'avance.
Salutations.
Please Log in or Create an account to join the conversation.
6 months 2 weeks ago #371675
by nicolas
Replied by nicolas on topic Affichage des produits en 1 colonne (2 colonnes paramétrées)
Bonjour,
Vous avez un problème avec un des overrides de vue du listing.
Soit un </div> en trop ou en moins à la fin qui fait que l'HTML est incorrect.
A cause de cela, le navigateur n'arrive pas à appliquer correctement le CSS pour le système de grid qui permet l'affichage en plusieurs colonnes.
Le problème doit être dans un des fichiers du dossier templates/VOTRE_TEMPLATE/html/com_hikashop/product/
Vous avez un problème avec un des overrides de vue du listing.
Soit un </div> en trop ou en moins à la fin qui fait que l'HTML est incorrect.
A cause de cela, le navigateur n'arrive pas à appliquer correctement le CSS pour le système de grid qui permet l'affichage en plusieurs colonnes.
Le problème doit être dans un des fichiers du dossier templates/VOTRE_TEMPLATE/html/com_hikashop/product/
Please Log in or Create an account to join the conversation.
- slaricharderie
-
Topic Author
- Offline
Less
More
- Posts: 26
- Thank you received: 1
6 months 2 weeks ago #371687
by slaricharderie
Replied by slaricharderie on topic Affichage des produits en 1 colonne (2 colonnes paramétrées)
Rebonjour,
Merci pour votre réponse mais il n'y a pas d'override (cf image jointe).
Le template "Medical" (éditeur Inspiretheme), a été installé récemment dans le cadre de la migration du site en Joomla6.
Salutations.
Merci pour votre réponse mais il n'y a pas d'override (cf image jointe).
Le template "Medical" (éditeur Inspiretheme), a été installé récemment dans le cadre de la migration du site en Joomla6.
Salutations.
Please Log in or Create an account to join the conversation.
6 months 1 week ago #371688
by nicolas
Replied by nicolas on topic Affichage des produits en 1 colonne (2 colonnes paramétrées)
Bonjour,
Désolé pour la confusion sur le diagnostic précédent. Après avoir chargé /librairie.html dans un navigateur et inspecté le rendu, le CSS de la grille fonctionne bien : chaque conteneur produits est en `display: grid` avec 12 colonnes, et chacun de vos produits est bien en `grid-column: span 6` (moitié de la ligne, soit 400 px sur 800 px). Le réglage 2 colonnes est donc actif côté HikaShop.
Ce que vous voyez vient en fait de la structure de votre catalogue. Votre menu Librairie ouvre la catégorie « Librairie », qui contient cinq sous-catégories (Législation et réglementation, IFFPF Création et Gestion, IFFPF Savoir-faire et Technique, Editions Le Moniteur, Collection « Les professionnels funéraires »). HikaShop affiche les produits de chaque sous-catégorie dans son propre bloc indépendant, avec le titre H2 de la sous-catégorie en haut. Or chacune de vos cinq sous-catégories ne contient qu'un seul produit. Le moteur réserve bien la moitié droite de chaque ligne pour la deuxième colonne, mais cette case reste vide puisqu'il n'y a pas de second produit pour la remplir. Visuellement vous avez donc cinq lignes empilées, chacune avec un produit calé à gauche et la moitié droite vide, ce qui donne l'impression d'une seule colonne.
Pour obtenir réellement deux produits côte à côte, deux pistes :
1. Ajouter au moins un deuxième produit dans chaque sous-catégorie. Les blocs concernés rempliront alors les deux colonnes.
2. Si vous préférez voir vos cinq produits réunis dans une grille unique sans le regroupement par sous-catégorie, désactivez l'affichage des sous-catégories sur le menu via l'option « Affichage des catégories enfants ».
Désolé pour la confusion sur le diagnostic précédent. Après avoir chargé /librairie.html dans un navigateur et inspecté le rendu, le CSS de la grille fonctionne bien : chaque conteneur produits est en `display: grid` avec 12 colonnes, et chacun de vos produits est bien en `grid-column: span 6` (moitié de la ligne, soit 400 px sur 800 px). Le réglage 2 colonnes est donc actif côté HikaShop.
Ce que vous voyez vient en fait de la structure de votre catalogue. Votre menu Librairie ouvre la catégorie « Librairie », qui contient cinq sous-catégories (Législation et réglementation, IFFPF Création et Gestion, IFFPF Savoir-faire et Technique, Editions Le Moniteur, Collection « Les professionnels funéraires »). HikaShop affiche les produits de chaque sous-catégorie dans son propre bloc indépendant, avec le titre H2 de la sous-catégorie en haut. Or chacune de vos cinq sous-catégories ne contient qu'un seul produit. Le moteur réserve bien la moitié droite de chaque ligne pour la deuxième colonne, mais cette case reste vide puisqu'il n'y a pas de second produit pour la remplir. Visuellement vous avez donc cinq lignes empilées, chacune avec un produit calé à gauche et la moitié droite vide, ce qui donne l'impression d'une seule colonne.
Pour obtenir réellement deux produits côte à côte, deux pistes :
1. Ajouter au moins un deuxième produit dans chaque sous-catégorie. Les blocs concernés rempliront alors les deux colonnes.
2. Si vous préférez voir vos cinq produits réunis dans une grille unique sans le regroupement par sous-catégorie, désactivez l'affichage des sous-catégories sur le menu via l'option « Affichage des catégories enfants ».
The following user(s) said Thank You: slaricharderie
Please Log in or Create an account to join the conversation.
- slaricharderie
-
Topic Author
- Offline
Less
More
- Posts: 26
- Thank you received: 1
6 months 1 week ago #371703
by slaricharderie
Replied by slaricharderie on topic Affichage des produits en 1 colonne (2 colonnes paramétrées)
Merci beaucoup Nicolas, c'est très clair.
Please Log in or Create an account to join the conversation.
Time to create page: 0.061 seconds