themes/BootstrapExtendTheme/SyliusShopBundle/views/Account/layout.html.twig line 1

Open in your IDE?
  1. {% extends is_mobile.check ? '@templates/Mobile/Shop/layout.html.twig' : '@templates/Front/Shop/layout.html.twig' %}
  3. {% block content %}
  4.     {% block breadcrumb %}
  5.     {% endblock %}
  6.     <button id="toggleButton" class="d-lg-none d-md-block">
  7.         <i class="fa fa-bars menu-icon"></i>
  8.         <i class="fa fa-times close-icon d-none"></i>
  9.     </button>
  11.     <div class="row">
  12.         <div class="col-12 col-md-4 col-lg-3 mb-4 menu d-none d-md-block">
  13.             {{ sonata_block_render_event('sylius.shop.account.layout.before_menu') }}
  15.             {{ knp_menu_render('sylius.shop.account', {'template': '@SyliusShop/Menu/simple.html.twig'}) }}
  17.             {{ sonata_block_render_event('sylius.shop.account.layout.after_menu') }}
  18.         </div>
  19.         <div class="col-12 col-md-8 col-lg-9">
  20.             {{ sonata_block_render_event('sylius.shop.account.layout.before_subcontent') }}
  22.             {% block subcontent %}
  23.             {% endblock %}
  25.             {{ sonata_block_render_event('sylius.shop.account.layout.after_subcontent') }}
  26.         </div>
  27.     </div>
  28.     <style>
  29.         #toggleButton {
  30.             float: right;
  31.             display: block;
  32.             margin-top: -20px;
  33.             border: 1px solid;
  34.             margin-right: 10px;
  35.             }
  36.         </style>
  37.     <script>
  38.         $('#toggleButton').on('click', function() {
  39.             $('.menu').toggleClass('d-none');
  40.             $('.menu-icon').toggleClass('d-none');
  41.             $('.close-icon').toggleClass('d-none');
  42.         })
  43.     </script>
  46. {% endblock %}