custom/plugins/TcinnThemeWareModern/src/Resources/views/storefront/themeware/twt-base-meta-styles.html.twig line 1

Open in your IDE?
  1. {# ThemeWare styles and stylesheets #}
  2. {#
  3.     @Storefront/storefront/themeware/twt-base-meta-styles.html.twig
  4. #}
  6. {# TODO: Blöcke prüfen... #}
  8. {# ---------------- START: SET TEMPLATE VARS ---------------- #}
  10. {# ThemeWare: Set theme variables #}
  11. {% set twtAdditionalCssFile = theme_config('twt-additional-css-file') %}
  12. {% set twtAdditionalCssFileLoad = theme_config('twt-additional-css-file-load') %}
  13. {% set twtBackgroundImage = theme_config('twt-background-image') %}
  14. {% set twtBackgroundImageShow = theme_config('twt-background-image-show') %}
  15. {% set twtCustomCss = theme_config('twt-custom-css') %}
  16. {% set twtCustomCssCode = theme_config('twt-custom-css-code') %}
  17. {% set twtExpertMode = theme_config('twt-expert-mode') %}
  18. {% set twtFooterBackgroundImage = theme_config('twt-footer-background-image') %}
  19. {% set twtFooterBackgroundImageShow = theme_config('twt-footer-background-image-show') %}
  20. {% set twtFooterBottomBackgroundImage = theme_config('twt-footer-bottom-background-image') %}
  21. {% set twtFooterBottomBackgroundImageShow = theme_config('twt-footer-bottom-background-image-show') %}
  22. {% set twtFooterLowerSectionBackgroundImage = theme_config('twt-footer-lower-section-background-image') %}
  23. {% set twtFooterLowerSectionBackgroundImageShow = theme_config('twt-footer-lower-section-background-image-show') %}
  24. {% set twtFooterMainSectionBackgroundImage = theme_config('twt-footer-main-section-background-image') %}
  25. {% set twtFooterMainSectionBackgroundImageShow = theme_config('twt-footer-main-section-background-image-show') %}
  26. {% set twtFooterUpperSectionBackgroundImage = theme_config('twt-footer-upper-section-background-image') %}
  27. {% set twtFooterUpperSectionBackgroundImageShow = theme_config('twt-footer-upper-section-background-image-show') %}
  28. {% set twtHeaderBackgroundImage = theme_config('twt-header-background-image') %}
  29. {% set twtHeaderBackgroundImageShow = theme_config('twt-header-background-image-show') %}
  31. {# Debug mode: Overwrite expert mode #}
  32. {% if config('TcinnThemeWareModern.config.debugMode') is not empty and config('TcinnThemeWareModern.config.debugMode') == 'true' %}
  33.     {% set twtExpertMode = 1 %}
  34. {% endif %}
  36. {# ---------------- END: SET TEMPLATE VARS ---------------- #}
  38. {# ThemeWare: Add styles and stylesheets to <head> #}
  39. {% block twt_layout_head_style %}
  40.     {# ThemeWare: CSS-Datei egänzen. #}
  41.     {% if twtAdditionalCssFile and twtAdditionalCssFileLoad == 2 and twtExpertMode == 2 %}
  42.         <!-- Custom css file -->
  43.         <link rel="stylesheet" href="{{ twtAdditionalCssFile }}" crossorigin="anonymous">
  44.     {% endif %}
  46.     {# ThemeWare: Hintergrundbilder ergänzen. #}
  47.     {# Todo: Add if to avoid an empty tag #}
  48.     {% if twtBackgroundImageShow == 2 or
  49.         twtHeaderBackgroundImageShow == 2 or
  50.         twtFooterBackgroundImageShow == 2 or
  51.         twtFooterUpperSectionBackgroundImageShow == 2 or
  52.         twtFooterMainSectionBackgroundImageShow == 2 or
  53.         twtFooterLowerSectionBackgroundImageShow == 2 or
  54.         twtFooterBottomBackgroundImageShow == 2 %}
  55.     <!-- Theme styles -->
  56.     <style>{% apply spaceless %}
  57.         {# ThemeWare: Add background image #}
  58.         {% if twtBackgroundImageShow == 2 and twtBackgroundImage != "" and twtBackgroundImage != "none" %}
  59.             body{background-image:url({{ twtBackgroundImage|sw_encode_url }});}
  60.         {% endif %}
  62.         {# ThemeWare: Add header background image #}
  63.         {% if twtHeaderBackgroundImageShow == 2 and twtHeaderBackgroundImage != "" and twtHeaderBackgroundImage != "none" %}
  64.             header.header-main{background-image:url({{ twtHeaderBackgroundImage|sw_encode_url }});}
  65.         {% endif %}
  67.         {# ThemeWare: Add footer background image #}
  68.         {% if twtFooterBackgroundImageShow == 2 and twtFooterBackgroundImage != "" and twtFooterBackgroundImage != "none" %}
  69.             footer.footer-main{background-image:url({{ twtFooterBackgroundImage|sw_encode_url }});}
  70.         {% endif %}
  72.         {# ThemeWare: Add background image to footer upper section #}
  73.         {% if twtFooterUpperSectionBackgroundImageShow == 2 and twtFooterUpperSectionBackgroundImage != "" and twtFooterUpperSectionBackgroundImage != "none" %}
  74.             #footerColumnsTop{background-image:url({{ twtFooterUpperSectionBackgroundImage|sw_encode_url }});}
  75.         {% endif %}
  77.         {# ThemeWare: Add background image to footer main section #}
  78.         {% if twtFooterMainSectionBackgroundImageShow == 2 and twtFooterMainSectionBackgroundImage != "" and twtFooterMainSectionBackgroundImage != "none" %}
  79.             #footerColumns{background-image:url({{ twtFooterMainSectionBackgroundImage|sw_encode_url }});}
  80.         {% endif %}
  82.         {# ThemeWare: Add background image to footer lower section #}
  83.         {% if twtFooterLowerSectionBackgroundImageShow == 2 and twtFooterLowerSectionBackgroundImage != "" and twtFooterLowerSectionBackgroundImage != "none" %}
  84.             #footerColumnsBottom{background-image:url({{ twtFooterLowerSectionBackgroundImage|sw_encode_url }});}
  85.         {% endif %}
  87.         {# ThemeWare: Add background image to footer bottom #}
  88.         {% if twtFooterBottomBackgroundImageShow == 2 and twtFooterBottomBackgroundImage != "" and twtFooterBottomBackgroundImage != "none" %}
  89.             footer.footer-main .footer-bottom{background-image:url({{ twtFooterBottomBackgroundImage|sw_encode_url }});}
  90.         {% endif %}
  91.     {% endapply %}</style>
  92.     {% endif %}
  94.     {# ThemeWare: CSS-Code per Textbaustein ergänzen. (v1)   @deprecated #}
  95.     {% set twtSnippetCssCode = "twt.custom.css"|trans|raw %}
  96.     {% if twtCustomCss == 2 and twtSnippetCssCode is not empty and twtExpertMode == 2 %}
  97.     <!-- Custom css code (old) -->
  98.     <style>{% apply spaceless %}
  99.         {{ twtSnippetCssCode }}
  100.     {% endapply %}</style>
  101.     {% endif %}
  103.     {# ThemeWare: CSS-Code per Theme-Konfiguration ergänzen. (v2) #}
  104.     {% if twtCustomCssCode and twtCustomCssCode is not empty and twtExpertMode == 2 %}
  105.     <!-- Custom css code -->
  106.     <style>{% apply spaceless %}
  107.         {{ twtCustomCssCode|raw }}
  108.     {% endapply %}</style>
  109.     {% endif %}
  110. {% endblock %}