osCommerce France : Accueil Forum Portail osCommerce France Réponses aux questions Foire aux contributions

Bienvenue invité ( Connexion | Inscription )

 
Reply to this topicStart new topic
> [add-on] Better Admin Format Address Drop Down, Enrichir l'expérience Utilisateur grâce à une meilleure interface
FoxP2
posté 23 Dec 2010, 18:49
Message #1


Ceinture marron OSC
Icône de groupe

Groupe : Membres
Messages : 1665
Inscrit : 3-June 09
Membre no 25501



vous m'entendrez souvent parler ici d'User-Interface/User-Xperience, et pour cause, ces prérogatives d'IHM font partie des bases du développement.
certains les qualifient de 'gadget', personnellement, je les trouve essentielles. Tous ceux qui ont au moins conçu une fois une application lourde savent de quoi il en retourne.

aujourd'hui, j'ai décidé de m'attaquer un point de détail dans l'interface de votre back-office d'oscommerce 2.3.x pour illustrer mon propos.
à savoir la sélection du bon format d'adresse en fonction du pays.
actuellement, 5 formats sont possible, et enregistrés en base de données sous une forme de chaîne de caractères.
ces formats sont réutilisés (via une fonction longue comme une nuit sans père noël ...) dans l'admin et le catalog.

lorsque, vous devez sélectionner le format approprié pour le pays, c'est ce formulaire qui s'affiche :


pas très causant tout ça ... wacko.gif faut se farcir un tour dans la base de données pour y voir plus claire, et encore que ...
c'est quoi le format 1 ? et le 2 ... et ...
bref ... on se retrouve typiquement dans le cas ou l'interface est ratée. clairement.

avec l'introduction du framework Jquery/Jquery UI dans le core d'oscommerce 2.3.x, on peut enfin soigner les détails tout en respectant le template.

avec l'installation de 'Better Admin Format Address Drop Down' en 5 minutes, vous avez ce résultat :


un peu plus causant pour faire le bon choix du format d'adresse, non ?

c'est dynamique (puisque c'est connecté sur la base de données), ça s'adapte à la langue choisie dans l'interface du back office, et c'est presque joli ... happy.gif



le lien : ici
Go to the top of the page
 
hagen
posté 22 Apr 2011, 20:56
Message #2


Ceinture jaune OSC
Icône de groupe

Groupe : Membres
Messages : 40
Inscrit : 8-January 11
Lieu : Toulouse/Villefranche de Rouergue
Membre no 28806



Bonjour FoX !

Vu que ta contrib avait l'air "presque" jolie, et pas compliquée à mettre en place smile.gif Je me suis lancé.

Tout va a peu près ... sauf que la liste déroulante des adresses ne s'affiche pas correctement.
Cf screen <

Screen



J'ai vérifié 2 fois la procédure d'install, il ne me semble pas avoir fait de boulette :] Enfin j'espère !
Si tu as une idée sur le pourquoi du comment smile.gif

Merci smile.gif

HaGeN !

Ce message a été modifié par hagen - 22 Apr 2011, 21:01.
Go to the top of the page
 
FoxP2
posté 23 Apr 2011, 14:54
Message #3


Ceinture marron OSC
Icône de groupe

Groupe : Membres
Messages : 1665
Inscrit : 3-June 09
Membre no 25501



Citation
sauf que la liste déroulante des adresses ne s'affiche pas correctement.


c'est à dire ?
Go to the top of the page
 
hagen
posté 23 Apr 2011, 18:05
Message #4


Ceinture jaune OSC
Icône de groupe

Groupe : Membres
Messages : 40
Inscrit : 8-January 11
Lieu : Toulouse/Villefranche de Rouergue
Membre no 28806



Salut FoX,

Comme tu peux voir sur le screen que j'ai posté, la liste est sans couleur.

De plus, on ne peut pas voir le format d'adresse N°1 car la hauteur de la liste est tronquée par la dimension de la fenêtre du navigateur.

