List all articles for each section(s) on the same category page

44 Comments

  • Nerea Garcia Ramila

    Hi! Thanks for this code and post.

    I was wondering how to maintain the spacing I have in between articles before clicking on 'See All 7 Articles'. Once I click on the link, all hidden article titles appear but they appear with very little space in between. 

    Before clicking:

    After clicking:

    0
  • Andrea Nugnes

    It doesn't work to me. When I click to "See all articles", nothing happens. 

    Is it because I got a different chunk of code to show the articles? Instead, this chunk of code in question shows articles in a new tab. 

    My support:

    https://support.magicstore.cloud/hc/it/

    And category page which I'm talking about:

    https://support.magicstore.cloud/hc/it/categories/115000039291-MagicStore

    Can you give it an eye or help me in any other way please? 

    Thank you. 

    0
  • Andrea Nugnes

    P.s.: I also formulate a different question: 

    I'd like that, after clicking on the triangle, would be shown the articles in the subsection. I attach a quick example: 

    The page in question:

    https://support.magicstore.cloud/hc/it/categories/115000039291-MagicStore

    0
  • Trapta
    Community Moderator

    Hi @Nerea Garcia Ramila, Can you please share the URL of your HC so that I can share how to add space between the articles?

    Thanks

    0
  • Trapta
    Community Moderator

    Hi @Andrea Nugnes, can you share the screenshot of the error it is showing to you when you are adding the code and it is not working for you?

    Thanks

    0
  • Angeli Ho

    I still do not see any solutions of how to show all articles on category page without clicking on button.

    0
  • Brooke Luder

    Hi I'm not a coder but I've managed to implement this suggestion and it works great.

    The only thing is if we have articles flagged as internal (visible to agents and managers only) the little lock icons disappear when you expand the list.

    The code on the .hbs page for that is:
    {{#if internal}}
    <span class="icon-lock" title="{{t 'internal'}}"></span>
    {{/if}}

    but I'm not sure how to get that working with the example above. I'm assuming it would be somewhere around this part:

    $(_allarticles).each(function(idx, itm){
    if(itm.draft==true){
    } else {
    _arthtml = _arthtml + '<li class="article-list-item'+(itm.promoted==true?' article-promoted':'')+'"><span data-title="Promoted article" style="'+(itm.promoted==false?'display:none':'')+'">★</span><a href="'+itm.html_url+'">'+itm.title+'</a></li>';
    }
    });

    Can anyone help me?

    0
  • Nicole S.
    Zendesk Community Team

    Hi Brooke - 

    I'm sorry you haven't gotten an answer yet. If you haven't found resolution on it elsewhere, you could try posting it as a new question in the Guide Q&A topic to give it more visibility. 

    0
  • Karl Hawthorne

    To further modify the script so that all CSS is retained including promoted links (like Randy Scheck wanted) I modified the following line:

    _arthtml = _arthtml + '<li class="'+(itm.promoted==true?'article-list-item':'article-list-item')+'">
    <span class="icon-star" data-title="Promoted article" style="'+(itm.promoted==false?'display:none':'')+'">&nbsp;</span>
    <a class="article-list-link" href="'+itm.html_url+'">'+itm.title+'</a></li>';

     

    0
  • Danila Slezko

    Hi all, someone knows how to show all articles on the category page without clicking on the "See-All-Articles" for this article's solution.

    If anyone knows how to do this, please share it. I think it will be very useful for everyone, especially considering that in the Zendesk theme app v.2 {{section_tree_with_articles}} and {{categor_tree_with_articles}} does not work.

    0
  • Kay
    Community Moderator

    Danila Slezko Check out the awesome tip on how to do that from Ifra Saqlain

    0
  • Danila Slezko

    Hi Kay. I'm a little confused. You provided the link "awesome tip" on the current article. I already applied the solution from the current article in my Zendesk theme, and it works great (images below). But my question was about displaying all articles from a section on a category page without clicking on the button "see all articles." The same question was from @Angeli Ho above. 

     

     

    0
  • Kay
    Community Moderator

    I am sorry I didn't see it was this article 🙈

    You'll need adjust this script from above a little bit.
    Instead of doing the API call on user click, you'll want to fetch on load, and cycle through all sections, and get its articles.

    I don't have an exact sample script for that, but here's how that could work

    - Execute script on page load
    - Find section IDs of current category
    - Loop through those sections and get the articles for that section and add article links to the DOM

    0
  • Danila Slezko

    Hi Kay, thank you for your help. Yes, I understand it and try to modify the script. I'm not so cool in the JS, so that is why I ask to share a solution about it. In any case, If someone already did it,  please share.

    0

Please sign in to leave a comment.

Powered by Zendesk