Skip to content

Latest commit

 

History

History
36 lines (27 loc) · 1.54 KB

add-theme-inheritance-without-resources.md

File metadata and controls

36 lines (27 loc) · 1.54 KB
Raw

Theme with Bootstrap styling

Overview

The Shopware default theme is using Bootstrap with additional custom styling. But sometimes you want to develop a theme without the Shopware default styling.

Theme without Shopware default styling

If you want to build your theme only upon the Bootstrap SCSS you can use the @StorefrontBootstrap placeholder instead of the @Storefront bundle in the style section of your theme.json. This gives you the ability to use the Bootstrap SCSS without the Shopware Storefront "skin". Therefore all the SCSS from <plugin root>src/Storefront/Resources/app/storefront/src/scss/skin will not be available in your theme.

{% code title="/src/Resources/theme.json" %}

{
  ...
  "style": [
    "@StorefrontBootstrap",
    "app/storefront/src/scss/base.scss"
  ]
}

{% endcode %}

{% hint style="info" %}

  • This option can only be used in the style section of the theme.json. You must not use it in views or script.
  • All theme variables like $sw-color-brand-primary are also available when using the Bootstrap option.
  • You can only use either @StorefrontBootstrap or @Storefront. They should not be used at the same time. The @Storefront bundle includes the Bootstrap SCSS already. {% endhint %}

Next steps

Here is a list of related topics which might be interesting for you.