Colonnes

sudkarting
Topic Author
Offline

9 months 3 weeks ago #369942 by sudkarting

Colonnes was created by sudkarting

-- url of the page with the problem -- : www.sudkarting.fr/fr/boutique.html
-- HikaShop version -- : 6.2.0
-- Joomla version -- : 3.10.12

Bonjour,

Depuis la version 6.2.0 j'ai deux produits ou deux catégories en haut et le reste plus bas et je ne sais pas comment retrouver l'ancienne disposition.
Catégories > www.sudkarting.fr/fr/boutique.html
Produits > www.sudkarting.fr/fr/boutique/category/couronnes-pignons.html

Quel et le but de cette disposition?

Merci

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

nicolas
Offline

9 months 3 weeks ago #369943 by nicolas

Replied by nicolas on topic Colonnes

Bonjour,

Merci du retour sur ce souci. Cela vient du nouveau système de grille introduit dans la nouvelle version et un effet de bord de votre CSS personnalisé.
J'ai fait un patch dans HikaShop pour rendre le nouveau système plus solide pour ce genre de cas. Téléchargez à nouveau le paquet d'installation d'HikaShop sur notre site et installez-le sur le votre pour avoir le patch. Notez qu'il faudra vider le cache du navigateur pour que le nouveau CSS soit utilisé par le navigateur et que vous voyez la différence.

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

kilou
Offline

9 months 3 weeks ago #369954 by kilou

Replied by kilou on topic Colonnes

Bonjour,
j'interviens moi aussi sur ce post parce que avec cette nouvelle mise à jour c'est un peu la catastrophe point de vue mise en page, le breakpoint des colonnes n'est plus respecté dans mon template donc l'affichage sur mobile n'est plus correct, les champs de type input n'occupent plus toute la largeur des colonnes donc ça pique aux yeux, bref ça ne va pas... et je n'ai pas encore tout analysé sur mon site de dev.
Ce n'est pas un peu risqué de mettre à jour un système de grille? Si on est déjà deux à avoir un problème de mise en page j'ai bien peur qu'on ne sera pas les seuls...
Personnellement je ne mettrai pas à jour Hikashop sur mon site de production vers la version 6.2.0 si j'ai des erreurs de mise en page comme je les ai maintenant... à moins d'avoir loupé une nouvelle option dans la configuration d'Hikashop?

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

nicolas
Offline

9 months 3 weeks ago #369958 by nicolas

Replied by nicolas on topic Colonnes

Bonjour,

C'est justement pour ce genre de retours que nous avons une période de 2 semaines après une release où la mise à jour via Joomla n'est pas activée.
Le nouveau système de grille fonctionne bien mieux que l'ancien et il est nécessaire de le mettre à jour après 15 ans sur l'ancien.
Mais cela peut créer des soucis avec certaines personnalisations.
Si vous avez des exemples de problèmes, merci de fournir les URLs pour que nous puissions les étudier.
Nous pourrons ainsi voir pour améliorer le nouveau CSS pour éviter les problèmes de mise à jour, comme le permet le patch que j'ai fait suite au retour de @sudkarting
Cela permettra ensuite de faire la mise à jour sur le site live, sans souci.
D'ailleurs, si vous ne l'avez pas déjà fait sur votre site de dev, récupérez bien la version patchée hier.

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

kilou
Offline

9 months 3 weeks ago #369960 by kilou

Replied by kilou on topic Colonnes

Bonjour,
à mon sens, 576px est un seuil trop faible pour un affichage sur deux colonnes. Il vaudrait mieux passer à 768px, ou même 992px. L'idéal serait d'offrir le choix à l'utilisateur dans les paramètres d'HikaShop.

This message contains confidential information

...et pour voir les input c’est dans le passage en caisse sans être enregistré

Version 6.1.1

Version 6.2.0

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

nicolas
Offline

9 months 3 weeks ago #369963 by nicolas

Replied by nicolas on topic Colonnes

Bonjour,

Merci, c'est exactement ce qu'il me fallait.

Pour le souci n°1, en effet, la coupure à 576px est trop agressive. J'ai modifié cela.

Pour le souci n°2, le problème ne vient pas du nouveau système de grille, mais du patch que j'ai fait pour sudkarting, qui est trop violent et affecte les champs des formulaires alors qu'il ne faut pas.
J'ai changé le patch pour quelque chose de plus affiné.

Téléchargez à nouveau le paquet d'installation d'HikaShop sur notre site et installez-le sur le votre et tout devrait rentrer dans l'ordre.

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

kilou
Offline

9 months 3 weeks ago - 9 months 3 weeks ago #369965 by kilou

Replied by kilou on topic Colonnes

Le souci 1 est réglé, par contre les champs des formulaires restent toujours problématiques... vous pouvez tester sur le domaine beta qui a été mis à jour avec la dernière version d'Hikashop

Last edit: 9 months 3 weeks ago by kilou.

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

nicolas
Offline

9 months 3 weeks ago #369967 by nicolas

Replied by nicolas on topic Colonnes

