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

Variables showing at frontend


Hi,

We are using metronics theme in Laravel which is setup in docker. Everything looks good except it shows some variables (starting with @) at frontend even after compiling the assets. Please see attached for more details.
Can you please help us here?


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


Hi Shawn Simmon,

Thank you for reaching out. We're sorry to hear about the issue you're facing. To better understand the problem and provide a solution, could you please send us a screenshot showing the variables that are appearing at the frontend? You can use a service like ImgBB or any other image host to upload the screenshot.

We'll work on fixing it.

Thank you for your patience.



Hi,

Please see following screenshot:
https://ibb.co/k9FMbYP

Also, please note purchase code 08e6fdf3-3cf5-4e60-8e0f-336c847e85cd



Hi Shawn Simmon

It seems like the Blade templating engine is not processing the variables correctly. Make sure that your HTML file name ends with `.blade.php` to enable Blade processing. If the issue persists, check if the variables are being properly assigned in your Blade view and if the Blade syntax is correct. If you're still facing issues, feel free to share more details or code snippets for further assistance.



Hi,

We haven’t added any code yet. It’s just a Metronics theme package that you provided is setup on local.



Hi Shawn Simmon,

May I know what other steps you have taken to run the application? Ensure that you have run composer install to install the necessary dependencies and php artisan serve to serve your Laravel application

Thanks



Yes, I run composer install and also compiled content via npm.
Please note this has been setup in docker instance.



Hi Shawn Simmon,

Since your Laravel project is set up in a Docker instance, ensure your Docker environment is configured correctly to serve the Laravel application. Check that the Docker containers are running and that no errors in the logs could be related to the Blade templating issue. If everything looks fine, try restarting your Docker containers to see if that resolves the problem.

You can try clearing your browser cache and running php artisan cache:clear and php artisan view:clear commands in your Laravel project directory.



Did you see the screenshot i shared yesterday?
Everything working fine except those 2 variables showing in header and footer.
Docker is working fine. If containers are not running how it would have shown login page of metronics theme? Even I can login with the demo user and can see dashboard.



Hi Faizal,

Any feedback here? This is becoming so urgent now. Please reply asap.



Hi Shawn Simmon,

The @livewireStyles you're seeing is a Blade directive that should be placed inside your /resources/views/layout/master.blade.php file. It's required by the Livewire plugin to properly render its styles. The Livewire plugin should interpret this Blade syntax correctly during runtime.

Could you please check the master.blade.php file?

Thanks



Hi,

We are able to fix the issue.

One more quick question. I want to customize your theme i.e. add/remove some blocks, add/update menus in sidebar or in header. Can you tell me how can I extend your theme?



Hi Shawn Simmon,

You can customize the theme by modifying the menu partials. Follow the existing menu structure HTML code and create your menu block in `/resources/views/layout/partials/sidebar-layout/sidebar/_menu.blade.php`. This file contains the HTML code for the sidebar menu. You can add, remove, or update menu items as needed to customize the theme to your requirements.



You mean to say directly update the file "/resources/views/layout/partials/sidebar-layout/sidebar/_menu.blade.php" ?
What about integrity? So if you update the theme and I want to use that theme then it will overwrite my changes. How it will work?



Hi Shawn,

Yes, you can directly update the file "/resources/views/layout/partials/sidebar-layout/sidebar/_menu.blade.php" to customize the sidebar menu. However, to maintain integrity and avoid losing your changes when updating the theme, you can follow these steps:

Instead of modifying the original "_menu.blade.php" file directly, duplicate the menu file, for example, "_custom_menu.blade.php", in the same directory.

Modify the menu items in your "_custom_menu.blade.php" file as needed.

In the main "_sidebar.blade.php" file, include your custom menu file using Blade's @include directive. This way, your custom menu will be used instead of the default menu.

Even if you update the theme and the original "_menu.blade.php" file changes, your custom menu in "_custom_menu.blade.php" will remain.



Hi,

Thanks for your reply.
However, there is not only menu blade file but would be lots of files I would need to modify. Should we need to follow same process?
Is there not any other solution like child theme or something like?



Hi Shawn,

I understand your concern about modifying many files in the theme. Unfortunately, at the moment, we do not have other solutions for customizing the theme without affecting the original files. We are aware of this limitation and we will improve it in the future.

We appreciate your feedback and your patience.


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