The templating engine used is Twig.
For styling SASS is used as CSS preprocessor.
The templates can be found in /src/Storefront/Resources/views/storefront/
Template Top Level
The page directory contains the entry points of the templating system. These are referenced by page controllers and rendered through the Twig engine. The structure is derived from the page controller naming.
Inside of the directories are the actual templates rendered by the storefront. The inner structure is dependant on the complexity of the domain context, therefore a system can not be clearly inferred from here on.
The style sheets are written in SASS. The organization is inspired by the 7-1 pattern structure.
<platform/src/Storefront/Resources/app/storefront/src/scss> └── abstract
The base.scss is the global include file which references styles that are written as an extension of the bootstrap base.
theme.json file in the <plugin root>/src/ folder of your plugin.
Using @Storefront in the style and script array specifies that your theme extends the basic storefront theme which ships with shopware. This is useful if a theme just makes some adjustments to this theme or to use it as a starting point.
“name”: “Your theme name”,
“author”: “Your theme author”,
“en-GB”: “Your theme description”,
“de-DE”: “Nur eine weitere Beschreibung”