src/Storefront/Resources/views/storefront/layout/meta.html.twig line 1

  1. {% block layout_head_inner %}
  2.     {% set metaInformation = page.metaInformation %}
  3.     {% set basicConfig = config('core.basicInformation') %}
  4.     {% set maxLength = config('seo.descriptionMaxLength') %}
  5.     {% set metaDescription = metaInformation.metaDescription|striptags|trim|u.truncate(maxLength ?? 255, '…') %}
  6.     {% set metaTitle = metaInformation.metaTitle|striptags|trim %}
  7.     {% set metaKeywords = metaInformation.metaKeywords|striptags|trim %}
  9.     <head>
  10.         {% block layout_head_meta_tags %}
  11.             {% block layout_head_meta_tags_charset %}
  12.                 <meta charset="utf-8">
  13.             {% endblock %}
  15.             {% block layout_head_meta_tags_viewport %}
  16.                 <meta name="viewport"
  17.                       content="width=device-width, initial-scale=1, shrink-to-fit=no">
  18.             {% endblock %}
  20.             {% block layout_head_meta_tags_general %}
  21.                 <meta name="author"
  22.                       content="{% block layout_head_meta_tags_general_author %}{{ metaInformation.author|striptags }}{% endblock %}"/>
  23.                 <meta name="robots"
  24.                       content="{% block layout_head_meta_tags_robots %}{{ metaInformation.robots }}{% endblock %}"/>
  25.                 <meta name="revisit-after"
  26.                       content="{% block layout_head_meta_tags_general_revisit %}{{ metaInformation.revisit|striptags }}{% endblock %}"/>
  27.                 <meta name="keywords"
  28.                       content="{% block layout_head_meta_tags_keywords %}{{ metaKeywords }}{% endblock %}"/>
  29.                 <meta name="description"
  30.                       content="{% block layout_head_meta_tags_description %}{{ metaDescription }}{% endblock %}"/>
  31.             {% endblock %}
  33.             {% block layout_head_meta_tags_opengraph %}
  34.                 <meta property="og:url"
  35.                       content="{% block layout_head_meta_tags_url_og %}{{ (page.metaInformation.canonical is defined) ? page.metaInformation.canonical : app.request.uri }}{% endblock %}"/>
  36.                 <meta property="og:type"
  37.                       content="{% block layout_head_meta_tags_type_og %}website{% endblock %}"/>
  38.                 <meta property="og:site_name"
  39.                       content="{% block layout_head_meta_tags_sitename_og %}{{ basicConfig.shopName }}{% endblock %}"/>
  40.                 <meta property="og:title"
  41.                       content="{% block layout_head_meta_tags_title_og %}{{ metaTitle }}{% endblock %}"/>
  42.                 <meta property="og:description"
  43.                       content="{% block layout_head_meta_tags_description_og %}{{ metaDescription }}{% endblock %}"/>
  44.                 <meta property="og:image"
  45.                       content="{% block layout_head_meta_tags_image_og %}{{ theme_config('sw-logo-desktop') }}{% endblock %}"/>
  47.                 <meta name="twitter:card"
  48.                       content="{% block layout_head_meta_tags_card_twitter %}summary{% endblock %}"/>
  49.                 <meta name="twitter:site"
  50.                       content="{% block layout_head_meta_tags_sitename_twitter %}{{ basicConfig.shopName }}{% endblock %}"/>
  51.                 <meta name="twitter:title"
  52.                       content="{% block layout_head_meta_tags_title_twitter %}{{ metaTitle }}{% endblock %}"/>
  53.                 <meta name="twitter:description"
  54.                       content="{% block layout_head_meta_tags_description_twitter %}{{ metaDescription }}{% endblock %}"/>
  55.                 <meta name="twitter:image"
  56.                       content="{% block layout_head_meta_tags_image_twitter %}{{ theme_config('sw-logo-desktop') }}{% endblock %}"/>
  57.             {% endblock %}
  59.             {% block layout_head_meta_tags_schema_webpage %}
  60.                 <meta itemprop="copyrightHolder"
  61.                       content="{% block layout_head_meta_tags_copyright_holder %}{{ basicConfig.shopName }}{% endblock %}"/>
  62.                 <meta itemprop="copyrightYear"
  63.                       content="{% block layout_head_meta_tags_copyright_year %}{{ metaInformation.copyrightYear|striptags }}{% endblock %}"/>
  64.                 <meta itemprop="isFamilyFriendly"
  65.                       content="{% block layout_head_meta_tags_family_friendly %}{% if basicConfig.familyFriendly %}true{% else %}false{% endif %}{% endblock %}"/>
  66.                 <meta itemprop="image"
  67.                       content="{% block layout_head_meta_tags_image_meta %}{{ theme_config('sw-logo-desktop') }}{% endblock %}"/>
  68.             {% endblock %}
  70.             {% block layout_head_meta_tags_hreflangs %}
  71.                 {% for link in hrefLang %}
  72.                     <link rel="alternate" hreflang="{{ link.locale }}" href="{{ link.url }}" />
  73.                 {% endfor %}
  74.             {% endblock %}
  75.         {% endblock %}
  77.         {% block layout_head_favicon %}
  78.             <link rel="shortcut icon"
  79.                   href="{{ theme_config('sw-logo-favicon') }}">
  80.         {% endblock %}
  82.         {% block layout_head_apple %}
  83.             {% if theme_config('sw-logo-share') %}
  84.             <link rel="apple-touch-icon"
  85.                   sizes="180x180"
  86.                   href="{{ theme_config('sw-logo-share') }}">
  87.             {% endif %}
  88.         {% endblock %}
  90.         {% block layout_head_canonical %}
  91.             {% if page.metaInformation.canonical %}
  92.                 <link rel="canonical" href="{{ page.metaInformation.canonical }}" />
  93.             {% endif %}
  94.         {% endblock %}
  96.         {% block layout_head_title %}
  97.             <title itemprop="name">{% apply spaceless %}
  98.                 {% block layout_head_title_inner %}
  99.                     {{ metaTitle }}
  100.                 {% endblock %}
  101.             {% endapply %}</title>
  102.         {% endblock %}
  104.         {% block layout_head_stylesheet %}
  105.             {% if isHMRMode %}
  106.                 {# CSS will be loaded from the JS automatically #}
  107.             {% else %}
  108.                 {% set assets = theme_config('assets.css') %}
  109.                 {% for file in assets %}
  110.                     <link rel="stylesheet"
  111.                       href="{{ asset(file, 'theme') }}">
  112.                 {% endfor %}
  113.             {% endif %}
  114.         {% endblock %}
  116.         {% block layout_head_javascript_feature %}
  117.             {% sw_include "@Storefront/storefront/component/feature.html.twig" %}
  118.         {% endblock %}
  120.         {# Block for tracking scripts which are required to include in the `head` section of the document #}
  121.         {% block layout_head_javascript_tracking %}
  122.             {% sw_include "@Storefront/storefront/component/analytics.html.twig" %}
  123.         {% endblock %}
  125.         {% block layout_head_javascript_recaptcha %}
  126.             {% sw_include "@Storefront/storefront/component/recaptcha.html.twig" %}
  127.         {% endblock %}
  129.         {% block layout_head_javascript_token %}
  130.         {% endblock %}
  132.         {% if config('core.basicInformation.useDefaultCookieConsent') %}
  133.             {% block layout_head_javascript_cookie_state %}
  134.                 <script>
  135.                     window.useDefaultCookieConsent = true;
  136.                 </script>
  137.             {% endblock %}
  138.         {% endif %}
  140.         {% block layout_head_javascript_router %}
  141.             {# Register all routes that will be needed in JavaScript to the window.router object #}
  142.             <script>
  143.                 window.activeNavigationId = '{{ page.header.navigation.active.id }}';
  144.                 window.router = {
  145.                     'frontend.cart.offcanvas': '{{ path('frontend.cart.offcanvas') }}',
  146.                     'frontend.cookie.offcanvas': '{{ path('frontend.cookie.offcanvas') }}',
  147.                     'frontend.checkout.finish.page': '{{ path('frontend.checkout.finish.page') }}',
  148.                     'frontend.checkout.info': '{{ path('frontend.checkout.info') }}',
  149.                     'frontend.menu.offcanvas': '{{ path('frontend.menu.offcanvas') }}',
  150.                     'frontend.cms.page': '{{ path('frontend.cms.page') }}',
  151.                     'frontend.cms.navigation.page': '{{ path('frontend.cms.navigation.page') }}',
  152.                     'frontend.account.addressbook': '{{ path('frontend.account.addressbook') }}',
  153.                     'frontend.country.country-data': '{{ path('frontend.country.country.data') }}',
  154.                     };
  155.                 window.salesChannelId = '{{ app.request.attributes.get('sw-sales-channel-id') }}';
  156.             </script>
  157.         {% endblock %}
  159.         {% block layout_head_javascript_breakpoints %}
  160.             {# Register the available viewport breakpoints the window.breakpoints object #}
  161.             <script>
  162.                 {% set breakpoint = {
  163.                     'xs': theme_config('breakpoint.xs'),
  164.                     'sm': theme_config('breakpoint.sm'),
  165.                     'md': theme_config('breakpoint.md'),
  166.                     'lg': theme_config('breakpoint.lg'),
  167.                     'xl': theme_config('breakpoint.xl')
  168.                 } %}
  170.                 window.breakpoints = {{ breakpoint|json_encode()|raw }};
  171.             </script>
  172.         {% endblock %}
  174.         {% if config('core.cart.wishlistEnabled') %}
  175.             {% block layout_head_javascript_wishlist_state %}
  176.                 <script>
  177.                     window.customerLoggedInState = {{ context.customer is not null and not context.customer.guest ? 1 : 0 }};
  179.                     window.wishlistEnabled = {{ config('core.cart.wishlistEnabled') }};
  180.                 </script>
  181.             {% endblock %}
  182.         {% endif %}
  184.         {# jQuery is removed from the default Storefront since tag:v6.5.0 - This block should be used to add jQuery as a `<script>` if needed. #}
  185.         {% block layout_head_javascript_jquery %}
  186.         {% endblock %}
  188.         {% block layout_head_javascript_hmr_mode %}
  189.             {% if isHMRMode %}
  190.                 <script type="text/javascript" src="/_webpack_hot_proxy_/js/vendor-node.js" defer></script>
  191.                 <script type="text/javascript" src="/_webpack_hot_proxy_/js/vendor-shared.js" defer></script>
  192.                 <script type="text/javascript" src="/_webpack_hot_proxy_/js/runtime.js" defer></script>
  193.                 <script type="text/javascript" src="/_webpack_hot_proxy_/js/app.js" defer></script>
  194.                 {# The storefront entry is a combined entry point which contains all plugins & themes #}
  195.                 <script type="text/javascript" src="/_webpack_hot_proxy_/js/storefront.js" defer></script>
  196.             {% else %}
  197.                 {% for file in theme_config('assets.js') %}
  198.                     <script type="text/javascript" src="{{ asset(file, 'theme') }}" defer></script>
  199.                 {% endfor %}
  200.             {% endif %}
  201.         {% endblock %}
  202.     </head>
  203. {% endblock %}