Aggiungere icone soggetto ai topic nei widget


Tutorial Aggiungere icone soggetto ai topic nei widget

Messaggio Da Niko Ven 8 Ott 2021 - 19:32

Aggiungere icone soggetto ai topic nei widget


Definizione

Questo tutorial consente di aggiungere automaticamente le eventuali icone soggetto, se attive e se assegnate agli argomenti, anche nei widget presenti sul portale o sull'indice del forum, come in questo esempio:

Ultimi argomenti attiviNuovi argomenti
Aggiungere icone soggetto ai topic nei widget 2021-113Aggiungere icone soggetto ai topic nei widget 2021-114

Il tutorial non è compatibile con la versione PhpbBB2

Installazione del codice Javascript

Andiamo verso Pannello di amministrazione ► Moduli ► HTML & Javascript ► Gestione del codice Javascript, assicuriamoci che la gestione sia attivata e creiamo un nuovo codice con queste impostazioni:

  • Titolo: a tua scelta
  • Dove:
  • Codice:
    Codice:
    $(function () {

    function selector(version) {
        switch (version.toLowerCase()) {
            case "phpbb3":
    return "h2.topic-title";
            case "modernbb":
                return "h2.topic-title";       
            case "punbb":
                return ".posthead h2";
            case "invision":
                return ".postbody-head h3";
            case "awesomebb":
                return ".post-header h2";
            default:
                throw "REPLACE POST URLs: " + version + " non è una versione valida";
        }
    }

    var selector = selector('phpbb3');

    $(".topic-with-icon  div.inner a[href^='/t']").each(function() {
        var element = $(this);
        var href = $(this).attr('href'); 
          $.ajax({
              url:href,
              type:'GET',
              success: function(data){
                    var icon = $(data).find(selector).html();
                    console.log(icon);   
                    $(element).html(icon);         
              }

            });
    });
    });


Modifiche da effettuare al codice Javascript

E' necessario modificare la versione del proprio forum all'interno del codice Javascript, modificando la stringa var selector = selector('phpbb3');

I valori consentiti sono:
  • phpBB3
  • PunBB
  • Invision
  • AwesomeBB
  • ModernBB
  • Il tutorial non è compatibile con la versione PhpbBB2


Modifica dei templates

Andiamo verso Pannello di amministrazione ► Visualizzazione ► Templates ► Portale e a seconda del widget sul quale vogliamo attivare la funzione seguire il passaggio.

Note:
  • Le modifiche sono cumulabili - è possibile effettuare la modifica su uno o più widget
  • Per effettuare le modifiche dei templates necessario essere collegati con l'account fondatore del forum


Modulo "Ultimi argomenti"

  1. Modifichiamo il template mod_new_topics
  2. Cerchiamo
    Codice:
    <div class="module">
  3. Sostituire con
    Codice:
    <div class="module topic-with-icon">
  4. Salvare e pubblicare le modifiche del template


Modulo "Argomenti più attivi"

  1. Modifichiamo il template mod_most_active_topics
  2. Cerchiamo
    Codice:
    <div class="module">
  3. Sostituire con
    Codice:
    <div class="module topic-with-icon">
  4. Salvare e pubblicare le modifiche del template


Modulo "Argomenti più visualizzati"

  1. Modifichiamo il template mod_most_viewed_topics
  2. Cerchiamo
    Codice:
    <div class="module">
  3. Sostituire con
    Codice:
    <div class="module topic-with-icon">
  4. Salvare e pubblicare le modifiche del template


Modulo "Ultimi argomenti attivi"

  1. Modifichiamo il template mod_recent_topics
  2. Cerchiamo
    Codice:
    <div class="module">
  3. Sostituire con
    Codice:
    <div class="module topic-with-icon">
  4. Salvare e pubblicare le modifiche del template


Modulo "Argomenti con più reazioni"

  1. Modifichiamo il template mod_top_liked_post_month
  2. Cerchiamo
    Codice:
    <div class="module">
  3. Sostituire con
    Codice:
    <div class="module topic-with-icon">
  4. Salvare e pubblicare le modifiche del template


In linea generale, è sufficiente aggiungere l'attributo classe .topic-with-icon al div del modulo che si vuole "popolare" con le icone soggetto :bene:


Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 25
Messaggi : 8422
Località : Provincia di Varese

Visualizza il profilo https://www.openstudio.one
Niko è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto


 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.