Merci du retour. En effet, il y a un second souci avec le CSS pour les champs. J'ai fait un patch additionnel.
Téléchargez à nouveau le paquet d'installation d'HikaShop sur notre site et installez-le sur le votre et tout devrait rentrer dans l'ordre.

The following user(s) said Thank You: kilou

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

sudkarting
Topic Author
Offline

9 months 2 weeks ago #369996 by sudkarting

Replied by sudkarting on topic Colonnes

Bonjour,

L'affichage des coordonnées du client après la saisie de la commande se fait en hauteur ...

Dernière version d'hier

Merci

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

nicolas
Offline

9 months 2 weeks ago #369999 by nicolas

Replied by nicolas on topic Colonnes

Bonjour,

Alors oui, mais là, c'est parce que vous avez du CSS personnalisé dans tous les sens entre le template, un plugin système et vos personnalisations pour passer les champs en 2 colonnes.
Donc je ne pense pas que nous pouvons faire grand chose dans HikaShop pour éviter cela.
Là, il va falloir rajouter du CSS custom pour gérer tout cela comme il faut avec le nouveau système d'HikaShop, en tenant en compte le résultat que vous voulez, et le CSS custom déjà présent.
Par exemple, quelque chose comme cela:

Code:

/* Fix HikaShop Layout - Side-by-Side */
.hkform-group {
    display: flex !important;
    flex-wrap: nowrap !important; /* Keep on same line */
    align-items: center !important;
}

.hkform-group > label,
.hkform-group .control-label {
    flex: 0 0 120px !important; /* Fixed width */
    width: 120px !important;
    min-width: 120px !important;
    white-space: normal !important;
    margin-right: 15px !important;
}

/* Allow input to shrink/grow */
.hkform-group .controls,
.hkform-group input,
.hkform-group select {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important; /* Allow shrinking */
}

.hkform-group {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    
    /* Handle spacing and width correctly */
    box-sizing: border-box !important; 
    padding-right: 20px !important; /* Creates space between Col 1 Input and Col 2 Label */
}

/* Ensure absolute safety for inputs */
.hkform-group input, 
.hkform-group select, 
.hkform-group .controls {
    max-width: 100% !important;
    box-sizing: border-box !important;
}
/* --- Fix 1: Country Selector (Chosen) --- */
/* Force Chosen container to be responsive within the flex item */
.hkform-group .chzn-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important; /* Allow shrinking if needed */
}
.hkform-group .chzn-drop {
    width: 100% !important; /* Ensure dropdown matches container width */
    box-sizing: border-box !important;
}

/* --- Fix 2: "Same Address" Checkbox --- */
/* Reset flex behavior specifically for the checkbox line */
.hikashop_registration_same_address_line {
    display: block !important; /* Stop trying to be a flex row with restricted columns */
    width: 100% !important;
    clear: both !important;
    margin-top: 10px !important;
}

/* Hide the empty label column if it's taking up space */
.hikashop_registration_same_address_line .hkcontrol-label {
    display: none !important;
}

/* Ensure the checkbox container takes full width */
.hikashop_registration_same_address_line > div:not(.hkcontrol-label) {
    width: 100% !important;
    display: block !important;
    padding-left: 0 !important;
}

/* Style the checkbox and label to sit nicely together */
.hikashop_registration_same_address_line input[type="checkbox"] {
    display: inline-block !important;
    width: auto !important;
    margin-right: 8px !important;
    float: none !important; /* Remove any float interference */
    vertical-align: middle !important;
}

.hikashop_registration_same_address_line label {
    display: inline-block !important;
    width: auto !important;
    max-width: none !important; /* Prevent squashing */
    float: none !important;
    min-width: 0 !important; /* Override the 160px from previous rule */
    vertical-align: middle !important;
    margin: 0 !important;
}

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

sudkarting
Topic Author
Offline

9 months 2 weeks ago - 9 months 2 weeks ago #370005 by sudkarting

Replied by sudkarting on topic Colonnes

Bonjour,

Je ne domine pas trop le CSS, j'ai copié le code dans le Template dans un dossier custom.css mais cela semble pas résoudre le problème.
Ne faut il pas le copier dans Système/Config Générale/Affichage et dans le fichier custom de Fichier CSS pour la partie publique ?

Par contre en version smartphone tout était correct...

Pas d'idée..
Merci

Last edit: 9 months 2 weeks ago by sudkarting.

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

nicolas
Offline

9 months 2 weeks ago #370006 by nicolas

Replied by nicolas on topic Colonnes

Bonjour,

Le problème, c'est que vous avez un système de traduction automatique des pages sur votre navigateur, et il a traduit des morceaux du code CSS que j'ai fourni dans mon précédent message.
Du coup, vous avez copier / coller du code CSS incorrect dans votre fichier custom.
Supprimez le et refaites la manipulation sans que la page soit traduite automatiquement et cela devrait fonctionner.

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

sudkarting
Topic Author
Offline

9 months 2 weeks ago #370009 by sudkarting

Replied by sudkarting on topic Colonnes

Problème résolu, en fait cela venait de la traduction du forum hikashop...

Merci beaucoup !

The following user(s) said Thank You: nicolas

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

Time to create page: 0.135 seconds