Amenagement

  • Posts: 331
  • Thank you received: 12
  • Hikaserial Standard
1 year 1 month ago #365073

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

Attachments:

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

  • Posts: 85103
  • Thank you received: 13872
  • MODERATOR
1 year 1 month ago #365075

Bonjour,

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

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

  • Posts: 331
  • Thank you received: 12
  • Hikaserial Standard
1 year 1 month ago #365076

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,

Attachments:
Last edit: 1 year 1 month ago by sudkarting.

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

  • Posts: 85103
  • Thank you received: 13872
  • MODERATOR
1 year 1 month ago #365079

Bonjour,

Vous pouvez ajouter également ce CSS:

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

  • Posts: 331
  • Thank you received: 12
  • Hikaserial Standard
1 week 2 days ago #370240

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.

  • Posts: 85103
  • Thank you received: 13872
  • MODERATOR
1 week 2 days ago #370242

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.

  • Posts: 331
  • Thank you received: 12
  • Hikaserial Standard
1 week 2 days ago #370245

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.

  • Posts: 85103
  • Thank you received: 13872
  • MODERATOR
1 week 2 days ago #370248

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

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

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

  • Posts: 331
  • Thank you received: 12
  • Hikaserial Standard
1 week 1 day ago #370268

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

Attachments:
Last edit: 1 week 1 day ago by sudkarting.

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

  • Posts: 85103
  • Thank you received: 13872
  • MODERATOR
1 week 1 day ago #370270

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: 1 week 1 day ago by nicolas.

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

  • Posts: 331
  • Thank you received: 12
  • Hikaserial Standard
1 week 1 day ago #370273

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

Attachments:

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

  • Posts: 85103
  • Thank you received: 13872
  • MODERATOR
1 week 1 day ago #370276

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:

@media (min-width: 800px) {
.hikashop_checkout_login .hkform-group {
    width: 50% !important;
    float: left;
}
}
et
/* 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.

  • Posts: 331
  • Thank you received: 12
  • Hikaserial Standard
1 week 18 hours ago #370284

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.

  • Posts: 85103
  • Thank you received: 13872
  • MODERATOR
1 week 15 hours ago #370286

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.

  • Posts: 331
  • Thank you received: 12
  • Hikaserial Standard
1 week 14 hours ago #370287

Merci,

Oui c’est top comme ça!

Merci beaucoup

Last edit: 1 week 14 hours 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.092 seconds
Powered by Kunena Forum