1 résultat trouvé pour index

[AWESOMEBB] Afficher les widgets sur toutes les pages

Bonjour,

On va devoir bricoler un peu les templates car actuellement les widgets sur toutes les pages ne sont pas disponibles sur cette version.
Je vois que vous avez effectué de grosses modifications au niveau css/templates, donc je vais présenter deux versions des changements à mettre en place pour ajouter les widgets sur toutes les pages, afin que ce message puisse aider d'autres utilisateurs qui chercheraient après la même chose.

Version pour les utilisateurs qui n'ont pas ou peu modifié leurs templates :

Allez dans Affichage > Templates > Général.

1. Dans le template index_body, vous aurez ce passage au tout début :
   

   Code:

   <main id="index">
    <div class="main-inner">

   
   
   Effacez ce passage car on va le récupérer pour le mettre dans le overall_header (voir plus loin), afin que ces balises soient présentes sur toutes les pages et non seulement sur l'index.
   
   Ensuite, vers les lignes 46-65, vous trouverez ce passage :
   

   Code:

   </div>
</main>

<aside id="sidebar" class="sidebar-home">
    <!-- BEGIN giefmod_index1 -->
    {giefmod_index1.MODVAR}
    <!-- BEGIN saut -->
    <div style="height:{SPACE_ROW}px"></div>
    <!-- END saut -->
    <!-- END giefmod_index1 -->
</aside>

<script type="text/javascript">
    $(document).ready(function() {
        if ($('#sidebar').is(':empty')) {
            $('#index').css('margin', 0);
            $('#sidebar').hide();
        }
    });
</script>

   
   
   Même chose, effacez car on va le réutiliser ailleurs.
   et n'oubliez pas de publier votre template à la suite.
   
   
2. Dans le template overall_header, juste avant <!-- BEGIN html_validation --> (~ligne 300), on colle ce passage récupéré du template index_body :
   

   Code:

   <main id="index">
    <div class="main-inner">

   
   Enregistrez et publiez.
   Cette modification consiste à utiliser l'élément #index, récupéré de la page d'accueil, sur toutes les pages afin de profiter de son margin-right: 322px natif qui permet d'avoir une mise en page similaire à ce qu'on a sur la page d'accueil.
   
   
3. Dans le template overall_footer_begin, juste après <!-- END html_validation -->, lignes 4-13 environ, vous trouverez ce passage :
   

   Code:

   </div><!-- <div id="wrap" /> -->
<div id="{ID_RIGHT}" class="wrap"  style="display: none">
    <!-- BEGIN giefmod_index2 -->
    {giefmod_index2.MODVAR}
    <!-- BEGIN saut -->
    <div style="height:{SPACE_ROW}px"></div>
    <!-- END saut -->
    <!-- END giefmod_index2 -->
</div>

   
   
   Remplacez tout ce passage par
   

   Code:

   </div>
</main>
</div><!-- <div id="wrap" /> -->

<aside id="sidebar" class="sidebar-home">
    <!-- BEGIN giefmod_index1 -->
    {giefmod_index1.MODVAR}
    <!-- BEGIN saut -->
    <div style="height:{SPACE_ROW}px"></div>
    <!-- END saut -->
    <!-- END giefmod_index1 -->
</aside>

<script type="text/javascript">
    $(document).ready(function() {
      $('#wrap').append($('#sidebar'));
      $('#wrap').prepend($("div[style='overflow:visible']"));
      $("div[style='overflow:visible']").after($("div[style='height:3px']"));
        if ($('#sidebar').is(':empty')) {
            $('#index').css('margin', 0);
            $('#sidebar').hide();
        }
    });
</script>

Enregistrez et publiez.
Avec cet ajout dans le overall_footer_begin, on ferme les balises main et div ajoutées et ouvertes dans le overall_header, et on adapte le script récupéré du index_body.

Pour vous :
Vous pouvez soit :

• adapter les modifications vous-même si vous avez des connaissances en codage, en reprenant la logique de l'astuce donnée
  
• me communiquer les 3 templates à modifier entre balises code, et également l'affichage souhaité (tout en bas comme c'est le cas actuellement sur votre forum, ou sur le côté ?)