Cant access template pages in design manager

[eavitan]

Hey New to hubspot here :))

i have a task to match some design modifications from the website to the blog. most of it is in CSS, which is fine, but now I need to do some backend changes like implementing new elements using HTML.

usually what i do is search for a class or something in the search field of design manager and it finds me the file.

but sometime it finds me sometime file that i cannot open for example this file.

@hubspot/elevate/components/modules/menu

 

this is the window that i get.

if anyone can help it will be great 🙂 

[evaldas]

Hi @eavitan,

Looks like you are trying to use the "Elevate" theme, which was created by HubSpot. However, this theme was built slightly differently than the standard themes and currently cannot be accessed via the Design Manager (even though the files can be discovered via search).

If you want to go deeper and are comfortable using the CLI, you could get that "Elevate" theme by using "hs fetch @hubspot/elevate". More documentation on that here:

https://developers.hubspot.com/docs/guides/cms/content/themes/build-and-deploy-with-projects

Otherwise, if editing theme settings does not give you the results you are looking for, I would suggest choosing another theme, potentially looking at the theme marketplace. You will have an option to create a child theme through the design manager and make html/css edits.

Hope this helps!

[eavitan]

Hey Evaldas, thanks for the reply.

I'm comfortable with the CLI, will work this way.

Correct me if im wrong, but i would imaging that i download all theme files and upload them as child-theme, should not effect existing views, am i correct?

[evaldas · Accepted solution]

Correct, downloading the theme and uploading as a child theme would not impact any existing pages. In order to have pages use the child theme, you would need to edit the page and manually swap the template in the Settings.

Just make sure your child theme is clearly named so you can distinguish it from the main theme easily and include this in the theme.json file:

"extends": "@hubspot/elevate"