custom/plugins/TcinnThemeWareClean/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. {# ---------------- END: SET TEMPLATE VARS ---------------- #}
  33. {# ThemeWare: Add styles and stylesheets to <head> #}
  34. {% block twt_layout_head_style %}
  35.     {# ThemeWare: CSS-Datei egänzen. #}
  36.     {% if twtAdditionalCssFile and twtAdditionalCssFileLoad == 2 and twtExpertMode == 2 %}
  37.         <!-- Custom css file -->
  38.         <link rel="stylesheet" href="{{ twtAdditionalCssFile }}" crossorigin="anonymous">
  39.     {% endif %}
  41.     {# ThemeWare: Hintergrundbilder ergänzen. #}
  42.     {# Todo: Add if to avoid an empty tag #}
  43.     {% if twtBackgroundImageShow == 2 or
  44.         twtHeaderBackgroundImageShow == 2 or
  45.         twtFooterBackgroundImageShow == 2 or
  46.         twtFooterUpperSectionBackgroundImageShow == 2 or
  47.         twtFooterMainSectionBackgroundImageShow == 2 or
  48.         twtFooterLowerSectionBackgroundImageShow == 2 or
  49.         twtFooterBottomBackgroundImageShow == 2 %}
  50.     <!-- Theme styles -->
  51.     <style>{% apply spaceless %}
  52.         {# ThemeWare: Add background image #}
  53.         {% if twtBackgroundImageShow == 2 and twtBackgroundImage != "" and twtBackgroundImage != "none" %}
  54.             body{background-image:url({{ twtBackgroundImage|sw_encode_url }});}
  55.         {% endif %}
  57.         {# ThemeWare: Add header background image #}
  58.         {% if twtHeaderBackgroundImageShow == 2 and twtHeaderBackgroundImage != "" and twtHeaderBackgroundImage != "none" %}
  59.             header.header-main{background-image:url({{ twtHeaderBackgroundImage|sw_encode_url }});}
  60.         {% endif %}
  62.         {# ThemeWare: Add footer background image #}
  63.         {% if twtFooterBackgroundImageShow == 2 and twtFooterBackgroundImage != "" and twtFooterBackgroundImage != "none" %}
  64.             footer.footer-main{background-image:url({{ twtFooterBackgroundImage|sw_encode_url }});}
  65.         {% endif %}
  67.         {# ThemeWare: Add background image to footer upper section #}
  68.         {% if twtFooterUpperSectionBackgroundImageShow == 2 and twtFooterUpperSectionBackgroundImage != "" and twtFooterUpperSectionBackgroundImage != "none" %}
  69.             #footerColumnsTop{background-image:url({{ twtFooterUpperSectionBackgroundImage|sw_encode_url }});}
  70.         {% endif %}
  72.         {# ThemeWare: Add background image to footer main section #}
  73.         {% if twtFooterMainSectionBackgroundImageShow == 2 and twtFooterMainSectionBackgroundImage != "" and twtFooterMainSectionBackgroundImage != "none" %}
  74.             #footerColumns{background-image:url({{ twtFooterMainSectionBackgroundImage|sw_encode_url }});}
  75.         {% endif %}
  77.         {# ThemeWare: Add background image to footer lower section #}
  78.         {% if twtFooterLowerSectionBackgroundImageShow == 2 and twtFooterLowerSectionBackgroundImage != "" and twtFooterLowerSectionBackgroundImage != "none" %}
  79.             #footerColumnsBottom{background-image:url({{ twtFooterLowerSectionBackgroundImage|sw_encode_url }});}
  80.         {% endif %}
  82.         {# ThemeWare: Add background image to footer bottom #}
  83.         {% if twtFooterBottomBackgroundImageShow == 2 and twtFooterBottomBackgroundImage != "" and twtFooterBottomBackgroundImage != "none" %}
  84.             footer.footer-main .footer-bottom{background-image:url({{ twtFooterBottomBackgroundImage|sw_encode_url }});}
  85.         {% endif %}
  86.     {% endapply %}</style>
  87.     {% endif %}
  89.     {# ThemeWare: CSS-Code per Textbaustein ergänzen. (v1)   #deprecated #}
  90.     {% set twtSnippetCssCode = "twt.custom.css"|trans|raw %}
  91.     {% if twtCustomCss == 2 and twtSnippetCssCode is not empty and twtExpertMode == 2 %}
  92.     <!-- Custom css code (old) -->
  93.     <style>{% apply spaceless %}
  94.         {{ twtSnippetCssCode }}
  95.     {% endapply %}</style>
  96.     {% endif %}
  98.     {# ThemeWare: CSS-Code per Theme-Konfiguration ergänzen. (v2) #}
  99.     {% if twtCustomCssCode and twtCustomCssCode is not empty and twtExpertMode == 2 %}
  100.     <!-- Custom css code -->
  101.     <style>{% apply spaceless %}
  102.         {{ twtCustomCssCode|raw }}
  103.     {% endapply %}</style>
  104.     {% endif %}
  105. {% endblock %}