Peut être que ca vient du fait que j'utilise l'Oscommerce 2.3.1 depuis une machine virtuelle (VMWare + Debian).

Indiques moi si je peux te poster un bout de code pour éventuellement savoir d'où vient de ce petit souci.
Ds tous les cas, ce n'est pas très embêtant smile.gif, je postais juste pour le signaler si ca venait toutefois à arriver à d'autres smile.gif

HaGeN smile.gif
Go to the top of the page
 
FoxP2
posté 24 Apr 2011, 16:17
Message #5


Ceinture marron OSC
Icône de groupe

Groupe : Membres
Messages : 1665
Inscrit : 3-June 09
Membre no 25501



1 : Pour régler ton problème d'affichage du menu déroulant, change la ligne suivante (fichier admin/countries.php) :
Code
$('select#address_format_id').selectmenu({style:'popup',width: 250, format: addressFormatting});

par :
Code
$('select#address_format_id').selectmenu({style:'dropdown',width: 250, format: addressFormatting});


2 : en ce qui concerne l'aspect visuel, il est conforme au template de ton interface administrative (en l’occurrence, tu as gardé 'redmond' par défaut).
Les screenshot attachés à ce sujet ont été fait avec un template Darkness, disponible à cette adresse.
Go to the top of the page
 
hagen
posté 25 Apr 2011, 00:40
Message #6


Ceinture jaune OSC
Icône de groupe

Groupe : Membres
Messages : 40
Inscrit : 8-January 11
Lieu : Toulouse/Villefranche de Rouergue
Membre no 28806



Merci bien pour tes infos FoX smile.gif

Je percute pas encore tout le fonctionnement du JQuery, mais ton lien a l'air plutot sympa à potasser ^^

Merci encore

HaGeN : )
Go to the top of the page
 
chti_poupon
posté 20 Nov 2011, 17:31
Message #7


Ceinture noire OSC
Icône de groupe

Groupe : TechDev
Messages : 2757
Inscrit : 9-September 08
Lieu : Douai
Membre no 22915



Bonjour,
Je viens d'implanter cette contrib avec la modif popup dropdown, mais, coucou, l'adresse 1 est toujours en dehors de l'écran. (en haut)
Que faire docteur ?
Chti poupon
PS Edit: Mise à jour (rapide, mais juste) de la signature

Ce message a été modifié par chti_poupon - 20 Nov 2011, 19:20.


--------------------
Utilisateur de :
  • Espace de travail
    • Débug: local avec Easy PHP 2.0.0.0
    • Apache/2.2.13 (Win32) DAV/2 mod_ssl/2.2.13 OpenSSL/0.9.8k PHP/5.2.10
    • Base: MySQL 5.0.51a sur le serveur localhost
    • Gestion base par: phpMyAdmin Version: 3.2.1
    • Mise au point finale: en ligne
    • 2.2 en exploitation
    • 2.3.1 en cours (local)
    • Navigateur Seamonkey à jour
Go to the top of the page
 
FoxP2
posté 22 Nov 2011, 17:55
Message #8


Ceinture marron OSC
Icône de groupe

Groupe : Membres
Messages : 1665
Inscrit : 3-June 09
Membre no 25501



Citation (chti_poupon @ 20 Nov 2011, 17:31) *
Bonjour,
Je viens d'implanter cette contrib avec la modif popup dropdown, mais, coucou, l'adresse 1 est toujours en dehors de l'écran. (en haut)
Que faire docteur ?
Chti poupon
PS Edit: Mise à jour (rapide, mais juste) de la signature


Noël approche, un 22" est toujours plus confortable pour travailler.
Go to the top of the page
 

Reply to this topicStart new topic
1 utilisateur(s) sur ce sujet (1 invité(s) et 0 utilisateur(s) anonyme(s))
0 membre(s) :

 



RSS Version bas débit Nous sommes le : 28th March 2024 - 12:57
Ce site est déclaré auprès de la commision Nationale
de l'Informatique et des Libertés (déclaration n°: 1043896)