How can I clone a module to edit it?

[MAhmad25]

Hello

I am using the Elevate theme for my website and I need to edit the "Feature list" module. I understand it must be cloned and the edited, but I can't find it in the Design Manager list unless I search for it and when I do select it from the results it does not load so I can't edit it. 

Am I doing something wrong or is this a bug in Hubspot?

[StanGommans · Accepted solution]

@MAhmad25 @Jnix284 

It seems that the Elevate theme is some sort of development / beta theme. My guess is that this relates to the new beta for Case Studies and Case Study Generator.
Please take a look at this beta: https://knowledge.hubspot.com/website-and-landing-pages/create-and-manage-case-studies

It is not possible to make a child-theme / customizations to the Elevate theme in the current beta. You are also not able to use any custom HTML in the head/footer of Case Studies for now.

Am I correct that you are using the theme for case studies?

[GiantFocal]

@MAhmad25,

Can you confirm if you already created a child theme, as @Jnix284 mentioned?

If not, please follow this guide:

https://www.giantfocal.com/hub/create-child-theme 

Once a child theme is created, you can:

1. Open the parent (original theme)
2. Navigate to the "Feature List" module
3. Right-click, and click Clone to child theme. 
4. Select the child theme you already created. 

Once cloned. You can edit it from the child theme. 

[MAhmad25]

Please see my reply and screenshot below. As the theme is not clearly labelled for me to determine, is there a way for you to know which is the theme to duplicate please? I don't want to create any issues in the backend. Thank you. 

[Jnix284]

Happy to help @MAhmad25, you aren't able to directly edit modules from @hubspot or @marketplace themes in Design Manager. You would need to create a child theme for Elevate and then clone the Feature List module to the child theme, make your edits, etc. and then replace the module on your page with the module from the child theme instead.

[MAhmad25]

Thanks a lot for your swift response, as the theme is not quite clearly labelled for me to determine, is there a way for you to know which is the theme to duplicate please? I don't want to create any issues in the backend. Thank you.  

[StanGommans · Accepted solution]

@MAhmad25 @Jnix284 

It seems that the Elevate theme is some sort of development / beta theme. My guess is that this relates to the new beta for Case Studies and Case Study Generator.
Please take a look at this beta: https://knowledge.hubspot.com/website-and-landing-pages/create-and-manage-case-studies

It is not possible to make a child-theme / customizations to the Elevate theme in the current beta. You are also not able to use any custom HTML in the head/footer of Case Studies for now.

Am I correct that you are using the theme for case studies?

[Jnix284 · Accepted solution]

@StanGommans and @MAhmad25 I recently learned that the Elevate theme is built in projects using React, it's only available via the CLI (not in Design Manager) and child theme functionality is not currently supported.

Elevate is used for Case Studies, but it has also replaced Growth theme as the default theme for new websites.