<!DOCTYPE html>
<html lang="{{ app.request.locale|slice(0, 2) }}">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>{% block title %}{{ sylius.channel.name }}{% endblock %}</title>
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<meta name="theme-color" content="#20255A"/>
{% block metatags %}
{% endblock %}
{% block javascripts %}
<script src="https://consent.cookiefirst.com/sites/papapiqueetmamancoud.fr-98400383-07bd-4fde-b3a9-fb670e219acb/consent.js"></script>
{# {{ google_tag_manager_head() }} #}
<!-- Google Tag Manager -->
<script defer>(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.defer=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TN3JBM');</script>
<!-- End Google Tag Manager -->
{# Fichier Javascript qui seront présent sur toutes les pages #}
{# <script type="text/javascript" data-cmp-ab="1" src="https://cdn.consentmanager.net/delivery/autoblocking/942bb300c1178.js" data-cmp-host="d.delivery.consentmanager.net" data-cmp-cdn="cdn.consentmanager.net" data-cmp-codesrc="1"></script> #}
{# <script src="{{ asset('webapic-theme/jquery.js') }}"></script> #}
{{ sylius_template_event('sylius.shop.layout.javascripts') }}
<script src="{{ asset('webapic-theme/global.js') }}"></script>
{% if app.request.get('_route') == 'sylius_shop_homepage' %}
<script async src="{{ asset('webapic-theme/home.js') }}"></script>
{% else %}
{# <script async src="{{ asset('assets/shop/js/app.js') }}"></script> #}
<script async src="{{ asset('webapic-theme/all.js') }}"></script>
{% endif %}
<script type="text/javascript">
(function() {
window.sib = {
equeue: [],
client_key: "d5wfn6h48zafxljv9tdqu8s8"
};
/* OPTIONAL: email for identify request*/
// window.sib.email_id = 'example@domain.com';
window.sendinblue = {};
for (var j = ['track', 'identify', 'trackLink', 'page'], i = 0; i < j.length; i++) {
(function(k) {
window.sendinblue[k] = function() {
var arg = Array.prototype.slice.call(arguments);
(window.sib[k] || function() {
var t = {};
t[k] = arg;
window.sib.equeue.push(t);
})(arg[0], arg[1], arg[2], arg[3]);
};
})(j[i]);
}
var n = document.createElement("script"),
i = document.getElementsByTagName("script")[0];
n.type = "text/javascript", n.id = "sendinblue-js", n.async = !0, n.src = "https://sibautomation.com/sa.js?key=" + window.sib.client_key, i.parentNode.insertBefore(n, i), window.sendinblue.page();
})();
</script>
{% endblock %}
{% block stylesheets %}
{# Fichier CSS qui seront présent sur toutes les pages #}
{{ sylius_template_event('sylius.shop.layout.stylesheets') }}
<link rel="stylesheet" href="{{ asset('webapic-theme/global.css') }}" >
{# <link rel="stylesheet" href="{{ asset('assets/shop/css/style.css') }}" > #}
{# {{ encore_entry_link_tags('bitbag-wishlist-shop', null, 'wishlist_shop') }} #}
{% endblock %}
<link rel="icon" type="image/x-icon" href="/favicon.ico">
{% if app.request.pathInfo == '/sac-personnalise-sac-zip' %}
<link rel="canonical" href="https://www.papapiqueetmamancoud.fr/sac-personnalise-sac-zip" >
{% else %}
<link rel="canonical" href="{{ app.request.uri }}" >
{% endif %}
{# {{ dump(app.request) }}
{{ dump(app.request.attributes.get('_route')) }}
{{ dump(app.request.attributes.get('_route_params')) }} #}
{# {{ app_hreflang('en', app.request.pathInfo, app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}
{{ app_hreflang('fr-fr', app.request.pathInfo, app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }} #}
{% if app.request.locale|slice(0, 2) == 'en' %}
<link rel="alternate" hreflang="en" href="{{ app.request.uri }}" />
<link rel="alternate" hreflang="fr-fr" href="{{ app.request.getSchemeAndHttpHost() }}/{{ app_hreflang('en', app.request.pathInfo, app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}" />
{% else %}
<link rel="alternate" hreflang="en" href="{{ app.request.getSchemeAndHttpHost() }}/{{ app_hreflang('fr-fr', app.request.pathInfo, app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}" />
<link rel="alternate" hreflang="fr-fr" href="{{ app.request.uri }}" />
{% endif %}
{% if app.session.get('on_login') is defined and app.session.get('on_login') == true %}
{{ app.session.set('on_login', false) }}
<script type="text/javascript">
$(document).ready(function() {
dataLayer.push({ user_data: null });
dataLayer.push({
event: 'login',
user_data: {
email_adress: {{app.user.customer.email}},
sha256_email_address: {{encrypt_sha_256(app.user.customer.email)}}, //email en sha256 de l'utilisateur
phone_number: {{app.user.customer.phoneNumber}}, //Numéro de téléphone, idéalement, formaté avec le code d'identifiant "+33" etc
sha256_phone_number: {{encrypt_sha_256(app.user.customer.phoneNumber)}}, //Numéro de téléphone en sha256 de l'utilisateur
address: {
first_name: {{app.user.customer.firstName}},
sha256_first_name: {{encrypt_sha_256(app.user.customer.firstName)}}, //Prénom en sha256 de l'utilisateur
last_name: {{app.user.customer.lastName}},
sha256_last_name: {{encrypt_sha_256(app.user.customer.lastName)}} //Nom de famille en sha256 de l'utilisateur
street: {{app.user.customer.defaultAddress.street}},
city: {{app.user.customer.defaultAddress.city}},
postal_code: {{app.user.customer.defaultAddress.postcode}},
country: {{app.user.customer.defaultAddress.countryCode}}
},
user_lifetime_value: 350.35
}
});
});
</script>
{% endif %}
{% if app.session.get('on_subscribe') is defined and app.session.get('on_subscribe') == true %}
{{ app.session.set('on_subscribe', false) }}
<script type="text/javascript">
$(document).ready(function() {
dataLayer.push({ user_data: null });
dataLayer.push({
event: 'sign_up',
user_data: {
email_adress: {{app.user.customer.email}},
sha256_email_address: {{encrypt_sha_256(app.user.customer.email)}}, //email en sha256 de l'utilisateur
phone_number: {{app.user.customer.phoneNumber}}, //Numéro de téléphone, idéalement, formaté avec le code d'identifiant "+33" etc
sha256_phone_number: {{encrypt_sha_256(app.user.customer.phoneNumber)}}, //Numéro de téléphone en sha256 de l'utilisateur
address: {
first_name: {{app.user.customer.firstName}},
sha256_first_name: {{encrypt_sha_256(app.user.customer.firstName)}}, //Prénom en sha256 de l'utilisateur
last_name: {{app.user.customer.lastName}},
sha256_last_name: {{encrypt_sha_256(app.user.customer.lastName)}} //Nom de famille en sha256 de l'utilisateur
street: {{app.user.customer.defaultAddress.street}},
city: {{app.user.customer.defaultAddress.city}},
postal_code: {{app.user.customer.defaultAddress.postcode}},
country: {{app.user.customer.defaultAddress.countryCode}}
},
user_lifetime_value: 350.35
}
});
});
</script>
{% endif %}
</head>
<body class="pushable {% if app.request.get('_route') == 'sylius_shop_homepage' %}homepage{% endif %} {% if is_device('iPhone') %}iphone{% endif %} {% if is_device('iPad') %}ipad{% endif %}">
{# Affiche un avertissement si on est connecté "en tant qu'un client" #}
{% if app.session.get('admin_impersonate_shop_user_id') is defined and app.user is not empty and app.session.get('admin_impersonate_shop_user_id') == app.user.id %}
<div class="impersonate-warning">
Attention ! Vous êtes connecté sur le compte du client {{ app.user.customer.firstName }} {{ app.user.customer.lastName }} !
Toute action affectera directement son compte (panier, informations etc).
</div>
{% endif %}
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TN3JBM"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="pusher">
<div class="ui">
<header {% if app.request.get('_route') == 'sylius_shop_homepage' %}class="homepage"{% endif %}>
{% block top %}
<div class="header-top" class="ui large sticky inverted stackable menu">
{{ sylius_template_event('sylius.shop.layout.after_topbar') }}
</div>
{% endblock %}
{% block header %}
<div class="header-bottom" class="ui large sticky inverted stackable menu">
<div class="left">
{# {% if is_mobile() %} #}
<button class="menu">
<img src="{{ asset('webapic-theme/images/icon-menu.svg') }}" class="ui image lazyload" />
MENU
</button>
{# {% endif %} #}
{# <button>
<img src="{{ asset('webapic-theme/images/icon-search.svg') }}" class="ui image lazyload" />
</button> #}
<div class="header-search">
<div id="input-search-fake">
<img src="{{ asset('webapic-theme/images/icon-search-dark.svg') }}" class="ui image lazyload" />
{{ 'app.front.header.recherche'|trans }}
</div>
</div>
</div>
<div class="logo">
<a href="{{ path('sylius_shop_homepage') }}">
{% if is_mobile() %}
{# <img src="{{ asset('webapic-theme/images/logo-header-mobile.svg') }}" alt="PPMC" class="ui image lazyload" /> #}
<img src="{{ asset('webapic-theme/images/logo-header-mobile-noel.svg') }}" alt="PPMC" class="ui image lazyload" />
{% else %}
{# <img src="{{ asset('webapic-theme/images/logo-header.svg') }}" alt="PPMC" class="ui image lazyload" /> #}
<img src="{{ asset('webapic-theme/images/logo-header-noel.svg') }}" alt="PPMC" class="ui image lazyload" />
{% endif %}
</a>
</div>
<div class="right">
<a class="idee" href="{{ path('app_gift_idea') }}">
<img src="{{ asset('webapic-theme/images/gift.svg') }}" alt="{{ 'app.front.cadeaux.titre'|trans }}" class="ui image lazyload" />
<span>
{{ 'app.front.cadeaux.titre'|trans }}
</span>
</a>
<div class="right aligned column">
{% if app.user is defined and app.user.customer is defined %}
<a class="wishlist" href="{{ path('app_wishlist_index') }}">
<img src="{{ asset('webapic-theme/images/favoris-header.svg') }}" alt="{{ 'app.front.wishlist.titre'|trans }}" class="ui image lazyload" />
<span>{{app.user.customer.wishlistProductVariants|length}}</span>
</a>
{% else %}
<a class="wishlist" href="{{ path('sylius_shop_login') }}">
<img src="{{ asset('webapic-theme/images/favoris-header.svg') }}" alt="{{ 'app.front.wishlist.titre'|trans }}" class="ui image lazyload" />
</a>
{% endif %}
{{ render(controller('sylius.controller.shop.security_widget:renderAction')) }}
{{ render(url('sylius_shop_partial_cart_summary', {'template': '@SyliusShop/Cart/_widget.html.twig'})) }}
</div>
</div>
{% if not is_mobile() %}
<div class="header-subbottom">
<ul>
{% for menu in menuHeader.getRootMenus() %}
<li data-id="{{ menu.id }}" class="num{{ menu.id }} {% if menu.saumon %} saumon{% endif %}">
{% if menu.configuration.url is defined %}
{% if menu.configuration.url|length > 2 %}
<a href="{{ menuHeader.resolveUrl(menu) }}">
{% if menu.bold == true %}
<strong>{{ menuHeader.resolveTitle(menu) }}</strong>
{% else %}
{{ menuHeader.resolveTitle(menu) }}
{% endif %}
</a>
{% else %}
{% if menu.configuration.url == '#' and menu.id == 2 %}
<a href="/nos-produits">
{% if menu.bold == true %}
<strong>{{ menuHeader.resolveTitle(menu) }}</strong>
{% else %}
{{ menuHeader.resolveTitle(menu) }}
{% endif %}
</a>
{% elseif menu.id == 3 %}
<a href="/tissus-et-petite-mercerie">
{% if menu.bold == true %}
<strong>{{ menuHeader.resolveTitle(menu) }}</strong>
{% else %}
{{ menuHeader.resolveTitle(menu) }}
{% endif %}
</a>
{% else %}
<span>
{% if menu.bold == true %}
<strong>{{ menuHeader.resolveTitle(menu) }}</strong>
{% else %}
{{ menuHeader.resolveTitle(menu) }}
{% endif %}
</span>
{% endif %}
{% endif %}
{% else %}
{% if menu.id == 193 %}
<span>
{# {{ menuHeader.resolveImage(menu)|raw }} #}
{% if menu.bold == true %}
<strong>{{ menuHeader.resolveTitle(menu) }}</strong>
{% else %}
{{ menuHeader.resolveTitle(menu) }}
{% endif %}
</span>
{% else %}
<a href="{{ menuHeader.resolveUrl(menu) }}">
{# {{ menuHeader.resolveImage(menu)|raw }} #}
{% if menu.bold == true %}
<strong>{{ menuHeader.resolveTitle(menu) }}</strong>
{% else %}
{{ menuHeader.resolveTitle(menu) }}
{% endif %}
</a>
{% endif %}
{% endif %}
</li>
{% endfor %}
</ul>
</div>
{% endif %}
</div>
<div class="header-links novisible">
{{ render(controller('App\\Controller\\TaxonsController::menuScrollAction')) }}
</div>
{% endblock %}
</header>
<div class="container container-principal {% if app.request.get('_route') == 'sylius_shop_homepage' %}homepage{% endif %} {{ app.request.get('_route') }} {% block container_css_classes %}{% endblock %}">
{# Menu principale #}
{# {% include 'partials/menu_header.html.twig' %} #}
{{ render(controller('App\\Controller\\CartController::popupAction')) }}
{% include '@SyliusShop/_flashes.html.twig' %}
{{ sylius_template_event('sylius.shop.layout.before_content') }}
{% block content %}
{% endblock %}
{{ sylius_template_event('sylius.shop.layout.after_content') }}
{% include 'partials/block-search.html.twig' %}
</div>
</div>
{% block footer %}
{% if app.request.get('_route') == 'app_configurateur'
or app.request.get('_route') == 'sylius_shop_cart_summary'
or app.request.get('_route') == 'sylius_shop_checkout_address'
or app.request.get('_route') == 'bitbag_sylius_one_page_checkout_shop_checkout'
%}
<footer class="{{ app.request.get('_route') }}">
<div class="footer-ctn">
<div class="footer-logo-ctn">
<img src="{{ asset('webapic-theme/images/logo-footer.svg') }}" class="ui image lazyload" />
</div>
<div class="footer-copyright">
©Copyright Papapiqueetmamancoud. Tous droits réservés - Réalisation Webapic
</div>
</div>
</footer>
{% else %}
<footer class="{{ app.request.get('_route') }}">
<div class="footer-ctn">
<div class="footer-logo-ctn">
<img src="{{ asset('webapic-theme/images/logo-footer.svg') }}" class="ui image lazyload" />
</div>
<div class="taxons-assurances">
<div class="taxons-assurances-ctn">
{% for row in blocInsurance.getBlocsByZone('footer') %}
<div class="assurance">
<div>
{{ row.svgIcon|raw }}
</div>
<span>{{ row.title }}</span>
<p>{{ row.content|raw }}</p>
</div>
{% endfor %}
</div>
</div>
{# Newsletter #}
<div class="newsletter">
<div class="newsletter-top">
<div class="left">
<p>
{{ 'app.front.footer.newsletter1'|trans }}, <strong>{{ 'app.front.footer.newsletter2'|trans }}</strong>
</p>
</div>
<div class="right">
<form class="form">
<div class="newsletter-input">
<input type="text" placeholder="{{ 'sylius.ui.email'|trans }}">
</div>
<div class="newsletter-button">
<button class="ui button">
OK
</button>
</div>
</form>
</div>
</div>
<div class="reseaux">
<a href="https://www.ppmc-blog.fr/" class="leblog" rel="nofollow">
<img data-src="{{ asset('webapic-theme/images/logo-reseau-blog.svg') }}" class="ui image lazyload" />
</a>
<span class="qcd blank facebook" data-qcd="aHR0cHMlM0ElMkYlMkZmci1mci5mYWNlYm9vay5jb20lMkZQYXBhLlBpcXVlLmV0Lk1hbWFuLkNvdWQlMkY=">
<img data-src="{{ asset('webapic-theme/images/logo-reseau-facebook.svg') }}" class="ui image lazyload" />
</span>
<span class="qcd blank instagram" data-qcd="aHR0cHMlM0ElMkYlMkZ3d3cuaW5zdGFncmFtLmNvbSUyRnBhcGFwaXF1ZWV0bWFtYW5jb3VkJTJG">
<img data-src="{{ asset('webapic-theme/images/logo-reseau-instagram.svg') }}" class="ui image lazyload" />
</span>
<span class="qcd blank pinterest" data-qcd="aHR0cHM6Ly93d3cucGludGVyZXN0LmZyL3BwbWNmcmFuY2Uv">
<img data-src="{{ asset('webapic-theme/images/logo-reseau-pinterest.svg') }}" class="ui image lazyload" />
</span>
<span class="qcd blank linkedin" data-qcd="aHR0cHMlM0ElMkYlMkZmci5saW5rZWRpbi5jb20lMkZjb21wYW55JTJGcGFwYS1waXF1ZS1ldC1tYW1hbi1jb3Vk">
<img data-src="{{ asset('webapic-theme/images/logo-reseau-linkedin.svg') }}" class="ui image lazyload" />
</span>
<span class="qcd blank youtube" data-qcd="aHR0cHMlM0ElMkYlMkZ3d3cueW91dHViZS5jb20lMkZjaGFubmVsJTJGVUNUOXIyMjdrSU5sckw4UW9TM1c5eG1R">
<img data-src="{{ asset('webapic-theme/images/logo-reseau-youtube.svg') }}" class="ui image lazyload" />
</span>
</div>
</div>
<div class="ui hidden divider"></div>
{# Menu Footer #}
<div class="footer-menu">
{% for subMenu in menuFooter.getMenu() %}
<div>
<h4>{{ subMenu.name }}</h4>
<ul>
{% for item in subMenu.items %}
{# {{ dump(item) }} #}
<li>
<a href="{{ menuFooter.resolveUrl(item) }}">{{ menuFooter.resolveTitle(item) }}</a>
</li>
{% endfor %}
</ul>
</div>
{% endfor %}
</div>
<div class="footer-copyright">
©Copyright Papapiqueetmamancoud. Tous droits réservés - Réalisation <a href="https://www.webapic.com/" target="_blank">Webapic</a>
</div>
</div>
</footer>
{% endif %}
{% endblock %}
<div id="scrollTopButton" >
<button>
<img src="{{ asset('webapic-theme/images/picto-scrollup.svg') }}" class="ui image lazyload" />
</button>
</div>
</div>
{% include '@SyliusUi/Modal/_confirmation.html.twig' %}
{# {% if app.request.get('_route') == 'sylius_shop_login' %}
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v13.0"></script>
{% endif %} #}
<fb:login-button
scope="public_profile,email"
onlogin="checkLoginState();">
</fb:login-button>
{{ sylius_template_event('sylius.shop.layout.after_body') }}
{# Freshdesk #}
{# <script>
window.fwSettings={'widget_id':60000001825};
!function(){if("function"!=typeof window.FreshworksWidget){var n=function(){n.q.push(arguments)};n.q=[],window.FreshworksWidget=n}}()
</script>
<script type='text/javascript' src='https://widget.freshworks.com/widgets/60000001825.js' async defer></script> #}
</body>
</html>