Recent searches


No recent searches

Remove "Show All" in the section page

Answered


Posted Sep 02, 2022

How do I remove the "Show All" button from my section pages? I want all articles to display when someone navigates to a section page.

 

Can someone help me with the code I would need to change or remove to get rid of the "Show All" button?


0

14

14 comments

Not sure if my original screenshot was too small. Here is a better one.

0


image avatar

Pulkit Pandey

Zendesk LuminaryCommunity Moderator

Hi Brian-Powers

Is possible for you to share the URL of your help center where you are facing this issue

Thanks
Pulkit

0


image avatar

Pulkit Pandey

Zendesk LuminaryCommunity Moderator

Hi Brian Powers

So do you want to show all the articles listed under the specific sections on the category space instead of showing the "See all" button which will redirect to the section template and show all the articles of that section?

Thanks 
Pulkit

 

0


That is correct. I would like them to see all of the articles listed without needing to click on the "Show All" button. Basically just looking to remove the "Show All" button and have all the articles display when navigating to that section.

0


image avatar

Pulkit Pandey

Zendesk LuminaryCommunity Moderator

Hi Brian Powers

Please add the below CSS at the bottom of your style.css file 

.see-all-articles {
display: none;
}

Let me know if it solves your issue

Thanks

Pulkit

0


Thank you. When I enter this code into the CSS, it removes the "Show All" button but not all of the articles in my sections now appear. It is only showing the articles that were visible above the "show all" button but it does not list all of the articles in that section. It is only displaying 6 total articles per section rather than all of the articles in that section.

0


As you can see - the section labeled "Setup" has a lot more articles than 6 total articles. Here is a screenshot of all the articles in that section if I leave the "Show All" button enabled and click on it to show all articles in that section.

 

0


image avatar

Pulkit Pandey

Zendesk LuminaryCommunity Moderator

Hi Brian Powers

Can you please share the code of your category.hbs file here 

Thanks

Pulkit

 

0


