Amenagement

sudkarting
Topic Author
Offline

1 year 9 months ago #365073 by sudkarting

Amenagement was created by sudkarting

-- url of the page with the problem -- : www.sudkarting.fr
-- HikaShop version -- : 5.1.2
-- Joomla version -- : 3.10.12
-- PHP version -- : 8.2.5

Bonjour,

Est il possible d'avoir en haut le module connexion (compte déjà crée) et avec une séparation en dessous sur 2 colonnes le formulaire de création de compte ?
Pour éviter d'avoir à faire défiler toute la page...

Merci

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

nicolas
Offline

1 year 9 months ago #365075 by nicolas

Replied by nicolas on topic Amenagement

Bonjour,

Oui, c'est possible. Il suffit de rajouter le code CSS nécessaire pour cela sur votre site.
Voici un bon début:

Code:

.hikashop_checkout_login .hkc-lg-4, .hikashop_checkout_login .hkc-lg-8 {
    width: 100% !important;
}
@media (min-width: 800px) {
.hikashop_checkout_login .hkform-group {
    width: 50% !important;
    float: left;
}
}
#hikashop_registration_privacy_area{
    width: 100% !important;
}

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

sudkarting
Topic Author
Offline

1 year 9 months ago - 1 year 9 months ago #365076 by sudkarting

Replied by sudkarting on topic Amenagement

Bonjour,

Merci j'ai trouvé où le mettre mais maintenant est il possible que les champs "s'alignent en largeur sur le template ? Dans la version mobile cela dépasse pas mal...

Cordialement,

Last edit: 1 year 9 months ago by sudkarting.

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

nicolas
Offline

1 year 9 months ago #365079 by nicolas

Replied by nicolas on topic Amenagement

Bonjour,

Vous pouvez ajouter également ce CSS:

Code:

.hikashop_checkout_login {
    width: auto !important;
}

The following user(s) said Thank You: sudkarting

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

sudkarting
Topic Author
Offline

8 months 2 weeks ago #370240 by sudkarting

Replied by sudkarting on topic Amenagement

Bonjour,

Cette mise en page a disparu avec la 6.3.0 et le code est toujours présent dans mon template/Css/custom css

Une idée?
Merci

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

nicolas
Offline

8 months 2 weeks ago #370242 by nicolas

Replied by nicolas on topic Amenagement

Bonjour,

Je vois toujours la bonne mise en page sur la version desktop:
i.imgur.com/NzhcWoS.png
Je ne vois pas non plus le souci mentionné avant sur la version mobile :
i.imgur.com/5naF3qB.png
Pourtant, je vois bien que vous êtes toujours sur la 6.3.0
Donc je ne vois pas de quoi vous voulez parler.

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

sudkarting
Topic Author
Offline

8 months 2 weeks ago #370245 by sudkarting

Replied by sudkarting on topic Amenagement

Bonjour,

Désolé mais le premier pst de ce forum était d'avoir ceci : en haut le module connexion (compte déjà créé) et avec une séparation en dessous sur 2 colonnes le formulaire de création de compte ?

Grace à votre code on avait bien réussi mais à ce jour c'est comme vous l'avez montré dans votre capture d'écran, le module de connexion est à nouveau A COTE et non au dessous le formulaire de création de compte.

Par contre, votre seconde capture d'écran en version mobile est correcte...

Je ne sais pas si clair pour vous?
Merci

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

nicolas
Offline

8 months 2 weeks ago #370248 by nicolas

Replied by nicolas on topic Amenagement

Ok, je vois.
Vous voulez rajouter ce CSS en plus:

Code:

.hikashop_checkout_login .hk-container-fluid {
    display: block !important;
}

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

sudkarting
Topic Author
Offline

8 months 2 weeks ago - 8 months 2 weeks ago #370268 by sudkarting

Replied by sudkarting on topic Amenagement

Bonjour,

