[Problème] Editer la page choix du mode de livraison

[DaVinnci]

Bonjour,

J'ai un souci avec la page des modes de livraison, je n'arrive pas à mettre en ligne les images et le texte, j'ai un retour à la ligne qui me fiche un peu le bazar :



Quel est le fichier à éditer pour toucher à cela ? J'ai vérifier, c'est indépendant du template. Et avec Firebug je ne trouve aucune classe css a aller éditer...

Merci d'avance
Vincent

[achasp2]

Re : Editer la page choix du mode de livraison

Bonjour,

regarde bien dans Firebug
voici quelques class (entre autre)
qui se trouve dans le fichier CSS
/components/com_virtuemart/assets/css/vmsite-ltr.css

.vmshipment {
}

.vmshipment_cost {
padding: 0 2px;
}

.vmshipment_name {
padding: 0 2px;
}

1- Tu les modifies comme tu veux, mais par contre tu les mets dans le CSS principal de t'on template, pour faire une surcharge
sinon, lors de mise à jour de Virtuemart,les modifs vont être écrasées

2 - Lors d'une modification d'une propriété d'une class existante que tu met dans le css le template

par ex :
.vmshipment_name {
padding: 0 2px;
modifié par
padding: 0 10px;
}

=> mettre !important en bout de la propriété pour que cette modification soit bien pris en compte

cela devient donc

.vmshipment_name {
padding: 0 10px !important;
}

3 - Les images que tu mets, pour éviter une prise de tête avec les marges
tu peux créer une image avec un fond transparent qui dépasse (par ex de 5px) de t'on image actuelle

Voilà en espérant que cela va t'aider

bon courage

[DaVinnci]

Re : Editer la page choix du mode de livraison

Hello, merci pour ta réponse, j'étudie ça mardi, je ne peux pas bosser sur mon site avant...

Par contre j'aimerai bien savoir comment tu trouves ces infos avec Firebug Moi dans tout ce qui concerne Virtuemart je n'arrive a rien trouvé, on dirait qu'il ne me montre que le html brut...

Encore merci
Vincent

[achasp2]

Re : Editer la page choix du mode de livraison

Bonsoir,

Concernant Firebug

Va voir ce tutoriel, cela sera mieux que de voir pourquoi tu n'y arrive pas

Tuto Firebug

[DaVinnci]

Re : Editer la page choix du mode de livraison

Salut,

Merci pour ce lien instructif, je me suis rendu compte que sous Chrome je n'avais pas toute les fonctions, d'ailleurs le plugin s'appel Firebug Lite sous chrome..; bref, sous Firefox ça fonctionne beaucoup mieux et j'arrive a identifier facilement les classes.

Par contre, rien à faire je n'arrive pas à mettre le texte de description sur une seul ligne sur le coté du logo et sans retour à la ligne.
J'ai fait ces modifs :

.vmCartPaymentLogo {
	float:left !important;
	margin-right:5px !important;
}

Et j'ai maintenant bien le texte de description sur la droite du logo mais un retour à la ligne s'applique systématiquement. Comme si j'avais un "width" de forcé quelques part.

Lorsque je mets :

.vmshipment { 
	width:400px !important;
}

cela n'est pas pris en compte, mes blocs "vmshipment" ne prennent pas la largeur de 400 en compte et le retour à la ligne s'opère toujours. Est ce qu'il y a un "width" au dessus ? Si oui ou ?? Je ne comprend pas...

[achasp2]

Re : Editer la page choix du mode de livraison

Bonjour,

le tuto de chrome se trouve aussi sur le "site du zéro"

Sinon, a tu une adresse de site pour voir

Cela sera plus facile de t'aider, si je peux évidemment!!

[achasp2]

Re : Editer la page choix du mode de livraison

Bonjour,

A défaut d'adresse de site,
Je viens de faire des essais sur un site pour arriver aux même résultat que toi

Apparemment, voir ce code qui se trouve au début de la page Livraison

<form method="post" id="userForm" name="chooseShipmentRate" action="/component/virtuemart/" class="form-validate">
<h1>Choisissez un mode de livraison</h1>	<div class="buttonBar-right">....

Regarde si le id userForm est créer, si c'est le cas modifie la largeur

#userForm {
width: 100% !important;
}

Si cela ne fait rien, regarde les lignes de codes au dessus et vérifie si tu ne trouve pas une Class ou un ID avec une largeur qui correspond à t'on souci
Attention, ces lignes correspond à t'on Template, cela risque de modifier certaine largeur ailleurs si tu prend une "class" choisi un "ID"

bon courage