Show promoted articles of viewing category on category template

12 Comments

  • Ed Ball

    So I am a little late to this, but thanks for this.

     

    And to make it even a little better I submit this...

    Can this section be hidden completely if there are no articles promoted for a category?

    So Billing has one promoted article. When that article has the promoted check removed then there would be no promoted articles for billing. So currently there would be a promoted article section with nothing in it. If that could be hidden from the view unless there is a promoted article in the category that would be even more awesome.

    1
  • Trapta Singh
    Community Moderator

    Hi @Ed Ball,

    Thanks for the feedback. I have updated the code to hide promoted article section unless there is a promoted article in the category to make it even more awesome :)

    1
  • Martijn Reinking

    Trapta Singh Thankyou for this custom code. I Implemented this code, but I ran into a problem. We have a site that has dutch and English articles. I saw in your code that the getjson only looks at the English articles, If I understand correct. I tried to fix this but this didn't work. Do you have a Fix for me? 

    0
  • Melody Quinn

    That code worked great! Thank you! How would I input the star icon in front of the article name like it is on the section_page template? I have tried several ways, but my HTML skills are a beginner at best. 

     

    0
  • Brett Bowser
    Zendesk Community Team

    @Melody and Martijn,

    Glad Trapta's tip was able to help you out! I reached out to see if she has some additional advice to provide for you here :)

    Cheers!

    1
  • Melody Quinn

    Thanks Brett!

    0
  • Trapta Singh
    Community Moderator

    Hi Martijn Reinking,

    I have updated the code to remove the hardcoded locale from the getJSON function. Give it a try now and let me know if this solves your issue.

    Thanks

    Team Diziana

    1
  • Trapta Singh
    Community Moderator

    Hi Melody Quinn,

    In order to add the star icon in front of the article name, you need to replace (in the mentioned code from the tip):

    articlesList += '<a href="'+itm.html_url+'">'+itm.name+'</a>';

    with

    articlesList += '<span class="icon-star"></span><a href="'+itm.html_url+'">'+itm.name+'</a>';

    Let me know if this solves your issue.

    Thanks

    Team Diziana

    1
  • Martijn Reinking

    Thanks again! This was what I needed! 

    0
  • Daniel Baker

    Hi Trapta Singh 

    This looks to be exactly what we want to implement but when I add it to the bottom of our category_page.hbs it is not pulling through any promoted articles in that category. I get the following error when I inspect the code from my browser:

    "Uncaught ReferenceError: $ is not defined" for the following line:

    $.getJSON('/api/v2/help_center/'+$('html').attr('lang').toLowerCase()+'/categories/'+{{category.id}}+'/articles.json', function(data){

    I'm not a developer so apologize for not being able to explain the issue better. Thanks for any guidance.

    0
  • Trapta Singh
    Community Moderator

    Hi Daniel Baker,

    Please add below line of code in your document_head.hbs file and you will be good to go.

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

    Let me know how it goes for you.

    Thanks

    1
  • Daniel Baker

    Trapta Singh 

    That line of code fixed it and everything is working great.

    Thanks again!

    0

Please sign in to leave a comment.

Powered by Zendesk