PMB : ajouter un carrousel des nouveautés

Les versions récentes de PMB permettent d’afficher sur l’OPAC un carrousel de vignettes correspondant par exemple aux dernières notices saisies. Le carrousel fait partie d’un ensemble de modules qui, ajoutés à l’OPAC, constituent le portail web de PMB.

Pour profiter de cette fonction, deux étapes sont nécessaires. Il tout d’une part activer le portail. Pour ce faire, en tant qu’administrateur, cliquer sur Outils puis Paramètres, puis dérouler la liste correspondant à « Portail ». Cliquer sur la variable « active » pour changer la valeur de 0 à 1, comme ci-dessous :

Activer le portailValeur 1

D’autre part, l’utilisateur « Super User » n’a pas, par défaut, le droit d’afficher le portail web, il faut lui en accorder la permission. Pour cela, dans la colonne de gauche, cliquer sur « Utilisateurs ». Pour déverrouiller le cadenas « Portail », cliquer sur le bouton « Modifier » puis cocher « Portail ».

Accorder droits

Cliquer sur Modifier pour accorder le droit d’administrer le portail.

 

Désormais un nouvel onglet devrait apparaître, entre les onglets DSI et Administration, portant le titre « Portail ».

Onglet Portail

Nouvel onglet Portail

Afin de créer un carrousel, il faut cliquer sur ce nouvel onglet puis en haut du menu de gauche sur « Construire ».

ModulesLa colonne sous l’onglet « Contenu » affiche les divers éléments déjà définis et présents sur la page d’accueil de l’OPAC, organisée en zones et cadres. Pour ajouter un élément, cliquer sur « Modules », en bas.

 

Puis sur « Carrousel ». Lui donner un nom. Si l’on coche « cadre fixe », il apparaîtra sur toutes les pages de l’OPAC. On peut préférer qu’il n’apparaisse que sur la page d’accueil. On choisira donc, dans la liste déroulante des conditions d’affichage, la valeur « Type de page » puis, dans la liste suivante, « Accueil ».

La source de données sera par exemple une étagère. Il faut alimenter l’étagère par le biais d’un panier contenant la liste à jour des dernières notices saisies.

Définir les temps de transition et de pause en millisecondes (par exemple 1000).

Indiquer le nombre d’éléments par page (par exemple de 3 à 5).

Laisser le contenu du template par défaut.

De même, il ne semble pas indispensable de modifier le template de notice par défaut.

Enregistrer. Retourner dans l’onglet « Objets définis ». Le carrousel devrait maintenant apparaître dans la liste « Cadres du portail ». Cliquer sur l’onglet « Édition CSS » pour vérifier que la hauteur (height) convient. Spécifier une hauteur suffisante pour l’affichage des vignettes.

On peut déplacer le cadre par glisser-déposer.  Si l’on a fait une fausse manipulation, on peut revenir à l’état précédent : il suffit de cliquer sur « actualiser la page » (surtout pas sur « Enregistrer »). Si l’aspect convient, on peut Enregistrer puis cliquer sur OK. Si l’on a enregistré et qu’on le regrette, les versions précédentes du CMS sont journalisées: cliquer sur « Liste des versions » pour revenir à un état antérieur du portail.

Pour finir, il faut afficher la liste des versions (en bas, en-dessous de « Modules »). Cocher la case pour rendre le CMS actif par défaut. Enregistrer.

On peut obtenir le même résultat en utilisant le module « Liste de notices », à condition de définir un template pour le carrousel.

Problèmes éventuels:

Quand on veut donner à l’administrateur les droits nécessaires pour gérer le portail, il se peut qu’au lieu de la page souhaitée, on obtienne seulement le message « unknown user ».
Dans Outils/Paramètres/Paramètres généraux, chercher bdd_subversion, et mettre à 1. Se déconnecter. Se reconnecter. Une page d’information signale que des mises à jour mineures ont été appliquées, et ça doit rentrer dans l’ordre.

Quand on veut construire le portail web, dans la partie de droite, au lieu de la page d’accueil s’affiche le message : Not found.
L’Url de la page d’accueil de l’Opac est probablement mal définie. Cliquer sur l’onglet Administration, puis sur Outils, Paramètres et déplier « Paramètres généraux ». Chercher la variable opac_url dont la valeur doit être./opac_css/ (avec une barre oblique à la fin).

Publicités

