Skip to main content
Closed for Voting

Recent Articles

Related products:Freshdesk
  • May 31, 2019
  • 1 reply
  • 16 views
I
Apprentice

New user and have asked support about Recent Articles section. It looks like any change I make to an article moves that article to the top of the Recent Articles section. Support says it is more subtle than that but can't point me to anything that explains how to manage recent articles. For example, if I fix a typo in an article, it show up in recent articles, how can I hide it. I understand there is no way to re-order recent articles and that would be an awesome enhancement as it exists for Folders and Articles.


Look forward to hearting from someone.

1 reply

H

 Recent Article code for toggle option 

you can increase number of article by this code {% for article in portal.recent_articles limit:5 %}


copy paste this code portal home page

<section class="articles home-promoted">
<h2 class="text-center text-uppercase">Recent articles</h2>
<ul class="article-list promoted-articles">
  {% for article in portal.recent_articles limit:5 %}
<li class="promoted-articles-item">      
 <a class="promoted-title open" href="{{article.url}}">{{article.title | h }}</a>
  <div class="description-text promoted-body">
              {{  article.body_plain | h | truncate:260 }}<br>
    <a class="btn view-topic" href="{{article.url}}">View Topic</a>
            </div>
  {% if article.body_plain != blank %}  
  {% endif %}
</li>
  {% endfor %}
</ul>
</section>

 

copy paste this code portal css page 

/*recent articles*/
.home-promoted h2 {margin: 44px 0 40px;font-size:40px;}
#hc_categories>a, .promoted-articles-item .promoted-title {background:#fff;border: 2px solid #dfdfdf;color: #333;display: block;padding: 15px;margin-bottom: 5px;}
.promoted-body {display: none;padding: 15px;font-size:18px;}
.home-promoted .promoted-articles-item .article-open, .toggle-list>a.article-open {background: #fe3635;color: #fff;}
.promoted-body .view-topic:hover, .see-all-articles:hover{border-color: #fe3635;color: #fff;}
.home-promoted .promoted-articles-item{font-size:18px;}
/*article dropdown css*/
.home-promoted .promoted-articles-item .article-open, .toggle-list>a.article-open {background: #fe3635;color: #fff;}

  

copy paste this code portal Footer page


 

<script>
/*dropdown jss aricle list*/
  jQuery(".promoted-articles-item > a, .section-content .article-list-link").click(function(e){e.preventDefault(),jQuery(e.target).toggleClass("article-open"),jQuery(this).next().slideToggle(250)});
</script>

 Thanks

Helpdesk Theme Team

Experts in Freshdesk and Freshservice website.

Terms of UseAccessibility statement