J'ai ajouté le code et j'ai toujours pas la disposition voulue, même mieux rien ne change malgré les options choisies
(Le dimensionnement des blocs ne semblent pas fonctionner si on veut passer de 1/4 à 2/4 avec l'icone "flèche horizontale")

- Utiliser la personnalisation avec Configurer la mise en page
- Choix "Au dessus "

Dans mon cas , le "module de connexion est toujours à coté du formulaire d'adresse et les titres des champs sont toujours à coté des titres au lieu d'être au dessus.

A voir...
Merci

Last edit: 8 months 2 weeks ago by sudkarting.

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

nicolas
Offline

8 months 1 week ago - 8 months 2 weeks ago #370270 by nicolas

Replied by nicolas on topic Amenagement

Bonjour,

Je ne vois pas le nouveau code CSS que je vous ai fourni. Ni dans www.sudkarting.fr/templates/joomspirit_123/css/custom.css ni dans www.sudkarting.fr/media/com_hikashop/css/frontend_custom3.css ni dans www.sudkarting.fr/media/com_hikashop/css/style_custom.css
Où l'avez-vous ajouté ?

Concernant le formulaire d'adresse, il est normal que rien ne change pour vous. Vous avez des overrides de vue qui font que vous n'avez pas les modifications nécessaires que nous avons rajouté dans les vues par défaut pour gérer cela.
Renommez temporairement le dossier templates/joomspirit_123/html/com_hikashop/checkout/ via FTP pour désactiver tous les overrides sur le passage en caisse, et vous devriez voir le bon résultat, en concordance avec votre configuration. Par contre, vous perdrez peut être certains morceaux de votre personnalisation actuelle.

Last edit: 8 months 2 weeks ago by nicolas.

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

sudkarting
Topic Author
Offline

8 months 1 week ago #370273 by sudkarting

Replied by sudkarting on topic Amenagement

Bonjour,

Bon, pour faire court, je l'ai mis partout cette fois-ci et là cela fonctionne alors que je l'avais mis dans www.sudkarting.fr/templates/joomspirit_123/css/custom.css à la base mais bon passons !

Apres, j'ai renommé temporairement le dossier templates/joomspirit_123/html/com_hikashop/checkout/ via FTP et là les personnalisations de l'adresse sont apparues, pourquoi, je ne sais pas mais je ne veux pas savoir en fait, du moment que cela fonctionne !...à peu près.

Oui, il m'est toujours impossible de dimensionner des blocs à tel point que le code champ du code APE est plus grand que celui du champ TVA
que le code postal entre à peine dans la case, que le nom et le prénom n'ont pas la même teille...En plus dans la config j'ai choisi l'option au dessus mais c'est toujours à coté...

Pour avoir utilisé la nouvelle modification de l'affichage du tableau de bord, dans le backend, ce dernier fonctionne beaucoup mieux et il est plus facile en apprentissage. Mis ce n'est que mn avis.

A force, on y arrivera.
Merci pour votre aide

Cordialement

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

nicolas
Offline

8 months 1 week ago #370276 by nicolas

Replied by nicolas on topic Amenagement

Bonjour,

Comme pour l'override de vue que vous aviez qui vous empêchait de voir le résultat de votre configuration dans le backend, vous avez également ajouté pas mal de CSS pour changer l'affichage du précédent formulaire d'adresse. Et ce CSS personnalisé influence l'affichage du nouveau formulaire d'adresse.
Si je désactive tout le CSS de vos différents fichiers CSS custom qui affectent le formulaire d'adresse, j'obtiens un résultat propre:
i.imgur.com/6OhQTBD.png
Pour le tableau de bord, le CSS personnalisé du frontend ne l'affecte pas. C'est en grande partie pour cela que vous pensez qu'il fonctionne mieux.
C'est principalement à cause du fichier www.sudkarting.fr/templates/joomspirit_123/css/custom.css
En enlevant:

Code:

@media (min-width: 800px) {
.hikashop_checkout_login .hkform-group {
    width: 50% !important;
    float: left;
}
}

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;
}

de ce fichier, vous aurez un résultat pas trop mal.
Vous pouvez ensuite vous aider de l'IA pour les ajustements CSS.

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

sudkarting
Topic Author
Offline

8 months 1 week ago #370284 by sudkarting

Replied by sudkarting on topic Amenagement

Bonjour,

Merci pour votre aide, j'ai supprimé ce code dans www.sudkarting.fr/templates/joomspirit_123/css/custom.css puis j'ai vidé le cache etc mais je n'ai absolument votre vue...
Ce n'est pas grave on a un peu avancé. Je vais chercher de mon coté mais pas sur du résultat.

Cordialement

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

nicolas
Offline

8 months 1 week ago #370286 by nicolas

Replied by nicolas on topic Amenagement

Bonjour,

Pourtant, j'ai maintenant un résultat plutôt sympa quand je regarde votre formulaire d'adresse:
i.imgur.com/bmNOCtP.png
Ai-je loupé quelque chose ?
C'est peut être un problème de cache dans votre navigateur. Essayez avec un autre navigateur pour être sûr.

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

sudkarting
Topic Author
Offline

8 months 1 week ago - 8 months 1 week ago #370287 by sudkarting

Replied by sudkarting on topic Amenagement

Merci,

Oui c’est top comme ça!

Merci beaucoup

Last edit: 8 months 1 week ago by sudkarting.

The following user(s) said Thank You: nicolas

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

Time to create page: 0.212 seconds