Affichage des produits en 1 colonne (2 colonnes paramétrées)

  • Posts: 8
  • Thank you received: 1
  • Hikaserial Subscription Hikashop Essential
2 days 8 hours ago #371672

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

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 85544
  • Thank you received: 13992
  • MODERATOR
2 days 4 hours ago #371675

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/

Please Log in or Create an account to join the conversation.

  • Posts: 8
  • Thank you received: 1
  • Hikaserial Subscription Hikashop Essential
2 days 32 minutes ago #371687

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.

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 85544
  • Thank you received: 13992
  • MODERATOR
1 day 20 hours ago #371688

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

The following user(s) said Thank You: slaricharderie

Please Log in or Create an account to join the conversation.

  • Posts: 8
  • Thank you received: 1
  • Hikaserial Subscription Hikashop Essential
1 day 6 hours ago #371703

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
Powered by Kunena Forum