Adding Navigation Images to Help Center (with use of dynamic content)

10 Comments

  • John Shores
    Comment actions Permalink

    Did you start out using one of the new Help Center forum templates? If so, which template did you use?

    0
  • Andrea Saez
    Comment actions Permalink

    Hi John,

    I used the default template provided by Zendesk.

    0
  • John Shores
    Comment actions Permalink

    So, this was built on the old platform? (When you upgrade to the new Help Center there are 5 optional templates.)

    0
  • Jennifer Rowe
    Comment actions Permalink

    Hi John,

    No, Andrea used HC, but she was an early release customer so I'm not sure she had theme options when she set it up. She can let you know though. 

    0
  • John Shores
    Comment actions Permalink

    Thanks. It looks to me like the "Swiftest Elk" theme is closest to her design. I think I'll start with that and see what kind of success I have.

    0
  • Andrea Saez
    Comment actions Permalink

    We started off with whatever the default one was (it might be Swiftest Elk)

    Best of luck! I'm a full supporter of the new HC, love it, and so do our clients!

    0
  • Dan Smith
    Comment actions Permalink

    I am attempting to use this with our HC using the Swiftest Elk theme. I have done everything within the CSS tab that is listed here before the Dynamic Content section of the article, but I am not getting any results. I feel like I am missing something very basic here.

    Any help would be greatly appreciated.

    0
  • Andrea Saez
    Comment actions Permalink

    Hi Dan,

    Go to your HC's general settings and make sure that the languages are enabled there as well. It's not enough to set it up on the admin panel, you also need to set it up within HC.

    0
  • ChipRoberson
    Comment actions Permalink

    I'm struggling with the basics of how to add simple navigation icons like are shown in the first image. This seems like something a lot of people would want but it does not seem to be a standard option. It does not appear to be a part of any of the default themes and I cannot find any basic components to enable it. 

    What I see here seems more complicated than what I need. I just want 4 blocks that will display horizontally on a desktop and hopefully vertically on a mobile device. In each block, I would minimally like to select an icon (say from  http://fortawesome.github.io/Font-Awesome/) and have a button/link under it (very much like what you see on at http://support.zendesk.com). The additional text description is nice but not necessary.

    In looking above, I seem snippets of examples but not enough information for me to replicate the design. This seems to be much harder to do than I would have thought. Am I missing something?

    Thanks!

    0
  • Jessie Schutz
    Comment actions Permalink

    Hi Chip!

    Getting where you want to go here is going to require some custom coding.

    You'll want to start out with the Humble Squid template, which gives you the blocks that you're looking for. After that is where the custom coding is going to come in.

    We have a detailed Support Tip from one of our Advocates on how to customize those blocks with the image of your choice. You can find that here: Adding Images to Humble Squid's Category Boxes.

    We have additional resources to help with other CSS customization available here: Help Center CSS Cookbook

    That should get you started! Please let us know if you have any other questions!

    0

Post is closed for comments.

Powered by Zendesk