Page List in Emporio Blogger Theme

[Inder Kumar]

The page list in not visible on post pages, I would like to show it on all pages, any help will be appreciated. 

[Inder Kumar]

can anyone answer this question

[Luc Fayard]

Hello, which theme?

Luc 

--
La Communauté ne peut vivre qu'à travers ses membres ! C'est vous qui construisez cet espace à votre image. Comment faire ? :
 
• Poser des questions : votre question n'a pas encore été abordée ? Lancez un nouveau sujet dans le forum et attendez qu'un membre vienne vous aider.
• Aider les autres : un sujet n'a pas encore de réponse et vous avez la solution ? Proposez-la et peut-être qu'elle conviendra !
• Remercier : un membre donne la bonne réponse à votre question ? Remerciez-le et notez-la comme "meilleure réponse"
• Participer : une Communauté doit être vivante. N'hésitez pas à prendre part aux discussions en cours pour apporter un point de vue nouveau sur un sujet.
---
Vous recevez ce message, car vous êtes abonné au groupe Google Groupes "Forum Blogger Ambassade Francophone".
Pour vous désabonner de ce groupe et ne plus recevoir d'e-mails le concernant, envoyez un e-mail à l'adresse blogger-fr+...@googlegroups.com.
Pour afficher cette discussion, accédez à https://groups.google.com/d/msgid/blogger-fr/4fcbfd94-baad-427d-b766-161da143b9efn%40googlegroups.com.

[Inder Kumar]

It is the Emporio Blogger themes, the pagelist shows only on the homepage, I want to show it on all the pages.

This is the Demo Blog given by Blogger

https://tastytreats-blog.blogspot.com/

[Inder Kumar]

This is the code that is causing problem

 <b:if cond='data:view.isLayoutMode or not data:view.isSingleItem'>
                  <nav class='top-nav' role='navigation'>
                    <b:section id='page_list_top' name='Page List (Top)' showaddelement='false'>
                      <b:widget id='PageList1' locked='true' title='' type='PageList' visible='true'>
                        <b:widget-settings>

On Wednesday, February 19, 2025 at 7:17:10 PM UTC+5:30 lucf...@gmail.com wrote:

[Luc Fayard]

No ! Explanations from ChatGPT:

• <b:if cond='data:view.isLayoutMode or not data:view.isSingleItem'>
  

• Checks if you are in layout mode (theme editing) or if the page being viewed is not a single post. This means that the menu will not be displayed when a single post page is displayed, but will appear on the home page and list pages. 

• <nav class='top-nav' role='navigation'>
  

• Defines a <nav> tag for the main navigation, with the CSS class top-nav. The role='navigation' attribute improves accessibility by signaling to screen readers that this is a navigation menu.

• <b:section id='page_list_top' name='Page List (Top)' showaddelement='false'>
  

• Defines a Blogger section that can contain one or more widgets. id='page_list_top' → Unique identifier for this section. name='Page List (Top)' → Name displayed in the Blogger admin interface. showaddelement='false' → Prevents adding more elements to this section via the customization interface. 

• <b:widget id='PageList1' locked='true' title='' type='PageList' visible='true'>
  

• Adds a PageList widget that manages the list of static pages on the blog. id='PageList1' → Unique identifier for the widget (important for CSS and JavaScript). locked='true' → Prevents deleting or editing directly from the Blogger interface.  title='' → No title displayed (can be changed in the theme editor). visible='true' → The widget is active and visible.
• <b:widget-settings>
  Starts the widget-specific settings section (e.g., which pages are displayed, their order, etc.).

It is therefore after this last tag that the places where the page menu will be displayed are defined in your theme.

Luc 

Pour afficher cette discussion, accédez à https://groups.google.com/d/msgid/blogger-fr/36aae0ca-c405-4dac-9c1f-8d94a732b5cdn%40googlegroups.com.

[Inder Kumar]

Tried everything does not work,

[Luc Fayard]

give me the complete code of the pagelist widget

Luc 

Pour afficher cette discussion, accédez à https://groups.google.com/d/msgid/blogger-fr/288b562f-9f35-4f48-8712-919f27d662acn%40googlegroups.com.

[Inder Kumar]

   <b:if cond='data:view.isLayoutMode or not data:view.isSingleItem'>
                  <nav class='top-nav' role='navigation'>
                    <b:section id='page_list_top' name='Page List (Top)' showaddelement='false'>

                      <b:widget id='PageList1' locked='true' title='' type='PageList' visible='false'>
                        <b:widget-settings>
                          <b:widget-setting name='pageListJson'><![CDATA[{"link0":]]></b:widget-setting>
                          <b:widget-setting name='homeTitle'>Home</b:widget-setting>
                        </b:widget-settings>
                        <b:includable id='main'>
  <b:include name='widget-title'/>
  <b:include name='content'/>
</b:includable>
                        <b:includable id='content'>
          <div class='widget-content'>
            <b:include cond='data:widget.sectionId == &quot;page_list_top&quot;' name='overflowablePageList'/>
            <b:include cond='data:widget.sectionId != &quot;page_list_top&quot;' name='pageList'/>
          </div>
        </b:includable>
                        <b:includable id='overflowButton'>
  <b:include name='verticalMoreIcon'/>
</b:includable>
                        <b:includable id='overflowablePageList'>
  <div class='overflowable-container'>
    <div class='overflowable-contents'>
      <div class='container'>
        <b:with value='true' var='overflow'>
        <b:with value='&quot;tabs&quot;' var='pageListClass'>
          <b:include name='pageList'/>
        </b:with>
        </b:with>
      </div>
    </div>
    <div class='overflow-button hidden'>
      <b:include name='overflowButton'/>
    </div>
  </div>
</b:includable>

[Christian DEHAIS]

Hello !

It appears to me that if you want to display the page list when you display a single post, you should modify the first condition of the code.
Replace 

<b:if cond='data:view.isLayoutMode or not data:view.isSingleItem'>

with 
<b:if cond='data:view.isLayoutMode'>

[Inder Kumar]

Thanks, I tried this but it does not work. 

[Christian DEHAIS]

Sorry ! My idea was partially good but not my solution. In addition I have done some successful tests that show that we have to make other modifications. (Don't forget to save your theme before)

There are 3 steps in my new suggestion :

1. To enable the PageList in all cases, because ultimately that's what you want:

replace 

<b:if cond='data:view.isLayoutMode or not data:view.isSingleItem'>
with 

<b:if cond='true'>

2. The first step is not enough, because in this situation the CSS is made so that the rendering of the PageList is hidden. We need to change this and at the same time indicate where we want to display it.
- Search for .sticky .centered-top .top-nav{
- Just under, replace
display:none
with 
position: absolute;
top:36px;
left:2px

3. Now the PageList is displayed in all cases under the navigation bar which contains the blog name and the search button. But when we display an article, the PageList hides the article title, so we have to lower its body :
- Search for .item-view .page_body{
- Just under, modify the value of padding-top : replace 70px with 128px

That's it. Save the theme and test it.

If you want, you can adjust the position of the PageList by setting "top" and "left" in ".sticky .centered-top .top-nav", and that of the article with "padding-top" in ".item-view .page_body"

Try that and tell us ! 

[Inder Kumar]

Many Many thanks to you, the solution works perfectly. Was searching for it for a long time.

[Christian DEHAIS]

Good news! Thank you for your feedback