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
Brian Powers
Not sure if my original screenshot was too small. Here is a better one.
0
Pulkit Pandey
Hi Brian-Powers
Is possible for you to share the URL of your help center where you are facing this issue
Thanks
Pulkit
0
Brian Powers
https://greatergivinghelp.zendesk.com/hc/en-us/categories/360001672734-Greater-Giving-Academy
0
Pulkit Pandey
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
Brian Powers
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
Pulkit Pandey
Hi Brian Powers
Please add the below CSS at the bottom of your style.css file
Let me know if it solves your issue
Thanks
Pulkit
0
Brian Powers
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
Brian Powers
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
Pulkit Pandey
Hi Brian Powers
Can you please share the code of your category.hbs file here
Thanks
Pulkit
0
Brian Powers
<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
Ifra Saqlain
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
0
Pulkit Pandey
Hi Brian Power
Please replace the below code with your current one on the category_page.hbs file
Let me know if it solves your issue
Thanks
Pulkit
0
Brian Powers
Thank you! Is there a way to remove the bullet points?
0
Pulkit Pandey
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