L'article suivant présente des codes CSS pouvant être utilisés pour personnaliser l'OPAC.
0. Configurations
0.1 Préférence OPACUserCSS
Il faut ajouter les codes dans la préférence système OPACUserCSS. Les changements effectués par ces codes seront visibles à tout moment et pour tout les utilisateurs dans l'OPAC.
0.2 JS pour l'OPAC spécifique dans les paramètres des bibliothèques - Nouveauté 24.05
Une nouveauté de la version 24.05 permet d'injecter du code Javascript et CSS pour chaque bibliothèque spécifique. Ce code est injecté à partir des paramètres de la bibliothèque dans Administration > Bibliothèques.
Lorsque du code Javascript est injecté dans ce paramètre, la modification effectuée par le code est visible UNIQUEMENT lorsqu'on est connecté à un compte rattaché à la bibliothèque en question. Si, par exemple, on injecte du code dans la bibliothèque Collecto qui permet de cacher l'onglet MARC de la vue détaillée d'une notice, l'onglet sera visible pour toutes les personnes qui accèdent à l'OPAC sans se connecter. L'onglet ne sera pas visible pour un usager qui se connecte et dont le compte est rattaché à la bibliothèque Collecto.
Comme pour la préférence système OPACUserJS, il faut insérer le code suivant avant d'inscrire du code Javascript dans les paramètres des bibliothèques.
$(document).ready(function(){
CODE
});
1. Enlever le souligné des liens à l’opac dans la colonne de gauche (OpacNav)
2. Afficher correctement la zone 505 d’une notice en vue détaillée
/* pour afficher la zone depouillement 505 */
.contents .g:before {
content: "\A";
white-space: pre;
}
.contents .t::before {
content: "";
white-space: pre;
}
3. Cacher Pas d’image disponible en vue détaillée et en liste de résultats
.no-image{
display:none;
}
4. Changer la couleur de la barre noire à l’opac
Changer les codes en rouges pour mettre d’autres couleurs.
/*Change la couleur de la barre de navigation en rouge*/
.navbar-inverse .navbar-inner {
background-image: linear-gradient(to bottom, #680A1A, #680A1A);
border-color: #680A1A;
background-color: #680A1A;
}
/*Change la couleur de la police en blanc dans la barre de navigation*/
.navbar-inverse .brand, .navbar-inverse .nav > li > a, #members a {
color: #fff !important;
}
/*enlève le noir de la barre de navigation*/
.navbar-inverse .divider-vertical {
border-left: none;
border-right: none;
}
5. Changer la couleur du terme « En prêt » dans le tableau des exemplaires dans une notice en vue détaillée
.checkedout{
color : #900;
}
6. Déplacer les imagettes à gauche dans la liste de résultats
9. Faire afficher en tout temps toutes les options lors d'une réservation
Ce code permet de masquer le Plus d'options et de faire afficher directement les options de réservation. Ce code est pratique surtout dans le cas où dans vos règles de circulation l'option Permettre est choisie dans la colonne "réservation au niveau de l'exemplaire".
L'article suivant présente des codes Javascript pouvant être utilisés pour personnaliser l'OPAC. 0. Configurations 0.1 Préférence OPACUserJS Il faut ajouter les codes dans la préférence système OPACUserJS. Les changements effectués par ces codes ...
Le code CSS permet de modifier l’apparence des textes et des alertes dans Koha. Vous pouvez insérer ces différents codes dans la préférence système IntranetUserCSS. 1. Modifier l’apparence des messages sur la page d’accueil de l’intranet ...
0. Configuration La préférence système intranetuserjs peut être utilisé pour activer du code java à l’intranet. Les codes qui sont listés ci-dessous doivent être inscrit entre ces deux balises en rouge (les balises ne doivent apparaître qu’une fois ...
Voici la version corrigée pour 21.05 des codes Javascript et CSS pour regrouper par blocs les critères de recherche dans les onglets de la recherche avancée de l'OPAC, comme dans la capture d'écran ci-dessous. Types de document, collections et ...
Cet ajout permet de rechercher rapidement un Titre de revue en cherchant dans l'index Titre et en ajoutant un filtre sur le ou les types de documents correspondant à vos revues. Le code fonctionnel avec ElasticSearch est beaucoup plus complexe que ce ...