Guide templating renders the help center theme packages. This contains the Curlybars templating language that is used in the template files, CSS and JS files, and the manifest file.
Guide templating is also known as the Templating API.
To learn more about Guide themes, see Customizing your help center theme and the Help center Templates developer documentation.
About Guide templating versions
The following table lists the Guide templating versions, release dates, and links to the related developer documentation page where you can find specific information about what is available in each version.
To check which version you're using, see Checking your templating version.
Version | Release date | Developer documentation page |
---|---|---|
1 | November 20, 2014 | N/A |
2 | February 24, 2020 | Upgrading from templating API v1 |
3 | June 1, 2023 | Upgrading from templating API v2 |
4 | July 2, 2024 | Upgrading from templating API v3 |
Checking your templating version
You can see the templating version from the Edit code view in your theme or in the manifest file.
To check the templating version
- In Guide, click the Customize design icon (
) in the sidebar.
- Click Customize on the theme you want to see.
- Click Edit code.
- Under the theme name, you'll see the templating version number, for example,
Templating API v2.
This version number corresponds to the
api_version
field in the manifest file.
Upgrading your Guide templating version
If you have customized your Guide theme, you can upgrade to the latest templating version to take advantage of new features, improved performance, and accessibility improvements.
To upgrade the templating version
- Download your help center theme, see Downloading a help center theme.
- Open the theme package locally and edit the manifest.json file.
- In the manifest.json file, find the
api_version
field and change the value to the version you want to upgrade to. - Preview your theme changes locally. When you preview the theme, you'll get warnings if you are using helpers that have been deprecated in the version you are upgrading to.
- If you are using a deprecated helper, refer to the related developer
documentation (see About Guide templating versions
) to replace the helper with a supported equivalent.
Preview your theme again to verify that there are no further warnings.
- Upload the updated theme to Guide (see Importing your help center
theme).
You can check that the new version has been applied by checking your templating version.
13 comments
Andy Diehl
I tried updating a test copy to v2 and replaced all the depreciated helpers. But now none of the dropdowns work. All items are displayed all the time. I've copied the dropdown code from the copenhagen example but nothing works.
0
Kyle Jones
Hey there Andy,
I've created a ticket we can work together in, since I'll need to investigate your account. Normally, we do not assist with custom code within Support, but I would like to see if I can point you in the right direction. I hope members of our community can also jump in with advice here!
Kyle Jones | Technical Support Engineer
Ask our Zendesk Community
0
Rona Yang
@... can you please post what you find. You can see above from my colleague Chen we also ran into something similar - copied the copenhagen code, removed the depreciated helpers, but still ran into some of the same formatting issues as Andy.
We ended up not upgrading to V2 and not purchasing the badging options because we couldn't figure it out.
Thanks
0
Player Support Team
@... hi!
Any updates on this? We are facing the same issue with drop-downs.
Thanks!
0
Toni Wowtscherk
Kyle Jones any new leads on that? We faced the same problems and it seems like it's an Java Script issue. But couldn't figure out what exactly it might be.
0
Dion
I suggest that you contact our support team and provide more details about your issue. Please be advised that we do not provide support for custom codes or custom templates as this should be directed to your developers but we will try to see if we can provide some information on your issue.
Regards,
Dion
0
Rosa Lopez
Hi, I was wondering if any of you have managed to solve this problem, as I have the same one and I can't get the dropdowns to work.
Thanks.
1
Dainne Kiara Lucena-Laxamana
Hi Rosa Lopez,
I went ahead & created a ticket on your behalf so we can work on the theme to see why the drop-down doesn't work. Please keep an eye out for our email!
0
Michaela Vlckova
Hi there, for all that have "dropdown" issues:
it can be fixed by adding whole dropdown section in script.js from original Copenhagen theme + adding a css rules to style dropdown and hide/show them based on aria-expanded attributes:
JS snippet:
(source from https://github.com/zendesk/copenhagen_theme/blob/master/script.js lines 316-482)
0
Toni Wowtscherk
Thank you Michaela Vlckova! Just copy pasted the JS snippet and replaced it with the dropdown snippet from the template and it works perfectly fine! Awesome!
0
Mathijs Bok
I have the latest Copemhagen theme and the Dropdown snippet is already placed there. But even with replacing the snippet I still get no dropdown language menu. Also added the CSS rule, but still no result. Anyone has an idea ?
0
Jack Brown
Hi, silly question but what language is being used for the code? HTML?
0
Dainne Kiara Lucena-Laxamana
Hi Jack Brown !
Yes we do use HTML. For reference, you can check out these guides: Customizing the page templates with HTML and Curlybars & Customizing the CSS or JavaScript
0