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

46 Comentários

  • 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
  • Anusha Arora

    Hi! My website currently lists articles under section but we recently added subsections to our website. Is there any way we can display articles in subsection as a dropdown or in some other format in our category page via code edits. Something like this:

    Category Name

    Section name

    Subsection name

    • articles in subsection
    0
  • Brett Bowser
    Zendesk Community Team

    Hey Anusha,

    It may be worth taking a look at the following documentation to see if that points you in the right direction:

    I hope this helps!

    0
  • Brett Bowser
    Zendesk Community Team

    Hey Dominic,

    I recommend taking a look at the following Community Tip posted by Diziani which goes over setting this up in your Help Center: List all articles for each section(s) on the same category page

    Hope this helps!

    -1

Por favor, entrar para comentar.

Powered by Zendesk