Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

Integrating Metronic Theme with Existing Django Project


Dear Dev Team, I'm interested in using the Metronic Django theme with an existing Django project. I have reviewed the "Getting Started" documentation, but I could not find specific guidance for integrating the theme into a pre-existing project.

Could you please provide instructions or point me to resources that address the following:

  • Essential Assets: What are the necessary CSS, JavaScript, and other asset files I need to incorporate from the Metronic theme into my existing project structure?
  • Template Adaptation: How should I modify my existing Django templates to leverage Metronic's components and styling?
  • Best Practices: Are there any tips or recommended approaches for a smooth integration process?


Thank you for your time and assistance with this.
G
Guest 2 years ago
Django
1 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (1)

user
Faizal Author 2 years ago

Hi,

For an existing project, it's better to use the HTML version of Metronic. You can download the HTML layout partials from the layout builder at

https://preview.keenthemes.com/metronic8/demo1/layout-builder.html.

Once you've downloaded the layout partials, you'll need to find the assets path that needs to be included. You can get the assets from the dist assets folder in the demo you downloaded.


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(