Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS
Browse ReUI

Integrate Silicon theme in Symfony with Webpack Encore


Hi!
I'm trying to integrate Silicon theme into Symfony using Webpack Encore. I am not clear how to proceed in this case.

I have installed the necessary packages using yarn for example SmootScrolling, Parallax-js, Rellax, Jarallax etc.

Is it necessary to import individual javascript components from the assets/js/components directory or is it enough to import only theme.min.js ?

Jarallax doesn't work (doesn't give error in console), I keep getting smootScroll is not defined error, Swiper doesn't work (doesn't give error in console) etc.

How to proceed in this case?

This is my app.js for webpack:


import "./scss/theme.scss";
import "boxicons/css/boxicons.min.css";
import "swiper/swiper-bundle.min.css";
import "jarallax/dist/jarallax.css";

import "./styles/app.css";

// start the Stimulus application
import "./bootstrap";

const $ = require("jquery");
require("bootstrap");

require("boxicons");
require("parallax-js")
require("rellax");
require("smooth-scroll")
require("swiper")

import jarallax from "jarallax";
window.jarallax = jarallax;


require("./js/theme.min");

$(document).ready(function() {
// $("[data-toggle="popover"]").popover();
});


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 Ducho,

I'm sorry, but that product is not developed by us. Please reach out to the author of the product, Createx Studio (https://themes.getbootstrap.com/store/createx-studio/) for support and assistance.

If you are interested in purchasing our products, please visit this page: https://themes.getbootstrap.com/store/keenthemes/

Thanks



What you mean? The name of the theme is called Silicon - Business!

Bought here:
https://themes.getbootstrap.com/product/silicon-business-technology-template-ui-kit/



Hi Ducho,

Can you please clarify which Silicon theme you are referring to?

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