[RÉGLÉ] Modifier la page produit de virtuemart

[pyfou]

Bonjour,
Je ne sais pas comment modifier la page produit de virtuemart.
Elle a des éléments qui se chevauchent :des box trop larges, des lignes horizontales qui barrent le texte au lieu de séparer deux blocs, etc.
Je suis sous joomla 2.5.9
virtuemart 2.0.20b
et le template de base a été fait sousartisteer.

Je ne sais pas lequel des trois modifier, ni comment. J'ai lu le forum en large en en travers, mais je ne trouve pas de solution. Plusieurs fois, on demande d'aller sous default.php du dossier /web/components/com_virtuemart/views/category/tmpl mais je ne trouve pas par exemple la taille de la quantity box par exemple,

Merci si vous savez ou modifier ces choses.

[PATSXM971]

Re : Modifier la page produit de virtuemart

Bonjour,

voici des indications pour les modifications de pages virtuemart, produit, par exemple...

http://www.webtimarket.com/fr/aide-joomla-et-virtuemart/55-aide-virtuemart-2/virtuemart2-templating/104-override-de-template-dans-virtuemart2.html

ensuite, un template fait sous artisteer peut rendre la tâche particulièrement difficile ; lorsque vous avez fait des modifications de fichiers, rafaîchissez votre navigateur et si vos modifications ne sont pas prises en compte, vérifiez avec un template joomla de base. Si, effectivement, il n'y a aucun changement, alors c'est que vos modifications ne sont pas effectives.

Pour la quantity box, modifiez le fichier css de votre template - dossier_de_votre_site/templates/css/votrefichier.css, (peut-être template.css... ?) et copiez/collez ceci, tout en bas de la page :

input.quantity-input {
width:60px;
}

et ajustez le chiffre en rouge

[pyfou]

Re : Modifier la page produit de virtuemart

Ouaow ! Ca marche ;-)
Merci,

Maintenant, j'aimerais mettre le quantity box un peu plus à gauche et ajuster ls lignes horizontale séparant les commentaires des clients.

Je vous ai mis un printscreen pour que vous puissiez voir mon problème.

[PATSXM971]

Re : Modifier la page produit de virtuemart

Je vous en prie !

maintenant, c'est un forum d'entraide, je ne vais pas faire votre site au complet, ce qui est mon activité professionnelle, un petit dépannage, d'accord, mais pour le reste, il faut également que vous cherchiez un peu par vous même...
si vraiment vous ne trouvez pas alors, reprenez ce sujet

qui plus est, pour de l'aide efficace il faut impérativement l'url du site en ligne ; une image ne sert pas à grand chose...

utilisez firebug pour firefox ou chrome et faites des simulations avec cet outil.

essayez de comprendre un minimum les modifications css

http://forum.joomla.fr/forumdisplay.php?180-Gestion-des-templates-design-et-CSS

http://www.siteduzero.com/informatique/css/tutoriels

http://www.cssdebutant.com/

http://www.alsacreations.com/apprendre/

Bonne continuation

[pyfou]

Re : Modifier la page produit de virtuemart

Non, c'est évident, mais je ne trouve pas dans quel fichier CSS se trouvent ces objets.

A voir ce que vous m'avez indiqué pour le problème de talle de la product quantity box, vous avez ajouté du code au CSS, je me demandais simplement si ce code existait déjà, et qu'il suffisait de changer les chiffres (axe X,Y ou simplement taille en pixel).

Maintenant je vas lire de façon plus approfondie ce fichier css, et me pencher sur vos liens, merci beaucoup

[PATSXM971]

Re : Modifier la page produit de virtuemart

Non, c'est évident, mais je ne trouve pas dans quel fichier CSS se trouvent ces objets.

utilisez le css de votre template ; les modifications seront prises en compte.

A voir ce que vous m'avez indiqué pour le problème de talle de la product quantity box, vous avez ajouté du code au CSS, je me demandais simplement si ce code existait déjà, et qu'il suffisait de changer les chiffres (axe X,Y ou simplement taille en pixel).

Maintenant je vas lire de façon plus approfondie ce fichier css, et me pencher sur vos liens, merci beaucoup

pour la quantity box, reprenez la classe du post précédent et appliquez simplement un margin-left négatif

input.quantity-input {
width:60px;
margin-left: -20px;
}

pour le reste, impossible à dire depuis une image ; cela dépend de votre template.

testez avec un template joomla de base ; à mon avis le résultat devrait être meilleur