Help Center customization

9 Comments

  • Wes Drury
    Comment actions Permalink

    @Brad - Most of these are done via JQuery/JavaScript code.  Some of the code can just be copied and pasted directly in your Help Center.

    1.  Alot of JQuery/JavaScript.  See this tip.

    2.  You can hide the placeholders {{related_articles}} via JQuery.

    3.  This is also a placeholder which can be moved anywhere on the page via HTML.

    4.  This is also JQuery/JavaScript

    I'm not sure what you mean when you say is not easily maintainable if any CSS changes are made as these areas would have different CSS classes so it would not interfere with any other CSS.  Your CSS code doesn't affect your JQuery/JavaScript in any kind of way.

    For more customization tips please see here.

    0
  • Brad Marshall
    Comment actions Permalink

    Thanks, @Wes. What is the placeholder for the section title? I would think {{title}} would be the title of the section (if you are looking at a section page) or title of an article (if you are looking at an article page).

    0
  • Wes Drury
    Comment actions Permalink

    @Brad that may actually be the category title which is still the {{title}} placeholder.  You may be actually on the Category Page which is calling the category title but also showing the sections and the articles if that makes sense. If that's not the case you can always use the API and display your title along with some good ol Jquery..  Hope this helps.

    0
  • Jose de Leon
    Comment actions Permalink

    @Wes, any chance you can expand on the JQuery needed to do what is done in item (4) showing announcements and release notices?

    Specifically, this is obviously getting a list of the articles in specific sections and then filtering what should be shown.  What I don't understand is how to get the list so that it can be displayed?

    0
  • Wes Drury
    Comment actions Permalink

    @Jose - You should be able to accomplish number 4 by using the API.  If you look at the API the article gives you the section_id which you could filter on.  Below is the documentation.

    https://developer.zendesk.com/rest_api/docs/help_center/articles

    I'm working with a client now and I will be doing something similar so once I get everything complete, I'll try and post some sample code to help you get started.

    This article shows you how you can call the API from within Help Center

    https://support.zendesk.com/hc/en-us/articles/203661396-Adding-autocomplete-to-your-Help-Center-search-bar 

    Hopefully that will get you started.

     

    0
  • Jose de Leon
    Comment actions Permalink

    @Wes - Thank you, this is what I needed to see.  I haven't had a chance to try it yet, but I can now see how I can accomplish what I need and I'm sure this will work out fine.

     

    0
  • Wes Drury
    Comment actions Permalink

    @Jose - Awesome hopefully you will post the code after you figure it out so that it will benefit others in the community.  Best of luck.

    0
  • Ashwini Sukhdeve
    Comment actions Permalink

    @Wes @Jose Any chance you can show me the code to achieve the point 4 above? Thanks!

    0
  • Wes Drury
    Comment actions Permalink

    @Ashwini - I accomplished number 4 using the Bootstrap framework.  Number 4 is a category then the release notes and announcements are sections under that category.  I used the Bootstrap framework to compliment the flexbox that the Copenhagen theme using but the Home Page I did all with the Bootstrap framework.

    0

Please sign in to leave a comment.

Powered by Zendesk