Skip to content

Theme Base Guide

You are viewing an outdated version of the documentation.
Click here to switch to the stable version (v6.6), or use the version switcher on the left to navigate between versions.

Theme Base Guide

A Theme gives you the ability to change the visual appearance of the Storefront via styling the SCSS/CSS and adjusting twig templates. You can also provide JavaScript with your theme to change how the Storefront behaves in the browser. For example, JavaScript is used in Shopware to open the offcanvas shopping-cart. Now, as you might know, Shopware comes with a default theme, to make things a bit easier. The default theme in Shopware is built on top of Boostrap 4, style-wise. So everything you can do with Bootstrap, you can do with the Shopware Storefront as well.

Another handy capability is the theme configuration: As a theme developer you can define variables which can be configured by the shop owner in the Administration. Those variables are accessible in your theme and let you implement powerful features.

Next steps

Now that you know what you can do with themes, here are the next steps to learn how to create themes and what the differences are to plugins and apps.

Create a first theme
Differences Plugins and Apps vs Themes