One thing that we really like about HC is adding pinned topics (now known as "Promoted articles") to our front page.
In some themes, the tag doesn't come inserted automatically. I worked with Zendesker Arnaud to figure this out!
Add the Handlebar to your HTML
Under Homepage, add the following
<section class="clearfix">
{{promoted_articles}}<br />
</section>
Modify the CSS
/*
* Promoted articles
*/
.promoted-articles{
background-color:#f4f4f4;
padding:20px;
-webkit-border-radius: 3px;
border-radius: 3px;
clear:both;
}
.promoted-articles h3{
margin:0 0 10px 0;
font-weight:bold;
font-size:20px;
}
.bottomspace{
min-height:500px;
}
.main-column .form footer{
margin-top:20px;
}
This will add a section just for the promoted articles below the search bar and whatever introductory images/text you may have.
Modify the text "Promoted articles" in several languages
If you wish to change the text for something else, like Pinned Topics, go to the JS tab and add the following
// Promoted topics
$('section.promoted-articles h3').text('Pinned Topics');
If like me you are handling several languages, you can do the following
// Promoted topics
if(currentLanguage === 'Français') {
$('section.promoted-articles h3').text('Sujets mis en avant');
}
For every additional language you simply add an IF condition and keep going!
