Curlybars lets you hide components in your help center, such as the article, section, category, community topic, or community post. To do this, add conditional statements in your theme code that target the unique ID number of the component you want to hide.
This customization is available for the Guide Professional and Enterprise plans, and the Suite Growth plan or higher. The workflow includes the steps below.
Step 1: Find the component's ID number
Each component has a unique ID. The ID number appears in the URL when you navigate to the component's page.
To find the unique ID number
- In your help center, navigate to the component. For example, click a category if you want to hide the category from your help center.
- Find the URL in your browser's address bar and get the unique ID number. The URL has the sample format
/hc/en-us/categories/200420805-General
. In this example, the number200420805
is the unique ID of the component. Take note of this number. - Repeat the steps to get other unique ID numbers if you need to hide multiple components.
Step 2: Edit the theme code
Access your theme code and add the isnt helper expression. When you use the isnt
statement on a component's ID number, your theme won't render the targeted component and hide it from your help center pages.
To access your theme code
- In Guide, click Guide admin.
- Click the Customize design icon (
) in the sidebar.
- Find your live theme and click Customize. Then, click Edit Code.
- Find the page you want to edit in the templates folder.
To add the isnt statement
In this example, the Copenhagen theme is edited to hide the Announcements and Unlisted categories from the home page. They're still accessible to users with a link to the categories and their articles.
- In the templates folder, click home_page.hbs to access the home page template.
- Add the
isnt
statement with the unique ID number of the component. Repeat the code if you need to target multiple components. - Click Publish. To check that the components disappeared, click Preview.
What's next
Use the isnt
statement to hide other components from your help center and community pages. Select a template file in your theme and target the component's ID. In this example, an article is removed from the sections list in the sidebar, but is still accessible through search or direct link.
To achieve this, add the isnt
statement with the article ID to the article_page.hbs template file.
For more information, see the article: Customizing your help center theme.
65 comments
Ifra Saqlain
@Abdelhameed, I'll get back to you soon with your answer.
Thanks
0
Ifra Saqlain
Hi Abdelhameed,
When you have copied and pasted all your form's URLs then you need to hide the dropdown selector by using this code.
I have copied my form URL and pasted it as a link on the article page
and now I don't want to leave a choice that anyone can select another form so I used this code to hide the dropdown selector.
Now I have only the Subject field and Description field.
If any confusion let me know.
Thanks
0
Marina Kutt
Hello! This is my dilemma. We have a help center that's general and has got different categories and sections (and articles, of course). Those appear in all our “product-based” help centers. On the other hand, each of those “product-based” help centers have got their categories and sections (and articles, of course).
Now some of our articles only apply to some products. In-app (through the SDK), we are able to hide some articles from different products with labels. Is there a way to do that for the web-Help Center?
Thanks!
0
Ifra Saqlain
Hi Marina Kutt,
Can I get URL of both HC to fix this issue. I think you need to use segments for your HCs.
Thank You
Ifra
1
Marina Kutt
Hi Ifra! Thanks for your reply. I don't think using segments will be the solution, as our users don't need to log in to see our HCs :)
0