Remove "Show All" in the section page

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

Hi Brian-Powers

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

Thanks
Pulkit

https://greatergivinghelp.zendesk.com/hc/en-us/categories/360001672734-Greater-Giving-Academy

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

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.

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

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.

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.

Hi Brian Powers

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

Thanks

Pulkit

<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>

Hello everyone,

Please consider on this post: https://support.zendesk.com/hc/en-us/community/posts/4409515207578-List-all-articles-for-each-section-s-on-the-same-category-page

Thanks

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

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

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