# The ultimate Professional Knowledge ThemeWare® offers you a start as fast as lightning thanks to its preset configurations, its many Utilities, the video tutorial and the many instructions. This way you are able to implement professional and sales-promoting shops faster than ever. At the same time, ThemeWare® never sets any boundaries for you. In addition to the most extensive configurations, you will be able to make limitless individualizations at any time. In the following you will find a summary of the most important articles for experienced users and professionals. ## 1. Basic knowledge In the first step you will find some articles that will give you a basic understanding of themes in Shopware 6. Of course, you can also find a lot of helpful information in the Shopware Documentation. #### Description of the field types in the theme configuration In the configuration of the theme you have several field types at your disposal. In this article we will provide you with an overview and explain how to use which field type and what values it may contain. {% content-ref url="/pages/8JGqvPnQxykYpH9aNEDe" %} [Field types in the theme configuration](/knowledge-base/tutorials/configuration/field-types-in-the-theme-configuration.md) {% endcontent-ref %} #### Determining the ThemeWare® version With this guide you will be able to find out which ThemeWare® Version is being used by your customer in Shopware 6. {% content-ref url="/pages/aSnOkWidpfzxppCEVBNN" %} [Determining the ThemeWare® version](/knowledge-base/tutorials/administration/determining-the-themeware-version.md) {% endcontent-ref %} #### Installing ThemeWare® In this article you will discover how to update the theme. {% content-ref url="/pages/8SfoijFPQpRlwLN7bUe9" %} [Installing ThemeWare®](/knowledge-base/tutorials/administration/installing-themeware.md) {% endcontent-ref %} {% content-ref url="/pages/ruh2PLzqDyB21LUpjMtr" %} [Installing ThemeWare® manually](/knowledge-base/profi-knowledge/installing-themeware-manually.md) {% endcontent-ref %} #### Performing a ThemeWare® update In this article you will discover how to update the theme. {% content-ref url="/pages/yIX49pvf1p63rM1UKJJD" %} [Updating ThemeWare®](/knowledge-base/tutorials/administration/updating-themeware.md) {% endcontent-ref %} {% content-ref url="/pages/veSle0A4Llc3i8Mq32Vy" %} [Updating ThemeWare® manually](/knowledge-base/profi-knowledge/updating-themeware-r-manually.md) {% endcontent-ref %} ## 2. Configuration background knowledge The articles in this section will take it a step further and provide you with background knowledge on the topic of "configuration" and how to deal with the configuration in the database. #### ThemeWare® in the database In this article we will explain where the theme configuration is saved in Shopware 6. {% content-ref url="/pages/AbJXeM4CLxlqbdHIHbz0" %} [ThemeWare® in the database](/knowledge-base/profi-knowledge/themeware-in-the-database.md) {% endcontent-ref %} #### Editing the database with the Adminer For easy access to the database we recommend the free extension "Adminer for the Admin". {% content-ref url="/pages/aYJqvTaEsufBwbnr2XbK" %} [Editing the database with the Adminer](/knowledge-base/profi-knowledge/editing-the-database-with-the-adminer.md) {% endcontent-ref %} #### Exporting/importing or backing up/restoring the Theme configuration By exporting and importing the configuration values, you can save a configuration, restore a saved configuration, transfer configurations between a theme and its derivatives, and transfer theme configurations to another installation. {% content-ref url="/pages/jQF9jPhmSCobD5OWV1HI" %} [Exporting and importing the ThemeWare® configuration](/knowledge-base/profi-knowledge/exporting-and-importing-the-themeware-configuration.md) {% endcontent-ref %} {% content-ref url="/pages/yEm1GPWDK0bIuPQ3DZOf" %} [Backup of the ThemeWare® configuration](/knowledge-base/profi-knowledge/backup-of-the-themeware-configuration.md) {% endcontent-ref %} #### Resetting the Theme configuration How to restore a theme to its original state you will get to know in this article. {% content-ref url="/pages/hk2ucZj6KvwKzwFlF0cX" %} [Resetting the ThemeWare® configuration](/knowledge-base/profi-knowledge/resetting-the-themeware-configuration.md) {% endcontent-ref %} ## 3. Creating individual themes In the following you will find articles that show you how to quickly and easily create a professionally designed shop with ThemeWare®. #### Combining themes / templates In this video, Thorsten demonstrates how easily you can use other ThemeWare® themes as templates in order to combine parts of them with each other. This way you can quickly and easily get a customized and professionally designed theme, which exactly fits your wishes. {% content-ref url="/pages/sj9xWOjHM985w4XFdeb2" %} [Themes kombinieren](/knowledge-base/introduction/themes-kombinieren.md) {% endcontent-ref %} #### Using theme variables in the configuration In this article we will explain how to use theme variables to unify the color scheme of the Storefront and more quickly customize it to your wishes. {% content-ref url="/pages/JxEn0KHqaAsXoQbFZUgf" %} [Using theme variables in the configuration](/knowledge-base/tutorials/configuration/using-theme-variables-in-the-configuration.md) {% endcontent-ref %} #### Using SCSS functions in the configuration In the theme configuration, you can use simple SCSS functions in color fields in addition to theme variables. With such functions for example you are able to darken or lighten colors. {% content-ref url="/pages/qozezDZIEi4C8uPxyY5v" %} [Using SCSS functions in the configuration](/knowledge-base/tutorials/configuration/using-scss-functions-in-the-configuration.md) {% endcontent-ref %} #### ThemeWare® CSS classes for Shopping Experiences In this article you will find an overview of all additional CSS classes that we provide with ThemeWare® for Shopping Experiences. {% content-ref url="/pages/untQxOBrROSnkAn4MA3I" %} [ThemeWare® CSS classes for Shopping Experiences](/knowledge-base/tutorials/shopping-experiences/themeware-css-classes-for-shopping-experiences.md) {% endcontent-ref %} #### Configuring the "Shopping Experience Headers" In the so-called ThemeWare® "Shopping Experience Header", the header overlays the Shopping Experience on the starting page. In Themes such as ThemeWare® Outdoor, ThemeWare® Exquisite or ThemeWare® Lights, the "Shopping Experience Header" is already preconfigured. {% content-ref url="/pages/axSvDe10EnWIZmuG1utf" %} [Configuring the Shopping Experiences Header](/knowledge-base/tutorials/header/configuring-the-shopping-experience-header.md) {% endcontent-ref %} #### Recreating category Shopping Experiences of the demoshops In this article you will learn how to recreate the category Shopping Experiences from our Shopware 6 demoshops. {% content-ref url="/pages/AlD7VvdFIG5LN3p1cwaS" %} [Recreating category Shopping Experiences of the demoshops](/knowledge-base/tutorials/shopping-experiences/recreating-category-shopping-experiences-of-the-demoshops.md) {% endcontent-ref %} #### What image sizes should I use with ThemeWare®? Our popular utilities include all Theme graphics in PSD format for you. {% content-ref url="/pages/bCaHKXcO4eo0PiwuT2ll" %} [What image sizes should I use with ThemeWare®?](/knowledge-base/frequent-questions/what-image-sizes-should-i-use-with-themeware.md) {% endcontent-ref %} ## 4. Making individual adjustments In case you have experience with CSS and HTML and would like to further customize the appearance or make adjustments to templates, we have also compiled some extensive articles for you. #### Individual customization using CSS With ThemeWare® you have various possibilities to add your own CSS styling to your shop. More about this please find in this article. {% content-ref url="/pages/sv4AbcGPPn29g3gNgF6V" %} [Individual customizations by means of CSS](/knowledge-base/tutorials/individual-customizations/individual-customizations-by-means-of-css.md) {% endcontent-ref %} #### Individual customizations using SCSS How to make visual adjustments using SCSS please discover in this article. {% content-ref url="/pages/mlWDxAO5ELh8iy0UBJ0o" %} [Individual customizations by means of SCSS](/knowledge-base/tutorials/individual-customizations/individual-customizations-by-means-of-scss.md) {% endcontent-ref %} #### Individual template customizations (Twig, HTML, SCSS) In case you wish to customize the appearance of ThemeWare® by means of a template customization, this article enables you to implement this customization in Shopware 6 (Self-hosted). {% content-ref url="/pages/mZRuU0KjEifFP0bEdeKQ" %} [Individual template customizations (Twig, HTML)](/knowledge-base/tutorials/individual-customizations/individual-template-customizations-twig-html.md) {% endcontent-ref %} #### Embedding Google Fonts or your own fonts locally in a DSGVO-compliant way This article explains how to integrate your own fonts or a Google Font locally into a Shopware 6 Shop (self-hosted). {% content-ref url="/pages/4qkgWlkDP3YXSPqQFjzr" %} [Embedding fonts locally](/knowledge-base/tutorials/fonts/embedding-fonts-locally.md) {% endcontent-ref %} {% content-ref url="/pages/ZVizflZybx8IRQa6NKnw" %} [Embedding fonts locally using the ThemeWare® Customizing Plugin](/knowledge-base/tutorials/fonts/embedding-fonts-locally-using-the-themeware-customizing-plugin.md) {% endcontent-ref %} ## 5. Really taking off with Bootstrap Last but not least, we demonstrate how the underlying Bootstrap framework of Shopware 6 gives you even more options for customization. #### Optimizing Shopping Experiences with Bootstrap HTML and CSS classes The Shopware 6 Storefront is based on the Bootstrap framework. Due to our HC Architecture®, ThemeWare® is also completely compatible with Bootstrap. How to use Bootstrap CSS classes and HTML elements for client projects you will discover in these articles. {% content-ref url="/pages/2pOvqEGUDSWLXuJTBXpO" %} [Optimizing Shopping Experiences with Bootstrap CSS classes](/knowledge-base/profi-knowledge/optimizing-shopping-experiences-with-bootstrap-css-classes.md) {% endcontent-ref %} {% content-ref url="/pages/Y3k0Rv8tKb7rgsIwPrbb" %} [Optimizing Shopping Experiences with Bootstrap HTML elements](/knowledge-base/profi-knowledge/optimizing-shopping-experiences-with-bootstrap-html-elements.md) {% endcontent-ref %} #### Responsive Shopping Experiences with Bootstrap In this tutorial, you'll learn how to create responsive Shopping Experiences using Bootstrap CSS classes. {% content-ref url="/pages/DTSzvL8zx8ryByfwH1ig" %} [Responsive Shopping Experiences with Bootstrap](/knowledge-base/tutorials/shopping-experiences/responsive-shopping-experiences-with-bootstrap.md) {% endcontent-ref %} And now we would like to wish you a lot of fun while rummaging and always great business with ThemeWare®. --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://knowledge.themeware.design/knowledge-base/profi-knowledge/the-ultimate-professional-knowledge.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.