Cloning theme

acastanov — Wed, 24 Jul 2024 21:45:14 GMT

Hi all,

I need to use different landin pages for some clients and I am trying to clone a theme because I need to use different links on the "Navbar with menu"

I tried to clone.

Somebody can tell me how can I do?

Re: Cloning theme

Emma_M — Thu, 25 Jul 2024 12:51:06 GMT

Hi @acastanov ,

Thank you for reaching out to the Community! This knowledge base article here outlines the steps in order to clone a theme or template in HubSpot. Do you mind taking a look at that documentation to ensure all steps have been followed?

I see you tagged this as a paid portal (Professional). If you are still seeing the error message after following those steps, I would recommend reaching out to HubSpot Support and include the screenshot of the error message, link to where you are seeing this error in HubSpot and a HAR file of your steps. Directions for collecting a HAR file can be found here.

Best,

Emma

Re: Cloning theme

Anton — Thu, 25 Jul 2024 17:13:44 GMT

Hi @acastanov,

you don't need to clone the whole theme if you're looking for just changing the links in the "Navbar with menu".

1. Creating new menus

You can create as many new menus/navigations as you like in the portal settings.
To create(and manage) them simply navigate to the "Navigation menus" menu 🙂

It's located here: gear icon (top right) -> Content -> Navigation menus

This is the place where you create and manage all navigations in your portal (besides simple navigations)

Once you've created a new nav you can select it via the menu module.

2. Managing several header partials

If you need to create/use several header partials with different content, clone the header partial(should be located in THEME/templates/partials or similar; THEME is a placeholder for your theme name)

Once cloned you can apply changes to it independent from other partials.

To use the new header partial simply clone the template(s) you'd like to use the new header in, look for something like

{% block header %} {% global_partial path="../partials/PATH-TO-HEADER" %} {% endblock header %}

and replace the path with the path to the new header.

3. Creating a child-theme/work with a child theme

Child themes can be a great thing to provide individual look&feels to several brands.

Professional Portals can have up to 5 child-themes, Enterprise ones upto 10.

To create a child-theme simply right-click on the theme you'd like to be the parent-theme and select "create child-theme". After the quick setup popup you have a child-theme.

This child-theme can have seperate modules, partials, fields(you have to create a new fields.json if you want other options)...

This means: You can develop everything in one place(parent-theme) and make the individual changes in every child-theme.

Just an example:
You have a header partial which should have the same elements through out every theme/brand. But the colors/logo should be different.

Therefore you could simply set it like this:

The nav link color is blue in the parent theme, green in child-theme A, red in child-theme B...
And since the layout is the same through out all themes, you have to change only the link color in each child-theme. Or even better: Use the theme fields.json file for that 🙂

4. Cloning themes between portals

You can only clone/move custom themes between portals.

Themes from the @marketplace folder or @hubspot(there's no need for cloning those since they're included in every portal by default) folder can't be cloned/moved to other accounts.

hope this helps

best,

Anton

topic Re: Cloning theme in CMS Development

Cloning theme

Re: Cloning theme

Re: Cloning theme