Modifier template coté admin
9 messages
• Page 1 sur 1
Modifier template coté admin
Bonjour tout le monde,
Actuellement chaque ligne de listing est blanche dans les onglets Tableau de bord/Présentation,Tableau de bord/Les 10 dernières commandes, ainsi que chaque autre onglet. Je voudrais savoir comment modifier le template afin d'avoir une ligne sur deux grise afin de retrouver plus facilement les contenus.
Merci d'avance.
Actuellement chaque ligne de listing est blanche dans les onglets Tableau de bord/Présentation,Tableau de bord/Les 10 dernières commandes, ainsi que chaque autre onglet. Je voudrais savoir comment modifier le template afin d'avoir une ligne sur deux grise afin de retrouver plus facilement les contenus.
Merci d'avance.
Dernière édition par lordbdp le 16 Oct 2011, 20:50, édité 3 fois au total.
Open Cart 1.5.5.1 FR
Hébergement Planethoster
Hébergement Planethoster
-
lordbdp - Messages: 90
- Inscrit le: 11 Oct 2011, 22:36
Re: Modifier template coté admin
Je sais que c'est du CSS qu'il faut modifier mais en revanche où c'est là que je bloque.
Open Cart 1.5.5.1 FR
Hébergement Planethoster
Hébergement Planethoster
-
lordbdp - Messages: 90
- Inscrit le: 11 Oct 2011, 22:36
Re: Modifier template coté admin
Tu peux prendre exemple sur le module de livraison "Royal Mail" (admin/view/template/royal_mail.tpl) et appliquer dans ton fichier (admin/view/template/home.tpl) les classes "even" et "odd" que tu retrouveras dans la feuille de style (admin/view/stylesheet/stylesheet.css).
N'hésites pas à faire un retour d'expérience.
N'hésites pas à faire un retour d'expérience.
- Imaxine
- Messages: 3023
- Inscrit le: 27 Juil 2009, 19:28
Re: Modifier template coté admin
Alors actuellement j'ai juste remplacé dans stylesheet.css :
par
Mais ce que je souhaiterai c'est mettre une commande onMouseover= donc j'ai tenté en créant :
mais je ne sais pas où mettre la commande onMouseover=, ni si la commande est correcte :
- Code: Tout sélectionner
.list tbody td {
vertical-align: middle;
padding: 0px 5px;
background: #FFFFFF;
}
par
- Code: Tout sélectionner
.list tbody td {
vertical-align: middle;
padding: 0px 5px;
background: #A9BFBC;
}
Mais ce que je souhaiterai c'est mettre une commande onMouseover= donc j'ai tenté en créant :
- Code: Tout sélectionner
.list tbody td {
vertical-align: middle;
padding: 0px 5px;
background: #FFFFFF;
}
.list2 tbody td {
vertical-align: middle;
padding: 0px 5px;
background: #A9BFBC;
}
mais je ne sais pas où mettre la commande onMouseover=, ni si la commande est correcte :
- Code: Tout sélectionner
onMouseover="list=list2" onMouseout="list=list"
Open Cart 1.5.5.1 FR
Hébergement Planethoster
Hébergement Planethoster
-
lordbdp - Messages: 90
- Inscrit le: 11 Oct 2011, 22:36
Re: Modifier template coté admin
Voila comment faire !
Dans le fichier admin/view/stylesheet/stylesheet.css
Remplacer ces lignes :
Dans le fichier admin/view/template/common/footer.tpl
Chercher cette ligne :
Dans le fichier admin/view/stylesheet/stylesheet.css
Remplacer ces lignes :
- Code: Tout sélectionner
.list tbody td {
vertical-align: middle;
padding: 0px 5px;
background: #FFFFFF;
}
- Code: Tout sélectionner
.list tbody td {
vertical-align: middle;
padding: 0px 5px;
}
.list tbody tr:odd {
background: #FFFFFF;
}
.list tbody tr:even {
background: #E4EEF7;
}
Dans le fichier admin/view/template/common/footer.tpl
Chercher cette ligne :
- Code: Tout sélectionner
<div id="footer"><?php echo $text_footer; ?></div>
- Code: Tout sélectionner
<script type="text/javascript">
$(document).ready(
function(){
$('.list tr:even').mouseover(function() {
$(this).css("background-color", "#cccccc");
}).mouseout(function(){
$(this).css("background-color", "#F4F4F8");
});
$('.list tr:odd').mouseover(function() {
$(this).css("background-color", "#cccccc");
}).mouseout(function(){
$(this).css("background-color", "");
});
});
</script>
- Imaxine
- Messages: 3023
- Inscrit le: 27 Juil 2009, 19:28
Re: Modifier template coté admin
Désolé mais ça me ramène au point de départ... Pas de changement toutes les lignes restent blanches.
Est-ce normal de ne pas refermer le script java ?
Est-ce normal de ne pas refermer le script java ?
Open Cart 1.5.5.1 FR
Hébergement Planethoster
Hébergement Planethoster
-
lordbdp - Messages: 90
- Inscrit le: 11 Oct 2011, 22:36
Re: Modifier template coté admin
J'ai en effet omis une ligne lors du copier/coller, mais puisque tu l'as constaté, tu aurais pu fermer cette balise et constater que cela fonctionnait !!!
Il faut bien entendu inclure ce script ainsi que sa fermeture :
Il faut bien entendu inclure ce script ainsi que sa fermeture :
- Code: Tout sélectionner
<script type="text/javascript">
$(document).ready(
function(){
$('.list tr:even').mouseover(function() {
$(this).css("background-color", "#cccccc");
}).mouseout(function(){
$(this).css("background-color", "#F4F4F8");
});
$('.list tr:odd').mouseover(function() {
$(this).css("background-color", "#cccccc");
}).mouseout(function(){
$(this).css("background-color", "");
});
});
</script>
- Imaxine
- Messages: 3023
- Inscrit le: 27 Juil 2009, 19:28
Re: Modifier template coté admin
Nickel ! Merci ^^
Si ! J'avais fermé la balise mais je me demandais si il falait absolument puisque sur certains progs on laisse ouvert... C'est tout.
Si ! J'avais fermé la balise mais je me demandais si il falait absolument puisque sur certains progs on laisse ouvert... C'est tout.
Open Cart 1.5.5.1 FR
Hébergement Planethoster
Hébergement Planethoster
-
lordbdp - Messages: 90
- Inscrit le: 11 Oct 2011, 22:36
Re: Modifier template coté admin
Juste pour signaler qu'il existe désormais (vQmod) See Your Rows pour éviter de toucher au code
Open Cart 1.5.5.1 FR
Hébergement Planethoster
Hébergement Planethoster
-
lordbdp - Messages: 90
- Inscrit le: 11 Oct 2011, 22:36
9 messages
• Page 1 sur 1
Qui est en ligne ?
Utilisateur(s) parcourant actuellement ce forum : Aucun utilisateur inscrit et 1 invité