templates/modules/app/includes/page_navigation.html.twig line 1

Open in your IDE?
  1. {#
  2. Navigation principale du site internet
  3. #}
  5. <div id="navigation" class="navigation">
  6.     <div class="row row-top">
  7.         <div class="container">
  8.             <div class="column">
  9.                 <a href="{{ pages.list.page_default_604cdefd8f455.translate(languages.locale).uri|path(languages) }}">
  10.                     <div class="figure" data-aos="fade" data-aos-delay="100">
  11.                         <img src="{{ asset('assets/media/images/core/logo.png') }}"
  12.                              alt="Sanoa - Centre Minceur et Beauté">
  13.                     </div>
  14.                 </a>
  15.             </div>
  17.             <div id="navigation_actions" class="actions">
  18.                 <a href="{{ pages.list.page_default_6059ce334a572.translate(languages.locale).uri|path(languages) }}"
  19.                    data-aos="fade-left" data-aos-delay="500"
  20.                    class="btn-diagnostic">
  21.                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 900">
  22.                         <path d="M772.9,239H612.26l3.19-4.68A76.58,76.58,0,0,0,511.23,126.43c-9.1,5.76-24.33,19.33-51.54,70.51-2.32,4.38-4.68,8.93-7,13.52L450,215.73l-2.68-5.27c-2.32-4.57-4.68-9.12-7-13.52-27.21-51.18-42.44-64.75-51.54-70.51A76.63,76.63,0,0,0,284.49,234.31L287.7,239H127.1V427.34h23.48V793.76H749.42V427.34H772.9Zm-294.22-4.33c16.28-33.14,38.18-71.39,50.8-79.38a42.22,42.22,0,0,1,22.65-6.6,43,43,0,0,1,9.36,1A42.43,42.43,0,0,1,574.9,227c-12.6,8-56.55,11.44-93.48,12l-4.9.07ZM311.93,168.43h0a42.48,42.48,0,0,1,58.59-13.15c12.62,8,34.51,46.25,50.8,79.39l2.16,4.4-4.9-.08c-20.94-.32-41.27-1.52-57.24-3.38-18.43-2.14-30.62-5-36.25-8.61a42.47,42.47,0,0,1-13.16-58.57Zm59.83,591.18h-187V427.34h187Zm0-366.42H161.25v-120H371.76ZM494.09,759.61H405.91V273.15h88.18Zm221.18,0h-187V427.34h187Zm23.48-366.42H528.24v-120H738.75Z"/>
  23.                     </svg>
  24.                     <span>{{ pages.list.general.textsArray['navigation_link_6']|striptags }}</span>
  25.                 </a>
  27.                 <a href="#"
  28.                    data-aos="fade-left" data-aos-delay="500"
  29.                    class="btn-appli">
  30.                     <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 23.3 36.43"><defs><style>.cls-1{fill:none;}.cls-2{clip-path:url(#clip-path);}.cls-3{fill:#1d1d1b;}</style><clipPath id="clip-path" transform="translate(-392.91 -434.2)"><rect class="cls-1" x="392.91" y="434.2" width="23.3" height="36.43"/></clipPath></defs><g class="cls-2"><path class="cls-3" d="M414.39,437.49v.29H394.73v-.29a1.48,1.48,0,0,1,1.48-1.47h16.71a1.47,1.47,0,0,1,1.47,1.47m0,25.34H394.74V439.6h19.65Zm0,1.83v2.67a1.47,1.47,0,0,1-1.47,1.47H396.21a1.48,1.48,0,0,1-1.48-1.47v-2.67Zm-1.47-30.46H396.21a3.31,3.31,0,0,0-3.3,3.29v29.84a3.31,3.31,0,0,0,3.3,3.29h16.71a3.3,3.3,0,0,0,3.29-3.29V437.49a3.3,3.3,0,0,0-3.29-3.29" transform="translate(-392.91 -434.2)"/><path class="cls-3" d="M404.56,468.17a1.45,1.45,0,1,0-1.44-1.44,1.44,1.44,0,0,0,1.44,1.44" transform="translate(-392.91 -434.2)"/></g></svg>
  31.                     <span>{{ pages.list.general.textsArray['navigation_link_8']|striptags }}</span>
  32.                 </a>
  34.                 <a href="{{ pages.list.page_default_5fc90f9575cd0.translate(languages.locale).uri|path(languages) }}"
  35.                    data-aos="fade-left" data-aos-delay="500"
  36.                    class="btn-shop">
  37.                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 900">
  38.                         <path d="M450.06,105.28c-71,0-128.78,57.78-128.78,128.79v44.59H228.44a20,20,0,0,0-20,18.31L165.69,772.82a20.11,20.11,0,0,0,20,21.9H714.4a20.13,20.13,0,0,0,20.11-20.11,21.87,21.87,0,0,0-.26-3.33l0-.34L691.64,297a20,20,0,0,0-20-18.31H578.85V234.07A128.94,128.94,0,0,0,450.06,105.28ZM361.49,234.07a88.58,88.58,0,1,1,177.15,0v44.59H361.49Zm291.75,84.8,39.11,435.64H207.71l.49-5.45,38.64-430.19h74.44v49.9a20.11,20.11,0,0,0,40.21,0v-49.9H538.64v49.9a20.11,20.11,0,0,0,40.21,0v-49.9Z"/>
  39.                     </svg>
  40.                     <span>{{ pages.list.general.textsArray['navigation_link_7']|striptags }}</span>
  41.                 </a>
  42.             </div>
  43.         </div>
  44.     </div>
  45.     <div class="row row-bottom">
  47.         <div class="container">
  49.             <div class="nav-list">
  50.                 <div class="nav-item {% if page_active|default(0) == 1 %}active{% endif %}" data-aos="fade"
  51.                      data-aos-delay="150"><a
  52.                             href="{{ pages.list.page_default_604cdefd8f455.translate(languages.locale).uri|path(languages) }}"
  53.                             class="btn-navigation">{{ pages.list.general.textsArray['navigation_link_1']|striptags }}</a>
  54.                 </div>
  55.                 <div class="nav-item {% if page_active|default(0) == 2 %}active{% endif %}" data-aos="fade"
  56.                      data-aos-delay="200"><a
  57.                             href="{{ pages.list.page_default_6059cce2657fa.translate(languages.locale).uri|path(languages) }}"
  58.                             class="btn-navigation">{{ pages.list.general.textsArray['navigation_link_2']|striptags }}</a>
  59.                 </div>
  60. {#                <div class="nav-item {% if page_active|default(0) == 3 %}active{% endif %}" data-aos="fade"#}
  61. {#                     data-aos-delay="250"><a#}
  62. {#                            href="{{ pages.list.page_default_6059cd3a08706.translate(languages.locale).uri|path(languages) }}"#}
  63. {#                            class="btn-navigation">{{ pages.list.general.textsArray['navigation_link_3']|striptags }}</a>#}
  64. {#                </div>#}
  65.                 <div class="nav-item {% if page_active|default(0) == 6 %}active{% endif %}" data-aos="fade"
  66.                      data-aos-delay="300"><a
  67.                             href="{{ pages.list.page_default_609510fd3788b.translate(languages.locale).uri|path(languages) }}"
  68.                             class="btn-navigation">{{ pages.list.general.textsArray['navigation_link_9']|striptags }}</a>
  69.                 </div>
  70.                 <div class="nav-item {% if page_active|default(0) == 4 %}active{% endif %}" data-aos="fade"
  71.                      data-aos-delay="350"><a
  72.                             href="{{ pages.list.page_default_6059cd6c8a447.translate(languages.locale).uri|path(languages) }}"
  73.                             class="btn-navigation">{{ pages.list.general.textsArray['navigation_link_4']|striptags }}</a>
  74.                 </div>
  75.                 <div class="nav-item {% if page_active|default(0) == 5 %}active{% endif %}" data-aos="fade"
  76.                      data-aos-delay="400"><a
  77.                             href="{{ pages.list.page_default_6059cdb3c15ee.translate(languages.locale).uri|path(languages) }}"
  78.                             class="btn-navigation">{{ pages.list.general.textsArray['navigation_link_5']|striptags }}</a>
  79.                 </div>
  80.             </div>
  82.             <div class="controls">
  84.                 <div class="block block-cart">
  85.                     <a {% if disable_navigation_cart|default(0) == 0 %}id="navigation-cart-btn" {% endif %}
  86.                        class="btn-cart" aria-label="Panier" data-aos="fade-right"
  87.                        data-aos-delay="400"
  88.                        href="{{ pages.list.page_default_5fb7958391f0c.translate(languages.locale).uri|path(languages) }}">
  89.                         <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
  90.                              y="0px" viewBox="220.2 -65.5 947.5 923"
  91.                              style="enable-background:new 220.2 -65.5 947.5 923;" xml:space="preserve">
  92.   <path d="M528.2,634.6c-61.6,0-111.5,49.9-111.5,111.4s49.9,111.5,111.4,111.5c61.6,0,111.5-49.9,111.5-111.4
  93.     c0,0,0,0,0-0.1C639.5,684.5,589.7,634.7,528.2,634.6z M565.4,746c0,20.6-16.7,37.3-37.3,37.3s-37.3-16.7-37.3-37.3
  94.     s16.7-37.3,37.3-37.3c0,0,0,0,0,0C548.7,708.8,565.4,725.4,565.4,746z"></path>
  95.                             <path d="M931.9,634.6c-61.6,0-111.4,49.9-111.4,111.5s49.9,111.4,111.4,111.4c61.5,0,111.4-49.9,111.4-111.4
  96.     C1043.3,684.5,993.4,634.7,931.9,634.6z M969.2,746.1c0,20.6-16.7,37.3-37.3,37.3c-20.6,0-37.3-16.7-37.3-37.3
  97.     c0-20.6,16.7-37.3,37.3-37.3C952.5,708.8,969.1,725.5,969.2,746.1z"></path>
  98.                             <path d="M1159.2,82c-7.1-7.7-16.7-12.6-27.1-13.6L450.5,59l-15.7-48C419-34.4,376.5-65,328.4-65.5h-71.2
  99.     c-20.5,0-37.1,16.6-37.1,37.1s16.6,37.1,37.1,37.1h70.8c16.4,0.4,30.9,10.9,36.3,26.3l133,401.2l-8.4,19.5
  100.     c-13.6,35.3-9.5,75.1,11.1,106.8c20.6,31.4,55.3,50.8,92.9,51.8h413.2c20.5,0,37.1-16.6,37.1-37.1s-16.6-37.1-37.1-37.1H593.4
  101.     c-12.9-0.3-24.8-7.1-31.6-18.1c-7-11.2-8.4-24.8-4.3-36.2l4.8-10.7l438.2-45.8c55.7-6.2,101.6-46.7,114.6-101.3l50.8-212.7
  102.     C1169.7,103.8,1167.2,91.1,1159.2,82z M562.6,399.6l-87.8-266.3l609.2,8.9l-41,168.8l-0.1,0.3c-5.4,24.4-26.1,42.3-51,44
  103.     L562.6,399.6z"></path>
  104. </svg>
  105.                         <span class="cart_tag navigation_cart_tag">{{ cart.cartTotalProductsCount }}</span>
  106.                     </a>
  107.                 </div>
  109.                 <div class="dropdown">
  110.                     <button class="btn btn-account dropdown-toggle" type="button" id="dropdownMenuButton"
  111.                             data-aos="fade-right" data-aos-delay="450" aria-label="Compte"
  112.                             data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  113.                         <svg xmlns="http://www.w3.org/2000/svg"
  114.                              viewBox="0 0 900 900">
  115.                             <path d="M684.56,552.16a328.6,328.6,0,0,0-126-79.07l-9.36-3.23,8.16-5.61A189.88,189.88,0,0,0,639.67,308c0-104.59-85.09-189.67-189.67-189.67S260.33,203.36,260.33,308a189.88,189.88,0,0,0,82.36,156.3l8.16,5.61-9.36,3.23A332.29,332.29,0,0,0,118.31,781.72h42.62C163.62,624.61,292.26,497.61,450,497.61s286.38,127,289.07,284.11h42.62a329.48,329.48,0,0,0-97.13-229.56ZM303,308c0-81.09,66-147.06,147.05-147.06s147,66,147,147.06S531.09,455,450,455,303,389,303,308Z"/>
  116.                         </svg>
  117.                         {% if account.user.id != null %}<span class="account_tag">x</span>{% endif %}
  118.                     </button>
  119.                     <div class="dropdown-menu dropdown-menu-right dropdown-menu-account"
  120.                          aria-labelledby="dropdownMenuButton">
  122.                         {% if account.user.id == null %}
  123.                             <form class="navigation_user_connect">
  125.                                 <div class="row">
  126.                                     <div class="form-group">
  127.                                         <input type="text" class="user_login_email"
  128.                                                name="user_navigation_login_email" placeholder="Identifiant"
  129.                                                required>
  130.                                     </div>
  131.                                 </div>
  133.                                 <div class="row">
  134.                                     <div class="form-group">
  135.                                         <input type="password" class="user_login_password"
  136.                                                name="user_navigation_login_password" placeholder="Mot de passe"
  137.                                                required>
  138.                                     </div>
  139.                                 </div>
  141.                                 <div class="row">
  142.                                     <div class="form-controls">
  143.                                         <p class="user_login_message"></p>
  144.                                         <button class="btn btn-submit btn_user_connect">Se connecter</button>
  145.                                     </div>
  146.                                 </div>
  148.                                 <div class="row">
  149.                                     <p class="form-aside">
  150.                                         {% if form_type|default(0) == 0 %} {# Formulaire minifié #}
  151.                                             <a href="{{ pages.list.page_default_5fc91fbc846a9.translate(languages.locale).uri|path(languages) }}">Créer
  152.                                                 un compte</a> -
  153.                                             <a href="{{ pages.list.page_default_5fc9203cb6e67.translate(languages.locale).uri|path(languages) }}">Mot
  154.                                                 de passe
  155.                                                 oublié ?</a>
  156.                                         {% else %} {# Formulaire normal #}
  157.                                             <a href="{{ pages.list.page_default_5fc9203cb6e67.translate(languages.locale).uri|path(languages) }}">Mot
  158.                                                 de passe
  159.                                                 oublié ?</a>
  160.                                         {% endif %}
  161.                                     </p>
  162.                                 </div>
  164.                             </form>
  165.                         {% else %}
  166.                             <div class="navigation_user">
  167.                                 <p class="account-title">Mon Compte <span
  168.                                             class="account-designation">( {{ account.user.email }} )</span></p>
  170.                                 <a class="dropdown-item"
  171.                                    href="{{ pages.list.page_default_5fc9140a44270.translate(languages.locale).uri|path(languages) }}">Mon tableau de bord</a>
  172.                                 <a class="dropdown-item"
  173.                                    href="{{ pages.list.page_default_5fc914665eb4d.translate(languages.locale).uri|path(languages) }}">Mes
  174.                                     commandes</a>
  175.                                 <a class="dropdown-item"
  176.                                    href="{{ pages.list.page_default_5fc91521e3084.translate(languages.locale).uri|path(languages) }}">Mes
  177.                                     adresses</a>
  178.                                 <a class="dropdown-item"
  179.                                    href="{{ pages.list.page_default_5fc91838a9ca2.translate(languages.locale).uri|path(languages) }}">Mes
  180.                                     informations</a>
  182.                                 <a class="dropdown-item"
  183.                                    href="{{ pages.list.page_default_60671073b997a.translate(languages.locale).uri|path(languages) }}">Mes
  184.                                     favoris</a>
  185.                                 {% if account.admin is defined and account.admin == 1 %}
  186.                                     <a class="dropdown-item" href="/4DM1n157R4710N" target="_blank">Mon espace d'administration</a>
  187.                                 {% endif %}
  189.                                 <a class="dropdown-item"
  190.                                    href="{{ pages.list.page_default_5fc91c20b58f1.translate(languages.locale).uri|path(languages) }}">Déconnexion</a>
  191.                             </div>
  192.                         {% endif %}
  194.                     </div>
  195.                 </div>
  197.             </div>
  198.         </div>
  200.     </div>
  201. </div>
  203. <div id="navigation-responsive" class="navigation-responsive">
  204.     <div class="container">
  205.         <div class="column">
  206.             <div class="figure">
  207.                 <img src="{{ asset('assets/media/images/core/logo.png') }}"
  208.                      alt="Sanoa - Centre Minceur et Beauté">
  209.             </div>
  210.         </div>
  212.         <div class="column">
  214.             <button id="menu" class="menu-btn">
  215.                 <span></span>
  216.                 <span></span>
  217.                 <span></span>
  218.             </button>
  219.         </div>
  220.     </div>
  221.     <div class="navigation-panes">
  223.         <div class="pane active" data-position="1">
  224.             <div class="block">
  225.                 <div class="block-header">
  226.                     <h3 class="block-title">Menu</h3>
  227.                 </div>
  228.                 <div class="block-list">
  229.                     <a href="{{ pages.list.page_default_604cdefd8f455.translate(languages.locale).uri|path(languages) }}"
  230.                        class="navigation-item">{{ pages.list.general.textsArray['navigation_link_1']|striptags }}</a>
  231.                     <a href="{{ pages.list.page_default_6059cce2657fa.translate(languages.locale).uri|path(languages) }}"
  232.                        class="navigation-item">{{ pages.list.general.textsArray['navigation_link_2']|striptags }}</a>
  233. {#                    <a href="{{ pages.list.page_default_6059cd3a08706.translate(languages.locale).uri|path(languages) }}"#}
  234. {#                       class="navigation-item">{{ pages.list.general.textsArray['navigation_link_3']|striptags }}</a>#}
  236.                     <a href="{{ pages.list.page_default_609510fd3788b.translate(languages.locale).uri|path(languages) }}"
  237.                        class="navigation-item">{{ pages.list.general.textsArray['navigation_link_9']|striptags }}</a>
  240.                     <a href="{{ pages.list.page_default_6059cd6c8a447.translate(languages.locale).uri|path(languages) }}"
  241.                        class="navigation-item btn-contact">{{ pages.list.general.textsArray['navigation_link_4']|striptags }}</a>
  242.                     <a href="{{ pages.list.page_default_6059cdb3c15ee.translate(languages.locale).uri|path(languages) }}"
  243.                        class="navigation-item">{{ pages.list.general.textsArray['navigation_link_5']|striptags }}</a>
  244.                     <a href="{{ pages.list.page_default_6059ce334a572.translate(languages.locale).uri|path(languages) }}"
  245.                        class="navigation-item">{{ pages.list.general.textsArray['navigation_link_6']|striptags }}</a>
  246.                     <button class="navigation-item btn-pane" data-target="3">Compte</button>
  247.                     <a href="{{ pages.list.page_default_5fb7958391f0c.translate(languages.locale).uri|path(languages) }}"
  248.                        class="navigation-item">Panier</a>
  249.                     <button class="navigation-item btn-pane btn-boutique"
  250.                             data-target="2">{{ pages.list.general.textsArray['navigation_link_7']|striptags }}</button>
  252.                 </div>
  253.             </div>
  254.         </div>
  256.         <div class="pane" data-position="2">
  257.             <div class="block">
  258.                 <div class="block-header">
  259.                     <h3 class="block-title">{{ pages.list.general.textsArray['navigation_link_7']|striptags }}</h3>
  260.                 </div>
  261.                 <div class="block-list">
  262.                     {% for item in navigation_categories %}
  263.                         <a href="{{ item.slug }}"
  264.                            class="navigation-item">{{ item.designation|striptags }}</a>
  265.                     {% endfor %}
  268.                     <button class="navigation-item btn-pane btn-return" data-target="1">Retour</button>
  269.                 </div>
  270.             </div>
  271.         </div>
  273.         <div class="pane" data-position="3">
  274.             <div class="block">
  275.                 <div class="block-header">
  276.                     <h3 class="block-title">Compte</h3>
  277.                 </div>
  278.                 <div class="block-list">
  279.                     <a href="{{ pages.list.page_default_5fc9140a44270.translate(languages.locale).uri|path(languages) }}"
  280.                        class="navigation-item">Tableau de bord</a>
  281.                     {% if account.admin is defined and account.admin == 1 %}
  282.                         <a href="/4DM1n157R4710N"
  283.                            class="navigation-item">Administration</a>
  284.                     {% endif %}
  285.                     <a href="{{ pages.list.page_default_5fc914665eb4d.translate(languages.locale).uri|path(languages) }}"
  286.                        class="navigation-item">Commandes</a>
  287.                     <a href="{{ pages.list.page_default_5fc91838a9ca2.translate(languages.locale).uri|path(languages) }}"
  288.                        class="navigation-item">Informations</a>
  289.                     <a class="navigation-item"
  290.                        href="{{ pages.list.page_default_60671073b997a.translate(languages.locale).uri|path(languages) }}">Mes
  291.                         favoris</a>
  292.                     <a href="{{ pages.list.page_default_5fc91c20b58f1.translate(languages.locale).uri|path(languages) }}"
  293.                        class="navigation-item">Déconnexion</a>
  294.                 </div>
  295.             </div>
  296.         </div>
  297.     </div>
  298. </div>
  300. {# PANIER #}
  301. <div id="menu-cart" class="menu-cart disabled">
  302.     {% include '@app/shopping/includes/navigation/cart.html.twig' %}
  303. </div>