Pas mal de défauts d'affichage

Toujours dans mon projet de réécriture et transfert de boutique d'un site sous Joomla 1.5 vers 3.2

je fait des tests, et j'ai des soucis avec l'affichage de la boutique et plus précisément :

• Le bouton d'ajout dans le panier ou trop petit pour afficher le texte et la photo du produit qui ne s'adapte pas
• l'affichage de la page produit qui déconne avec la champs de quantité trop grand, la zone de texte qui ne s'affiche pas correctement

je vous mets une copie de l’écran en pièce jointe avec une incrustation de la vue par catégorie...


je précise que j'utilise le style "black" d'hikashop

des idées ? ou puis-je éventuellement allé modifier des infos...

Merci beaucoup.

-- url of the page with the problem -- :http://www.ncreativ.fr/fsa3/index.php/hikashop-menu-for-categories-listing/category/492-moto-guzzi-bellagio
-- HikaShop version -- : 1312091739
-- Joomla version -- : 3.1
-- PHP version -- : 5.3

bonjour

avez vous un lien au sujet du custom css ?

cordialement

Bonsoir et Merci Jérôme...

je suis d'accord pour le travail à faire sur le CSS... et suis aussi intéresse par un lien sur le custom CSS...

Mais prenons l'exemple du champ de la quantité... c'est bien Hikashop qui le définit ? non ? pourquoi est il si long ?

pourriez vous me donner la liste des trois ou quatre fichiers CSS importants ou je pourrais m'amuser à modifier un peu les valeurs pour trouver mon bonheur ? (vaut mieux 1 qui sait que 10 qui cherche )

merci

Merci
Le jargon joomla ressemble beaucoups a celui de microsoft sans parlé du problème de la traduction en français .
A quoi sert un style black si n'est pas en relation avec un template ?
Avec quel template joomla le style black doit il être utilisé par défaut ?
Le style black est utilisé par quel extension d' hikashop ?

---

stephane ; votre capture d'image n'est pas interprétable car il semble que vous avez diminué la seconde image or la taille réelle est important pour mieux comprendre le problème . L acces direct a la page est la meilleur solution pour diagnostiquer les problèmes et proposer des solutions .
Votre problème me fait penser au theme makethemproud www.csszengarden.com/212//
dezoommer au maximum ou agrandisser la largeur de votre navigateur au maximum et vous verrez le problème !!!! le problème peut provenir vient de l utilisation d'un float avec un clear avec un problème de width % / px .
csszengarden est un bon moyen de se faire la main sur les problèmes non apparent !! et il y en a .mais demande beaucoups de temps ( trop ) ...


Connaitre les fichiers css ne suffit pas a manipuler le code CSS . il faut connaitre son ordre d apparition dans la page html ainsi que les sélecteurs qui se termine pareil sans parler de la spécificité des sélecteurs . Le sujet demande de passer un peu de temps sur CSS et d'utiliser systématiquement le debugger du browser .


cordialement

Jérome,

Merci pour le lien et les explications... étant un webmaster du Dimanche... je vais essayer de me débrouiller avec ça... mais éventuellement juste une dernière chose pour m'aiguiller... avec un exemple concret :

• Si je veux diminuer la taille du champs quantité... je dois modifier le CSS Hikashop... ou le Css du Template ?
• Si j'ai bien compris, je devine que c'est le second... (en tout cas la ligne ou il force à 25 caractères les champs de quantité...). Juste ?

Dans mon site bidon de test que l'on trouve ici : www.ncreativ.fr/fsa3/ avec un chtit coup de Firebug rapide (que je commence à découvrir...) à votre avis... je trouve cette variable ou ?

Lionel,

j'ai bien compris que j'ai du boulot et merci pour les explications... mais j'avous que le passage

Votre problème me fait penser au theme makethemproud www.csszengarden.com/212//
dezoommer au maximum ou agrandisser la largeur de votre navigateur au maximum et vous verrez le problème !!!! le problème peut provenir vient de l utilisation d'un float avec un clear avec un problème de width % / px .

m'à laiiser sans voix ! J'ai essayer de la passer au traducteur Google mais même là... c'était du chinois !

Bon je me lance dans tout ça.... j'ai peur mais j'y vais !

Bonjour

*1 si le boouton est defini dans le code php provenant d hikashop , il y a une grande probabilité que le fichier css a modifier est celui d hikashop . Comme le fichier css d hikashop doit être chargé après les fichiers de votre template ; vous pouvez redefinir le look du bouton dans le fichier hikashop mais choisissez / composé un selecteur ( combinaison html tag , id ou class avec * > + ) de façon à ce que la modification ne change pas tous le look des boutons mais seulement les boutons a partir d'une certaine hiéarchie de l ' arbre HTML .
*2 pour savoir quel selecteur et attribut s applique il faut utiliser le debugger ( terme un peu exagérer car il n 'y a pas de point d arret , le vrai nom est un outil qui fait le lient entre un tag/ID/class existant ente un fichier html et des fichiers css) ; celui vous permet de voir connaitre le fichier ( nom localisation) le selecteur ( nom composition numéro de ligne ) , les attributs et leurs valeurs associées qui s 'appliquent ( si ne s applique pas le couple attribut nom / valeur attribut est barré ) .

Tout est possible en CSS HTML selon le choix des designers hikashop. Pour revenir a la notion de debugger , puisque le code CSS et HTML n 'est pas crypté ; on peu étudier le code de tous les sites web . La meilleur documentation semble celle que vous obtenez en étudiant coté client ( pour css javascript ) par vous même le code du template ( gantry) et des extensions dont hikashop ( module plug in component ) .



La phrase est un peu difficile a comprendre car générale mais dès que le concept de float inline/block clear est compris, in ne devrait plus y avoir de problèmes.
Toujours se poser deux questions sur la valeur de l ' attribut en css
*unité ( % px em )
*par rapport a quoi ( box div ? parent selon static absolute relative ....)
refaire le même raisonnement sur le quoi ainsi de suite ........

Vous utilisez un template gantry mais gantry est plus qu 'un template client c'est aussi un framework et donc qui ajoute des fonctionnalités nouvelles au serveur php de joomla (plugins/system components/com_gantry) accessible en utilisant le back end html interface

Pointer spécifiquement la page qui pose problème avec un lien directe sur la page mais aussi une capture qui montre la page tel quel est et tel que vous voulez quelle soit ( utiliser PAINT NET sous windows ) pour pouvoir vous/nous aider . Entourer ce que vous voulez voir ..
Si joint une capture qui montre le sélecteur pour le bouton . Si vous avez un problème avec un template X et que vous donner dans ce post un lien sur un template Y , cela n'a aucun intérêt car cela peut être une situation tout a fait différente.

Pour le champs quantité, en prenant le site demo d hikahop FASHION ->shoes ( seulement 3 type de chaussure peut être visualisées à la fois et cliquer sur le menu shoes place ce sous menu en haut du menu et met a jour la liste des chaussures) voir la capture d écran .


cordialement

Alors la !!!

Merci pour cette véritable leçon de CSS and Co.... Merci surtout d'avoir pris le temps de faire tout cela !!!!

J'avoue que par moment j'ai du al a suivre et j'ai plutôt l'impression d'apprendre a piloter la navette spatiale.. mais tout cela m'a permis de m'en sortir et de bidouiller les différents fichier et d'obtenir ce que je veux... !!!

Milles merci... et Bravo... !!!

Je pense que je reviendrais vous faire coucou... car va y avoir du boulot...