Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

How to use your theme with my existing Django project?


Hello,

I am looking forward to buying your theme and my question is how to use the theme with my existing Django project. I tried to read the docs and found out that the Django version of Metronic is actually a new project rather than Django templates only. So, what shall I do if I want to use my already made Django project? Can I extract the themes from your new Django project and then use them with my project?

Thanks,


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (5)


Hi Khaled,

Thanks for choosing Metronic. Metronic's documentation is available here https://preview.keenthemes.com/html/metronic/docs and also in your download folder as well.


1. The first thing to do is to learn the file structure of the theme.
https://preview.keenthemes.com/html/metronic/docs/getting-started/file-structure
You can check the documentation for file structure. You can go to the index.html template and check the CSS and js included in the template head and foot. Once you fully understand what are CSS and js files to include on each page of your application the rest will be quite easy. So please go to index.html and check the code.

2. You can use the layout builder to prepare your HTML template. For example, if you are using the demo1 you can go to the online preview of the demo:
https://preview.keenthemes.com/metronic8/demo1/layout-builder.html

The layout builder helps you to configure the layout with available options and preview it in real time. Once you decide what configuration you like to use you can download the HTML code of your preferred configuration. To do so go to the bottom of the page and find the "Export" button and you will get a package containing the HTML template with the partials(header, aside, footer, etc) that can be used for your server-side integration. The export package provides you with only the HTML code with structured includable partials that are perfect for server-side integration. The assets can be included from your local download version.

3. Once you integrated the master layout and all the menus and navigation you can proceed with your inner pages by referring to the original theme demos.

4. Also as the main reference to the available features, you can refer to the demo pages' source code for each feature.

If you need any further help, please let us know.

Thanks



Hello Mr. Faizal,

I would like to thank you for your detailed answer. I have another question which is how to deploy the final project after modifying it?

To be more specific, do I need to do yarn install again at the server?

I don't have any experience with JS frontend stuff.

By the way, I purchased the theme already.

Thanks,



Hi Khaled, Welcome Aboard ;)

To better help, I need you to answer this question for me please :

Are you intending to use Django with :

1 - template rendering (Generating HTML), or
2 - Use Django as a REST-API supplier alongside with a js frontend framework (Generating Json)

NB : I myself using Django framework with Metronic 8 HTML

Thank you



I am using Django template rendering system.



Since you already a shaped project and you are using django template, it's better to go with Metronic 8 HTML version, and not use Metronic 8 Django version.

By doing so, you'll have your own rendering machinery, wich gonna let you be more productive and don't wait for upgrade and so ...

And then you need to cut the Metronic 8 HTML to align with django tempalte, that's gonna be so easy, because Metronic 8 HTML have a hints in their code to let you know when this component begin and ends, that will give you the ability to put it into a partials tempalte file, like : navbar.html, menu.html, and so, affter that you just cal them by django include inside your tempaltes :

{% include "partials/menu.html" %}

Post your question on SubReddit django, there's a great community there, and I'll be hgappy to help you.

You just give me your Reddit username.

Thank you.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(