Download the PHP package thelia/frontoffice-modern-template without Composer
On this page you can find all versions of the php package thelia/frontoffice-modern-template. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Informations about the package frontoffice-modern-template
⚠ This is the repository of Thelia default frontoffice template. All the pull requests on this repo will be ignored. If you want to create a project, please take a look at thelia/thelia-project If you want to contribute to Thelia, please take a look at thelia/thelia
About
This Thelia template is based on Symfony Encore, it uses Smarty (Thelia default templating engine) for static content and React for managing dynamic components (eg:cart). Styling is done with Tailwind and PostCSS, but can be overrided or switched, to use any other css preprocessor/ css framework.
Prerequisites
Available commands
(compile & optimize assets for production)
(development mode with live-reload)
Manual Installation
Components
This template is based around pages templates (located at the root
of this directory) and a components system (in the components
directory).
Components system
- Component should be reusable and the more agnostic possible to allow them to be composed freely.
- Files relative to the component (html, css, js, images, ...) should all be inside the component directory to keep them organized and easy to move around.
Retrieving compiled assets in pages
Symfony Encore use entries to identify the different JS bundles composing the template, those entries can be modified in the webpack.config.js
file.
This pattern allow your js code to be split and used only on the relevant pages.
You declare them like:
and you use them like:
⚠️ layout.tpl ⚠️ (this is the main JS bundle, which is used for every pages of the website)
product.html (note the use of the append keyword in the smarty block, allowing us to keep the main bundle instead of replacing it)
Image & other assets
You can use the smarty function {encore_manifest_file file="key/of/your/asset/in/the/manifest"}
to retrieve any assets compiled by Symfony Encore, the manifest.json
file can be found inside the dist
directory