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

Metronic update gone wrong


Hi,
I just updated the Metronic template from version 8.1.7 to 8.2.
I essentially did this by overwriting the assets folder in my project with the assets folder from the new version of the template.
But now I have 190 css variables in the style.bundle.css (/assets/css/style.bundle.css) that are unresolved.
Also one property key 'sku' on line 293 and line 300 in /assets/js/custom/apps/ecommerce/catalog/save-product.js is mistakenly written twice.

Am I missing something or why can so many of the css variables not be read?


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,

Noted on the save-product.js bug. We will fix it in the next update.

Regarding the style.bundle.css issue, can you please clarify it? If you inspect the CSS from Google Chrome Code Inspector all CSS variables are initialized properly and original templates work as expected in the downloaded v8.2.0 package.

Can you please double check the original templates and see if anything missed in your project code ?

Regards.



Hi again,

Apologies for the late reply.
I have downloaded the new 8.2 version of the Metronic template and followed the Gulp Quick Start guide and compiled all the sass files.
I am upgrading from Metronic 8.1.7.

Here is the issue: None of the css variables with the prefix --kt- are in the newly compiled style.bundle.css. Did you abandon those variables and reverted back to using only --bs- variables?
After the upgrade a whole lot of styling has disappeared from my project.

Regards



Hi,

Yes, after Bootstrap started supporting own CSS variables Metronic started using them. So you can refer to --bs- variables after v8.1.8.

Please let us know if you need any further help.

Regards.


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