Craft beautiful themes that inspire

Themes allow merchants to transport their brand and identity. They are the way they present their products and services. Create a theme and sell it in the store so that merchants can use it in their stores.

Shopware's theme system is based on twig and an inheritance mechanism, so you can write individual themes without breaking Shopware's core functionalities.

Start building a theme

Learn how to set up a theme for your storefront from scratch.

Edit this page on GitHub Ask question on Stackoverflow

Starter guides

Here is a handful of tutorials to follow along that make you familiar with some of our concepts:

Theme configuration

Add options to your theme, so merchants can customize it to their needs.

Add custom assets

Learn how to add custom styles, scripts, and assets to your theme.

Theme inheritance

Build a family of themes that inherit from each other for all your custom projects.

Highlights

Themes in Shopware serve a crucial role in defining the visual and structural appearance of your online store. They determine how your e-commerce website looks to your customers and how it presents your products and content. Here are the primary functions and aspects of themes in Shopware:

Build and configure themes

• Create plugin based theme
• Theme configuration
• Inherit theme configurations

Style themes

• Style by SCSS/CSS
• Theme with bootstrap styling
• Override bootstrap variables

Embed JS styling

• Add custom JS

Add assets

• Custom Assets
• Add Icons

Templates

• Add custom templates