templates/fe/base.html.twig line 1

Open in your IDE?
  1. {% apply spaceless %}
  2. {% set cr = app.request.attributes.get('_route') %}
  3. {% set locale = app.request.get('_locale') %}
  5. <!doctype html>
  6. <html lang="{% if locale == '' %}en{% else %}{{ app.request.get('_locale') }}{% endif %}"
  7. dir="{{ locale == "ar" ? 'rtl': "ltr" }}">
  8. <head>
  9. <title>
  10. {% block title %}{% endblock %} | {{ getSiteSetting("website-title") }}
  11. </title>
  13. {% block criticalCSS %}{% endblock %}
  14. <style>
  15. {% set primaryColor = getSiteSetting("website-primary-color") %}
  16. {% set headerColor = getSiteSetting("website-header-color") %}
  17. {% set headerTextColor = getSiteSetting("website-header-text-color") %}
  18. {% set footerColor = getSiteSetting("website-footer-color") %}
  19. {% set footerTextColor = getSiteSetting("website-footer-text-color") %}
  20. :root {
  21. --primary-color: {{ primaryColor }} !important;
  22. --primary-color-rgb: {{ convertHexToRgb(primaryColor) }};
  23. --text-on-primary-color: #ffffff !important;
  24. --header-color: {{ headerColor }};
  25. --header-text-color: {{ headerTextColor }};
  26. --footer-color: {{ footerColor }};
  27. --footer-text-color: {{ footerTextColor }};
  28. }
  29. .m-header-topbar-logo{
  30. width: 220px !important;
  31. }
  32. .m-header-topbar-delivery{
  33. justify-content: end !important;
  34. }
  35. .m-header-topbar-logo a svg{
  36. max-width: 100%;
  37. }
  38. .m-header{
  39. background-color: var(--header-color) !important;
  40. }
  41. .m-footer{
  42. background-color: var(--footer-color) !important;
  43. }
  44. .m-header-topbar-icon svg path{
  45. fill: var(--header-text-color) !important;
  46. }
  47. .m-header-topbar-delivery-dropdown-button {
  48. color: var(--header-text-color) !important;
  49. }
  50. .m-footer-widget-title,
  51. .m-footer-widget-content,
  52. .m-footer-widget-content a{
  53. color: var(--footer-text-color) !important;
  54. }
  55. .m-footer-widget-content-social-icons svg path{
  56. fill: var(--footer-text-color) !important;
  57. }
  58. </style>
  60. <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
  61. <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
  62. <meta property="og:site_name"
  63. content="{{ getSiteSetting("website-title") }}"/>
  64. {% block stylesheets %}{% endblock %}
  66. {% include "fe/_favicon.html.twig" %}
  67. {% block metaTag %}{% endblock %}
  69. {# SITE SETTINGS #}
  70. {% if 'Google' not in app.request.headers.get('User-Agent') %}
  71. {{ render(controller("App\\CMSBundle\\Controller\\FrontEnd\\SiteSettingController::siteSettingHead") ) }}
  72. {% endif %}
  73. {# END SITE SETTINGS #}
  74. </head>
  76. <body>
  77. {% if 'Google' not in app.request.headers.get('User-Agent') %}
  78. {{ render(controller("App\\CMSBundle\\Controller\\FrontEnd\\SiteSettingController::siteSettingBody") ) }}
  79. {% endif %}
  81. {% include 'fe/_header.html.twig' %}
  83. <div class="m-body">
  84. <div class="l-backdrop ui-backdrop" data-m-body-backdrop="true"></div>
  85. {% block content %}{% endblock %}
  86. </div>
  87. {% block modals %}{% endblock %}
  89. {{ render(controller('App\\HomeBundle\\Controller\\HeaderFooterController::footer')) }}
  90. {% include 'fe/_modals.html.twig' %}
  91. <div class="l-toasts" data-toasts="true"></div>
  93. {% include 'fe/_global_variables.html.twig' %}
  94. {% block javascripts %}
  95. {% endblock %}
  96. </body>
  97. </html>
  98. {% endapply %}