How to put all sections and articles on home page

13 Comentários

  • Patrick Hogan
    Ações de comentário Permalink

    Thank for posting this, Vladan. This is a great help for those who wants to have this on their homepage. Really easy to follow, too. Thumbs up!

    0
  • Jennifer Rowe
    Ações de comentário Permalink

    Awesome tip, Vladan. Thanks for sharing!

    0
  • Isabelle
    Ações de comentário Permalink

    Thank you very much for this snippet. May I ask you how you would split the content into two columns?

    Thanks a lot, 

    1
  • Tami Settergren
    Ações de comentário Permalink

    A big thanks to you, Vladan! I've been trying to do this and learn HTML5 at the same time by looking things up on the web. Should have known to start with Zendesk Support articles first, you guys are great!

    0
  • Matthew Elijah
    Ações de comentário Permalink

    Hey there, also wondering how to split the content into two columns? Thanks!

    0
  • Vladan Jovic
    Ações de comentário Permalink

    Hi Matthew, Welcome to the Community!

    Just to check are you on Copenhagen theme? Could you share a screenshot of what you got there?

    0
  • Edul Patel
    Ações de comentário Permalink

    Is there a way to split it into 2 columns?

     

    0
  • Vladan Jovic
    Ações de comentário Permalink

    Hi Edul! Yes, that is possible.
    Open CSS file of your Help Center theme (Guide admin / Themes / Select active theme / Edit code),
    and find this value (should be the 812th line in this ZD default Copenhagen theme):

    flex1 0 340px;

    Just make a little change so it looks on this way:

    flex: 1 0 420px;


    That should be all. If it doesn't work, please provide me here with a link to your help center.
    Thanks!

    0
  • Caroline
    Ações de comentário Permalink

    Hi Vladan - Thanks for the info!

    Do you happen to know a way to have the "View all XX articles" expand on the homepage, rather than click thru to the category page?

    Thanks in advance!

    0
  • Vladan Jovic
    Ações de comentário Permalink

    Hi Caroline, Yes that is doable and requires much more coding.

    If you have a front-end developer in your team just direct him to the Zendesk API documentation, a part which applies to the listing of all articles within a section: https://developer.zendesk.com/rest_api/docs/help_center/articles#list-articles

    Hope this helps.

    0
  • Caroline
    Ações de comentário Permalink

    Thanks Vladan! Will give this a try.

    0
  • Guillaume Zurbach
    Ações de comentário Permalink

    Thanks for sharing this Vladan! One minor detail: I had to wrap {{#each sections}} with <div class="section-tree"> to get everything working perfectly. It fixed a bunch of margins and made the whole thing show up with two columns without even tweaking the CSS code. 

    <div class="section-tree">
    {{#each sections}}

    [...] code removed for readability [...]

    {{/each}}
    </div>

     

    0
  • Vladan Jovic
    Ações de comentário Permalink

    Thanks for the update, Guillaume!

    0

Por favor, entrar para comentar.

Desenvolvido por Zendesk