31 réflexions au sujet de « PMB : ajouter un carrousel des nouveautés »

  1. Merci pour ce tutoriel. je suis arrivée à mettre en place le carrousel mais le titre du carrousel n’apparait pas au dessus. Que puis-je faire? Quant je sélectionnait la valeur « Type de page » je n’avais pas d’image affiché puisque je n’ai pas créer des nouvelles pages. Une fois que j’ai laissé la configuration par défaut, j’ai vu les vignettes sur la page d’accueil. C’était claire. Je me bats pour afficher le calendrier. Une fois de plus, merci

    • Bonsoir,
      Merci pour votre commentaire.
      Le titre du carrousel? Si vous parlez du « nom du cadre », je ne crois pas qu’il soit destiné à s’afficher, mais seulement à nommer l’élément. Pour donner un titre au carrousel, le plus simple est peut-être d’utiliser un élément déjà défini, par exemple, dans Administration/Outils/Paramètres/OPAC, renseigner la variable « biblio_important ».
      Le calendrier ne sert que pour le calcul des dates de retour et du nombre de jours de retard, il n’est pas visible dans l’OPAC. C’est l’agenda qui apparaît dans l’OPAC. J’ai bataillé pour l’afficher et surtout pour lui associer des événements.
      Si j’ai bien compris, l’idée est qu’il faut associer l’agenda à un calendrier, lui-même alimenté par des articles.
      Voilà comment j’ai procédé: il faut aller d’abord dans Administration/Contenu éditorial. Cliquer sur « Type de contenu pour les articles ». Donner un nom au type de contenu puis créer des champs (dates de début, de fin, et un intitulé; je suppose que c’est le minimum). Pour le type de saisie, pensez à cliquer sur « Options », c’est obligatoire. Ensuite, cliquer sur « Statut de publication », à côté de « Type de contenu pour les articles ». Créez un statut visible à l’OPAC.
      Créez un article du type que vous venez de définir.
      Maintenant, cliquez sur l’onglet Portail. Puis sur Agenda dans la liste des modules. Puis sur « Général » et « Créer un calendrier ». Lui donner un nom qui sera visible dans l’OPAC. Définir la couleur des événements (pour moi, il n’y a que « green » de disponible, mais on peut peut-être essayer des fantaisies). Définir les champs d’articles (précédemment créés) à utiliser dans le calendrier.
      Enfin, vous allez retrouver une procédure semblable à celle de la création du carrousel: cliquez sur « Construire » puis « Modules » et « Agenda ». Le sélecteur pour la source de données: « Calendriers créés dans l’interface d’administration ». Sélectionner le calendrier créé précédemment. La vue: en calendrier. Enregistrer et actualiser. Ça devrait marcher.

      Ensuite, la difficulté est d’arriver à positionner correctement l’agenda sans tout casser…
      Bon courage!

  2. Bonsoir,

    Votre article est très intéressant et je vous remercie de l’avoir poster. J’aimerais savoir si vous avez réussi à créer un carrousel d’articles en page d’accueil, chose que je n’arrive pas à faire. Je ne sais pas si c’est à cause du template défini par défaut. Pour le carrousel des notices, j’ai réussi sans aucun problème. Doit-on procéder de la même manière ou créer un nouveau template ?

    Je vous remercie par avance de votre réponse.

    Bonne soirée (^_^)

    • Bonsoir,
      Merci de l’avoir lu.
      Je n’avais pas encore essayé.
      Je suppose que vous avez créé des articles, et configuré un module Liste d’articles.
      Voici, en 2 captures d’écran, comment j’ai configuré le module:
      Liste articles 1
      Liste articles 2

      Avec le template par défaut, on obtient un défilé de vignettes vides, parce que je ne sais pas à quelle image la vignette est censée renvoyer.
      En revanche, ce template fonctionne:

      WordPress ne veut pas afficher le code dans ce commentaire, je le publie ici:
      https://recordma.wordpress.com/?p=1181

      On obtient un aperçu du contenu de l’article (texte ou image).

      Il faut avouer que la gestion du CMS n’est pas évidente…

  3. Bonjour,
    Tout d’abord merci pour vos billets sur PMB que je suis depuis quelques mois.
    Je cherche depuis quelques temps à insérer un carrousel sur ma page d’accueil. J4ai suivi votre tutoriel, mais rien n’y fait. Après avoir créé le module j’ai un rectangle rouge que je peux déplacer et agrandir grâce à l’onglet css mais dès que j’actualise la page, le rectangle disparaît… Auriez vous une idée à me proposer car j’avoue que je commence à baisser les bras…
    Merci d’avance
    Bonne soirée

    • Bonjour,
      Le CMS peut être assez casse-pieds.
      Est-ce que le carrousel s’affiche dans le rectangle rouge ?
      Avez-vous essayé de cliquer sur « Enregistrer » plutôt que sur « Actualiser la page » ?
      Tenez-moi au courant.

      • Casse-pieds… oui ! oui ! 🙂
        Non le carrousel ne s’affiche pas dans le rectangle rouge.
        J’ai essayé enregistrer puis actualiser, et juste actualiser…
        Je suis sûre que je passe à côté de quelque chose, mais quoi ?
        Merci à vous !

  4. Est-ce que le carrousel apparaît dans la liste des cadres du portail, parmi les objets définis?
    Avez-vous une étagère alimentée par un panier de notices? S’il s’agit de nouveautés, s’affichent-elles bien sous forme de liste dans l’étagère des nouveautés?
    J’ai configuré mon carrousel comme sur ces captures:

    • Le carrousel apparaît dans les cadres définis dans cadres du portail. Si je recharge la page « construire » du portail mon carrousel est déplacé dans « cadres hors de la page ».
      J’ai fait une étagère avec un panier de notices, il apparaît dans les étagères virtuelles de l’opac.
      J’ai regardé votre paramétrage, je n’ai pas la même version de pmb (4.0.8), je n’ai pas « mode de mise en cache », mais j’ai « choisissez une ou plusieurs vues ». Pour le reste, j’ai copié sur vous…

      • S’il apparaît dans « cadres hors de la page » je dirais que c’est un problème de positionnement. Ou bien de dimensions.

      • j’ai le même souci mais mes carrousels apparaissent dans cadre du portail. malheureusement a l’affichage de l’opac rien n’est visible. aucun carrousel encore mois un cadre. svp pouvez vous m’aidez a briser ce mythe.

  5. Bonjour,
    Nous sommes exactement dans le même cas que Doctice. Un carrousel avait été créé, qui marchait très bien. Puis on a modifié un tout petit quelque chose dans la mise en page (je ne sais plus quoi malheureusement, mais c’était un petit rien) et depuis toute tentative (il y en a eu des dizaines, avec tous les paramètres possibles) échoue lamentablement en « cadre hors de la page » dans des conditions identiques à celles de Doctice. Si vous avez une piste pour résoudre ce problème, ce serait formidable.

      • C’est la première chose à laquelle on a pensé et bizarrement, cela n’a, semble-t-il, pas résolu le problème ; l’assistance logicielle dont je dispose s’y est cassé les dents autant que moi et pourtant, elle est constituée de professionnels.

      • Désolé, mais je n’ai pas d’explication.
        J’ai constaté aussi que la restauration du CMS à une version antérieure n’était pas toujours complète.
        Si le carrousel est invisible mais toujours présent dans la liste des objets définis, partir de l’onglet « Édition CSS », essayez de modifier la position de l’élément? C’est tout ce que je vois.

  6. Bonjour,
    Je reviens vers vous après une grande victoire : j’ai réussi à afficher un carrousel après 3 mois de labeur. Comment ai-je procédé ? J’ai installé la dernière version de pmb (j’étais en 4.0.8) et j’ai travaillé sur les dimensions du cadre. Je continue maintenant mes tests
    Merci beaucoup pour votre aide
    Bonnes vacances

    • Bonjour et youpi.
      Positionner les éléments de l’OPAC, c’est assez galère. En général, quand l’un d’eux disparaît de la page, on arrive à le récupérer en éditant ses propriétés CSS et en jouant sur sa position (la valeur de « top », le plus souvent). Le problème, me semble-t-il, c’est que la position de certains éléments est définie de façon relative par rapport à d’autres. Je n’ai pas de méthode à proposer, je procède à tâtons.
      Bravo et bonnes vacances.

  7. Bravo Doctice.
    Avez-vous un lien où l’on puisse voir le résultat ?
    Auriez-vous la bonté de dire quelle est votre version de PMB (nous sommes pour notre part en 4.0.10) et quels sont vos paramètres pour le CMS ? (position, top, width, etc etc.)

  8. Bonjour,
    je ne peux pas vous donner de lien pour le moment, mon PMB est en VPN rectorat pour le moment, mais dès qu’il est public, je laisserai l’adresse. Je suis en version 4.1.RC1. J’ai fait plusieurs tests depuis mon dernier message, j’ai réussi à afficher un carrousel horizontal et un vertical. Je suis novice sur PMB, comment trouver les paramètres du CMS qui vous intéressent ?

    • Merci de votre réponse.
      Les paramètres sont ceux qu’on trouve dans Portail > Construire > Edition css quand le cadre « Portail » est sélectionné : position, largeur, paddin, margin, etc.
      Quand j’entre une valeur, quelle qu’elle soit, et que j’enregistre, PMB n’entient pas compte et revient systématiquement à la valeur précédente, c’est assez rageant !

      • Bonsoir,
        J’ai installé la dernière version stable : 4.0.10.
        Les paramètres sont définis individuellement pour chaque élément du portail. Le bloc « Accueil », le bloc « connexion », etc., chacun a un type de positionnement, une position, des dimensions, marges… La manipulation n’est pas simple, et moi aussi je tâtonne.Il y a un tuto ici:
        http://doc.sigb.net/portail_pmb/co/utilisation_construction.html

        Quand un élément disparaît de ma page, j’arrive à le rendre à nouveau visible en basculant en mode « Édition CSS » (d’abord cliquer sur Activer, puis sélectionner l’élément dans la liste), en passant le type de position de relative à absolute et en réduisant la valeur de « top » à zéro. En général, ça marche. Ensuite, je peux revenir au mode graphique (déplacement à la souris).

        Maintenant, si vos modifications ne sont jamais enregistrées, cela vient peut-être de droits insuffisants sur le serveur. Avez-vous accès au dossier où PMB est installé? Sur mon PC (Linux), tous les dossiers et fichiers sont la propriété de www-data et les droits sont configurés à 660 (lecture et écriture pour www-data et les membres du groupe).

    • Bonjour,

      J’aime beaucoup la présentation de votre portail (surtout avec l’ajout des tweets). Je travaille sur la version PMB 4.0.10 en local avec la dernière version d’EasyPHP et je n’arrive toujours pas à afficher le carrousel des articles à l’accueil comme vous l’avez fait.
      Je ne sais pas si la cause est le serveur local mais cela m’intéresserait beaucoup de savoir comment vous avez procédez pour afficher votre carrousel des derniers articles. Auquel cas, que me recommandez-vous comme version de PMB ?
      Je vous remercie par avance.

      Bonne journée à vous ! (^_^)

  9. Bonjour,
    Comme pour tous les éléments du portail, j’ai pas mal bidouillé pour que ça fonctionne… Pour la source de données, j’ai choisi « tous les articles » car pour l’instant j’en ai peu. Pour l’affichage en fondu, mettre 1 dans « Nombre d’éléments par page » et « Nombre d’éléments déplacés ». J’ai ensuite pas mal bidouillé le template, le voici :
    Derniers articles

    {% for record in records %}


    {{record.title}}

    {{record.resume}}


    Lire la suite…

    {% endfor %}

    Normalement le carrousel d’articles fonctionne en 4.0.10. Bon courage !
    Merci Marecord ! j’y passe des heures depuis début juillet, les possibilités du portail sont très intéressantes, mais il faut un certain temps pour comprendre son fonctionnement… Au fur et à mesure de mes réussites, je prends des notes et vais essayer de publier des tutos pour les collègues sur http://docticeandco.fr/ J’ai tellement galéré au début que si ça peut aider…
    Bonne journée

  10. bonjour,
    Pour installer un carrousel, merci :)) cela fonctionne. Par contre je n’arrive toujours pas à éditer un simple article dans une page ? j’ai utilisé la doc en ligne mais je n’y arrive pas. j’ai créé une rubrique avec les articles à l’intérieur, paramétré le contenu éditorial des articles, créé une page en reliant l’article. et quand je publie le cadre j’ai un lien brisé. Est-il mieux d’utiliser des info pages ? C’est plus facile avec wordpress :))Merci de m’aider.
    Wgweb

    • Bonjour,
      Je ne peux pas vous aider pour le moment. J’ai seulement essayé de publier des articles sous forme de carrousel, mais sans les intégrer à des pages. Je n’ai pas essayé les infopages non plus. C’est peut-être plus simple, et la documentation en ligne semble un peu plus abondante.
      C’est infiniment plus facile avec WordPress. Il existait un plugin SPIP qui permettait d’intégrer PMB. C’est peut-être une solution à voir.

  11. j’avoue que jusque la je n’arrive pas a créer un carrousel malgré les explications simple que vous avez faite. j’ai suivi toutes les étapes jusqu’à l’enregistrement mais rien ne s’affiche.

    • Bonsoir,
      Je n’ai pas utilisé PMB de quelques temps, je ne suis pas sûr de pouvoir bien vous aider. Je peux vous suggérer de vérifier ces deux points:
      – Êtes-vous certain que la page que vous créez et celle que vous affichez sont bien la même? En mode Construire, si vous cliquez sur le bouton « Informations de l’OPAC », est-ce que l’url affichée correspond bien à celle de la page que vous souhaitez modifier (par exemple, s’il s’agit de la page d’accueil, l’url devrait être /pmb/opac_css/index.php).
      – Toujours en mode Construire, si vous allez tout en bas cliquer sur « Liste des versions » puis sur le crayon, vous affichez une nouvelle fenêtre. En haut, la case « CMS actif par défaut en Opac » doit être cochée.

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion /  Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion /  Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion /  Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion /  Changer )

Connexion à %s