<!DOCTYPE html>
<html lang="{{ app.request.locale|slice(0, 2) }}">
<head>
{% block head %}
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/shop/img/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/shop/img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/shop/img/favicon-16x16.png">
<title>{% block title %}{{ sylius.channel.name }}{% endblock %}</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700&display=swap" rel="stylesheet">
<script src="/assets/fontawesome.min.js" crossorigin="anonymous"></script>
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<meta name="google-site-verification" content="XoZRtMHvBvLVQiMB9PYBD-HAkPFglBkbiNeadhSIIXo" />
{% block metatags %}
{% endblock %}
{% block stylesheets %}
{{ sylius_template_event('sylius.shop.layout.stylesheets') }}
<!-- @TODO: Remove next line, set it into _styles.html.twig (not working at the moment) -->
{% include '@SyliusUi/_stylesheets.html.twig' with {'path': 'assets/shop/css/framework.css'} %}
<!-- Slick Slider -->
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
{% endblock %}
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','{{ gtm_code }}');</script>
<!-- End Google Tag Manager -->
{{ sylius_template_event('sylius.shop.layout.head') }}
{% endblock %}
</head>
<body class="pushable">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id={{ gtm_code }}"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
{{ sylius_template_event('sylius.shop.layout.before_body') }}
<div class="pusher">
{% block header %}
<header class="header" id="header">
<div class="container container--large">
{{ sylius_template_event('sylius.shop.layout.header') }}
</div>
</header>
{% endblock %}
{% block banner %}
{% endblock %}
{% if (
sylius.channel.code == "collect"
and
(app.request.attributes.get('_route') == "app_shop_product_search"
or app.request.attributes.get('_route') == "sylius_shop_product_show"
or app.request.attributes.get('_route') == "sylius_shop_cart_summary"
or app.request.attributes.get('_route') == "sylius_shop_login"
or app.request.attributes.get('_route') == "sylius_shop_register"
or app.request.attributes.get('_route') == "sylius_shop_checkout_address"
or app.request.attributes.get('_route') == "sylius_shop_checkout_select_shipping"
or app.request.attributes.get('_route') == "sylius_shop_checkout_complete")
) %}
<div class="env env-message">{{ 'sylius.ui.vousboutique'|trans }} {{ sylius.channel.name }}</div>
{% endif %}
<div class="container">
{% if (app.request.attributes.get('_route') != "sylius_shop_cart_summary" ) %}
{% include '@SyliusShop/_flashes.html.twig' %}
{% endif %}
{{ sylius_template_event('sylius.shop.layout.before_content') }}
{% block content %}
{% endblock %}
{{ sylius_template_event('sylius.shop.layout.after_content') }}
</div>
{% block footer %}
{% include '@SyliusShop/_footer.html.twig' %}
{% endblock %}
{% if app.request.attributes.get('_route') in click_and_collect_modal_routes and sylius.channel.code == "collect" %}
{% include 'modal/ClickAndCollectModal.html.twig' %}
{% endif %}
</div>
{% include '@SyliusUi/Modal/_confirmation.html.twig' %}
{% block javascripts %}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<!-- @TODO: Find a better way to load that -->
{% include '@SyliusUi/_javascripts.html.twig' with {'path': 'assets/shop/js/header.js'} %}
{% include '@SyliusUi/_javascripts.html.twig' with {'path': 'assets/shop/js/carousels.js'} %}
{{ sylius_template_event('sylius.shop.layout.javascripts') }}
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init({
once: true
});
{% if ( not sylius.channel.getEnableClickNCollect() ) %}
{% if app.request.attributes.get('_route') in click_and_collect_modal_routes %}
$(document).ready(() => {
$('#click-and-collect-modal').modal('show');
})
{% endif %}
{% endif %}
</script>
{% endblock %}
{% include 'bundles/SyliusShopBundle/_chatbot.html.twig' %}
{{ sylius_template_event('sylius.shop.layout.after_body') }}
</body>
</html>