<div class="jumbotron jumbotron-fluid" style="background-image: url({{asset 'category-hero.png'}})">
    <div class="container">
      <div class="row">
        <div class="col">
          <div class="mast">
            {{!-- {{#is category.id 204122328}}
            <img class="icon" src="{{asset 'icon-settings-white.svg'}}">
            {{/is}}
            {{#is category.id 204123567}}
            <img class="icon" src="{{asset 'icon-getting-started-white.svg'}}">
            {{/is}}
            {{#is category.id 204122368}}
            <img class="icon" src="{{asset 'icon-online-bidding-white.svg'}}">
            {{/is}}
            {{#is category.id 204123647}}
            <img class="icon" src="{{asset 'icon-online-payments-white2.svg'}}">
            {{/is}}
            {{#is category.id 204123587}}
            <img class="icon" src="{{asset 'icon-event-software-white1.svg'}}">
            {{/is}}
            {{#is category.id 204123547}}
            <img class="icon" src="{{asset 'icon-auctionpay-equipment-white.svg'}}">
            {{/is}}
            {{#is category.id 204123627}}
            <img class="icon" src="{{asset 'icon-join-me-white.svg'}}">
            {{/is}}
            {{#is category.id 204122348}}
            <img class="icon" src="{{asset 'icon-auction-booster-white1.svg'}}">
            {{/is}}
            {{#is category.id 204123667}}
            <img class="icon" src="{{asset 'icon-professional-event-services-white.svg'}}">
            {{/is}}
            {{#is category.id 204123607}}
            <img class="icon" src="{{asset 'icon-training-white.svg'}}">
            {{/is}} --}}
            <h1 class="display-3">{{category.name}}</h1>
            {{#if category.description}}
            <p class="lead">{{category.description}}</p>
            {{/if}}
          </div>
        </div>
      </div>
    </div>
  </div>

<div class="container-fluid breadcrumb-wrap">
      <div class="container">
        <div class="row">
          <div class="col">
            {{breadcrumbs}}
          </div>
        </div>
      </div>
    </div>


<div class="container content">
      <div class="row justify-content-between">
        <div class="col-md-8">

          {{#each sections}}

          <div class="section">
            <a id="section-{{id}}" class="invisible anchor-only">{{name}}</a>
            <h2>{{name}}</h2>

            {{#if articles}}
                <ul class="list-unstyled article-list">
                  {{#each articles}}
                    <li class="article-list-item{{#if promoted}} article-promoted{{/if}}">
                      {{#if promoted}}
                        <span data-title="{{t 'promoted'}}" class="icon-star">★</span>
                      {{/if}}
                      <a href="{{url}}" class="article-list-link">{{title}}</a>
                    </li>
                  {{/each}}
                </ul>
                {{#if more_articles}}
            <br>
                  <a href="{{url}}" class="btn btn-secondary btn-block see-all-articles">Show all
                  </a><br>
                {{else}}
                <hr>
                {{/if}}
              {{else}}
                <i class="section-empty">
                  <a href="{{url}}">{{t 'empty'}}</a>
                </i>
              {{/if}}
          </div>

          {{/each}}

       </div>

        <div class="col-md-3 sidebar">

          <div class="sticky">

            <section>
              <div id="category-nav">
                <ul class="nav nav-pills flex-column">
                  {{#each sections}}
                  <li class="nav-item">
                    <a class="nav-link {{#unless @index}}active{{/unless}}" href="#section-{{id}}">{{name}}</a>
                  </li>
                  {{/each}}
                </ul>
              </div>
            </section>

            <section>
              <h3>Featured Articles</h3>
              <ul class="list-unstyled">
                {{#each promoted_articles}}
                <li><a href="{{url}}">{{title}}</a></li>
                {{/each}}
              </ul>
            </section>

          </div>

        </div>
      </div>
    </div>

0


image avatar

Ifra Saqlain

Zendesk LuminaryMost Engaged Community Member - 2022Most Engaged Community Member of The Year - 2021Community Moderator

0


image avatar

Pulkit Pandey

Zendesk LuminaryCommunity Moderator

Hi Brian Power

Please replace the below code with your current one on the category_page.hbs file

 

<div class="jumbotron jumbotron-fluid" style="background-image: url({{asset 'category-hero.png'}})">
    <div class="container">
      <div class="row">
        <div class="col">
          <div class="mast">
            {{!-- {{#is category.id 204122328}}
            <img class="icon" src="{{asset 'icon-settings-white.svg'}}">
            {{/is}}
            {{#is category.id 204123567}}
            <img class="icon" src="{{asset 'icon-getting-started-white.svg'}}">
            {{/is}}
            {{#is category.id 204122368}}
            <img class="icon" src="{{asset 'icon-online-bidding-white.svg'}}">
            {{/is}}
            {{#is category.id 204123647}}
            <img class="icon" src="{{asset 'icon-online-payments-white2.svg'}}">
            {{/is}}
            {{#is category.id 204123587}}
            <img class="icon" src="{{asset 'icon-event-software-white1.svg'}}">
            {{/is}}
            {{#is category.id 204123547}}
            <img class="icon" src="{{asset 'icon-auctionpay-equipment-white.svg'}}">
            {{/is}}
            {{#is category.id 204123627}}
            <img class="icon" src="{{asset 'icon-join-me-white.svg'}}">
            {{/is}}
            {{#is category.id 204122348}}
            <img class="icon" src="{{asset 'icon-auction-booster-white1.svg'}}">
            {{/is}}
            {{#is category.id 204123667}}
            <img class="icon" src="{{asset 'icon-professional-event-services-white.svg'}}">
            {{/is}}
            {{#is category.id 204123607}}
            <img class="icon" src="{{asset 'icon-training-white.svg'}}">
            {{/is}} --}}
            <h1 class="display-3">{{category.name}}</h1>
            {{#if category.description}}
            <p class="lead">{{category.description}}</p>
            {{/if}}
          </div>
        </div>
      </div>
    </div>
  </div>

<div class="container-fluid breadcrumb-wrap">
      <div class="container">
        <div class="row">
          <div class="col">
            {{breadcrumbs}}
          </div>
        </div>
      </div>
    </div>


<div class="container content">
      <div class="row justify-content-between">
        <div class="col-md-8">

            {{section_tree_with_article}} 

       </div>

        <div class="col-md-3 sidebar">

          <div class="sticky">

            <section>
              <div id="category-nav">
                <ul class="nav nav-pills flex-column">
                  {{#each sections}}
                  <li class="nav-item">
                    <a class="nav-link {{#unless @index}}active{{/unless}}" href="#section-{{id}}">{{name}}</a>
                  </li>
                  {{/each}}
                </ul>
              </div>
            </section>

            <section>
              <h3>Featured Articles</h3>
              <ul class="list-unstyled">
                {{#each promoted_articles}}
                <li><a href="{{url}}">{{title}}</a></li>
                {{/each}}
              </ul>
            </section>

          </div>

        </div>
      </div>
    </div>

Let me know if it solves your issue

 

Thanks 

Pulkit

0


Thank you! Is there a way to remove the bullet points?

 

0


image avatar

Pulkit Pandey

Zendesk LuminaryCommunity Moderator

Hi Brian Powers

Please add the below CSS at the bottom of your style.css file

.section-tree-with-article {

list-style-type : none;
padding-left:0px;
}

Let me know if it solves your issue

Thanks
Pulkit

0


Please sign in to leave a comment.

Didn't find what you're looking for?

New post