Design Implementation and Customization

Here are the basic technologies we use in Shopsys Platform for design implementation:

  • LESS pre-processor for definition of cascading style sheets (i.e. CSS)
    • the LESS files are located in assets/styles/frontend
    • you can read more about LESS in separate article Introduction to Less
  • Webpack for svg optimize, font gemerator and less compiler
  • Twig templating engine for definition of HTML (and other) templates
    • the Twig templates are located in templates directory

When you want to customize the styles or templates, you can modify any of the files directly, as all of them are located in your project.