WebWerkstatt-Joseph-Kisler

Shopware 6 Theme entwickeln – Community store/Compile a theme [expand title=“mehr lesen…“] Community store To publish your plugins in the Shopware Community Store, you need to register your own developer prefix in your Shopware account. After that process you can compile your created theme, then create a zip file of the folder and upload your […]

Shopware 6 Theme entwickeln – Shopware 6 Theme entwickeln – JavaScript [expand title=“mehr lesen…“] You can add JavaScript to theme to interact with the DOM, make some API calls or change the behavior of the storefront. By default, Shopware 6 look inside the <plugin root>/src/Resources/app/storefront/src folder of your plugin to load a main.js file. You can simple put your

Shopware 6 Theme entwickeln – SCSS and Styling [expand title=“mehr lesen…“] The stylesheets are written in SASS. The folder structure is inspired by the 7-1 pattern structure. Shopware 6 looks inside your theme.json file to find a „style“ array which contains all SCSS files which should be loaded by your theme. By default you get the Shopware Storefront SCSS plus

Shopware 6 Theme entwickeln – Snippets [expand title=“mehr lesen…“] To extend a language in Shopware 6 you can add your own snippets in your theme. You can also add a completely new language to Shopware 6. General snippet structure To organize your snippets you can add them to .json files, so structuring and finding snippets you want

Shopware 6 Theme entwickeln – Livestream – theme – github [expand title=“mehr lesen…“] [/expand]

Shopware 6 Theme entwickeln – Twig templates [expand title=“mehr lesen…“] In Shopware 6 we use the Twig template engine to render the HTML in the storefront. The templates can be found in platform/src/Storefront/Resources/views/storefront/ Here is a brief overview of the structure and the most important template sections: The base.html.twig is the root file of the storefront which holds every rendered component.

Shopware 6 Theme entwickeln – Theme configuration [expand title=“mehr lesen…“] Structure of the theme.json Open up the src/Rescoure/theme.json file with your favorite code-editor. The configuration looks like this. Installing Let’s have a closer look at each section. Here change the name of your theme and the author. The description section is optional and as you notice it is also translateable. Theme template

Shopware 6 Theme entwickeln – Livestream #2 [expand title=“mehr lesen…“] [/expand]

Shopware 6 Theme entwickeln – Livestream #1 [expand title=“mehr lesen…“] [/expand]