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

Please provide a complete guide how to integrate your theme in an existing Laravel Project. Preferred V8.0.38


There are guides available to set up your theme for a fresh project.
I need a guide to integrate it into an existing laravel project.

Your theme works fine while setting up a new laravel project.

I tried to integrate it with the existing laravel project and the HTML version. Most of the plugins don't work. Core CSS and JS work.


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 (3)


Hi,

Our solution works smoothly for new projects. Integrating with an existing project can be different as it depends on the existing project structure that we can't predict. Basically, if you use Metronic views as a base and do not fix your existing project view then it should work as expected. Also you should use Metronic's webpack mix setup in order to use all available Metronic features in your pages.

Regards.



Can I have video support from your company? I mean, can you help me solve the problem in a video call? I'm willing to pay as well.



Hi Istiyak,

Sorry for the inconvenience. At the moment, we do not provide support via video call.
We recommend you integrate your existing Laravel project using the Metronic HTML version. So you can just get the HTML templates only.

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

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/ and click the "Layout Builder" link below the "Dashboards" submenu in the left side menu. Then you will land in the layout builder page:
https://preview.keenthemes.com/metronic8/demo1/layout-builder.html

The layout builder helps you to configure the layout with available options and preview 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 and 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


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  :(