app/template/idealinc/Block/header_shop.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  12. {% if shop is not defined or shop is null %}
  13.   {% set shop = '' %}
  14. {% endif %}
  16. {% set line_url = 'https://page.line.me/?accountId=257jsqsn' %}
  17. {% set insta_url = '#' %}
  19. {% if shop == 'dialogue' %}
  20.     {% set line_url = 'https://line.me/ti/p/J7UuFXs2qK' %}
  21.     {% set insta_url = 'https://www.instagram.com/dialogue_ideal_/' %}
  22. {% elseif shop == 'ensemble' %}
  23.     {% set line_url = 'https://line.me/ti/p/J7UuFXs2qK' %}
  24.     {% set insta_url = 'https://instagram.com/ensemble_ideal_/' %}
  25. {% elseif shop == 'ensembledeux' %}
  26.     {% set line_url = 'https://line.me/ti/p/J7UuFXs2qK' %}
  27.     {% set insta_url = 'https://www.instagram.com/ensemble_deux/' %}
  28. {% elseif shop == 'flair' %}
  29.     {% set line_url = 'https://line.me/ti/p/RZk6l8h8ZC' %}
  30.     {% set insta_url = 'https://www.instagram.com/flair_ideal/' %}
  31. {% elseif shop == 'gathering' %}
  32.     {% set line_url = 'https://line.me/ti/p/9qxA8eSuOH' %}
  33.     {% set insta_url = 'https://www.instagram.com/gathering_ideal/' %}
  34. {% endif %}
  36. <!-- HEADER -->
  37.       <header class="header">
  38.         <div class="header__left">
  39.           <div class="js-trigger--drawer header-burger"><span class="header-burger__item"></span><span class="header-burger__item"></span><span class="header-burger__item"></span></div>
  40.             {% if app.request.get('_route') == 'homepage' %}
  41.             <h1 class="logo">
  42.                 <a href="{{ url('homepage') }}">
  43.                     <svg xmlns="http://www.w3.org/2000/svg" width="58.901" height="59.119" viewBox="0 0 58.901 59.119"><path d="M25.73,30.348,35.5,40.174c8.071,8.4,14.433,15.327,17.02,18.54l.122.121c.134.138.225.228.287.286a12.454,12.454,0,0,0,1.809-1,27.565,27.565,0,0,0,5.607-4.99l-.074-.076C55.859,49.02,50.753,43.9,43.276,36.118L29.392,21.676l.379-.948a133.907,133.907,0,0,0,4.3-12.692c1.5-5.043,1.838-5.892,3.009-7.517C35.714.156,31.963-.237,25.294.178a15.481,15.481,0,0,1-.1,3.34c-.838,8.319-4.718,20.264-9.884,30.394A108.455,108.455,0,0,1,1.44,54.825a45.372,45.372,0,0,1,8.1.454,1.824,1.824,0,0,0,1.381-.165c.6-.368,2.183-2.208,6.328-8.907a124.874,124.874,0,0,0,7.572-13.83Z" transform="translate(-1.44 0)" fill="#fff"/></svg>
  44.                 </a>
  45.             </h1>
  46.             {% elseif shop == 'dialogue' %}
  47.             <h1 class="logo">
  48.                 <a href="{{ url("shop_#{shop}_top") }}">
  49.                     <img src="{{ asset('assets/img/home2023/logo-dialogue.svg') }}" alt="dialogue">
  50.                 </a>
  51.             </h1>
  52.             {% elseif shop == 'ensemble' %}
  53.             <h1 class="logo">
  54.                 <a href="{{ url("shop_#{shop}_top") }}">
  55.                     <img src="{{ asset('assets/img/home2023/logo-ensemble.svg') }}" alt="ensemble">
  56.                 </a>
  57.             </h1>
  58.             {% elseif shop == 'flair' %}
  59.             <h1 class="logo">
  60.                 <a href="{{ url("shop_#{shop}_top") }}">
  61.                     <img src="{{ asset('assets/img/home2023/logo-flair.svg') }}" alt="flair">
  62.                 </a>
  63.             </h1>
  64.             {% elseif shop == 'gathering' %}
  65.             <h1 class="logo">
  66.                 <a href="{{ url("shop_#{shop}_top") }}">
  67.                     <img src="{{ asset('assets/img/home2023/logo-gathering.svg') }}" alt="gathering">
  68.                 </a>
  69.             </h1>
  70.             {% else %}
  71.             <h1 class="logo">
  72.                 <a href="{{ url('homepage') }}">
  73.                     <svg xmlns="http://www.w3.org/2000/svg" width="58.901" height="59.119" viewBox="0 0 58.901 59.119"><path d="M25.73,30.348,35.5,40.174c8.071,8.4,14.433,15.327,17.02,18.54l.122.121c.134.138.225.228.287.286a12.454,12.454,0,0,0,1.809-1,27.565,27.565,0,0,0,5.607-4.99l-.074-.076C55.859,49.02,50.753,43.9,43.276,36.118L29.392,21.676l.379-.948a133.907,133.907,0,0,0,4.3-12.692c1.5-5.043,1.838-5.892,3.009-7.517C35.714.156,31.963-.237,25.294.178a15.481,15.481,0,0,1-.1,3.34c-.838,8.319-4.718,20.264-9.884,30.394A108.455,108.455,0,0,1,1.44,54.825a45.372,45.372,0,0,1,8.1.454,1.824,1.824,0,0,0,1.381-.165c.6-.368,2.183-2.208,6.328-8.907a124.874,124.874,0,0,0,7.572-13.83Z" transform="translate(-1.44 0)" fill="#000"/></svg>
  74.                     {# <img src="{{ asset('assets/img/home2023/header_logo01.svg') }}" alt="IDEAL"> #}
  75.                 </a>
  76.             </h1>
  77.             {% endif %}
  78.         </div>
  79.         <div class="header__center">
  80.           <div class="header-menu">
  81.             <ul>
  82.                 {# <li><a href="{{ url("shop_#{shop|lower}_concept") }}"><span>CONCEPT</span></a></li> #}
  83.                 {% if shop == 'dialogue' or shop == 'ensemble' or shop == 'flair' or shop == 'gathering' %}
  84.                 <!-- shop(header_shop) -->
  85.                 <li><a href="{{ url('item_list', {'shop': shop}) }}"><span>ITEM</span></a></li>
  86.                 <li><a href="{{ url('brand_list', {'shop': shop}) }}"><span>BRAND LIST</span></a></li>
  87.                 <li><a href="{{ url('product_list', {'shop': shop}) }}"><span>ONLINE STORE</span></a></li>
  88.                 <li><a href="{{ url('blog_list', {'shop': shop}) }}"><span>BLOG</span></a></li>
  89.                 {% else %}
  90.                 <!-- not shop(header_shop) -->
  91.                 <li><a href="{{ url('all_item_list') }}"><span>ITEM</span></a></li>
  92.                 <li><a href="{{ url('all_brand_list') }}"><span>BRAND LIST</span></a></li>
  93.                 <li><a href="{{ url('product_list') }}"><span>ONLINE STORE</span></a></li>
  94.                 <li><a href="{{ url('blog_list') }}"><span>BLOG</span></a></li>
  95.                 {% endif %}
  96.                 <li><a href="{{ line_url }}" target="_blank"><span>LINE</span></a></li>
  97.             </ul>
  98.           </div>
  99.         </div>
  100.         <div class="header__right">
  101.           <div class="header-menu2">
  102.             <ul class="">
  103.                 {# <li class="header-line">
  104.                     <a href="https://page.line.me/?accountId=257jsqsn" target="_blank">
  105.                         <svg xmlns="http://www.w3.org/2000/svg" width="25.322" height="25.586" viewBox="0 0 25.322 25.586"><g transform="translate(-2.5)"><g transform="translate(2.5)"><g transform="translate(0)"><path d="M24.076,3.057A13.975,13.975,0,0,0,15.161,0,13.975,13.975,0,0,0,6.246,3.057,9.691,9.691,0,0,0,2.5,10.551a9.426,9.426,0,0,0,3.262,7.061,13.419,13.419,0,0,0,7.552,3.181v4.266a.528.528,0,0,0,.848.419l7.911-6.049a19,19,0,0,0,4.067-3.9,8.276,8.276,0,0,0,1.682-4.974A9.691,9.691,0,0,0,24.076,3.057ZM21.435,18.589l-7.065,5.4v-3.68a.528.528,0,0,0-.489-.526,12.49,12.49,0,0,1-7.415-2.958,8.385,8.385,0,0,1-2.911-6.275c0-5.236,5.206-9.5,11.606-9.5s11.606,4.26,11.606,9.5C26.767,14.077,24.206,16.5,21.435,18.589Z" transform="translate(-2.5)" fill="#fff"/><path d="M220.49,145.622c0-.395-.209-.614-.539-.611s-.525.23-.527.623c-.006.728,0,1.456,0,2.184,0,.105-.01.209-.019.407-.125-.146-.2-.221-.258-.3q-1.012-1.314-2.022-2.631a.566.566,0,0,0-.647-.258.556.556,0,0,0-.393.577q-.008,2.109,0,4.217a.552.552,0,0,0,.318.535c.4.187.772-.095.777-.6.009-.687,0-1.376,0-2.064v-.4a.624.624,0,0,1,.256.206q1.009,1.3,2.015,2.6c.166.218.357.377.656.276a.558.558,0,0,0,.385-.6C220.491,148.394,220.5,147.008,220.49,145.622Z" transform="translate(-204.811 -137.358)" fill="#fff"/><path d="M318.241,146.1c.1-.008.217-.024.335-.024.4,0,.8,0,1.195-.005A1.114,1.114,0,0,0,320.2,146a.482.482,0,0,0,.259-.605.5.5,0,0,0-.531-.394q-1.061,0-2.122,0c-.507,0-.71.2-.711.7q-.008,2,0,4.007c0,.5.218.708.713.71q.989,0,1.974,0a1.2,1.2,0,0,0,.323-.046.525.525,0,0,0,.013-1,1.457,1.457,0,0,0-.412-.052c-.494-.006-.989,0-1.491,0v-1.036c.094-.009.171-.021.247-.022.468,0,.938.01,1.406-.006.408-.015.621-.239.606-.584-.013-.311-.241-.5-.614-.509-.26,0-.518,0-.779,0-.968,0-.968,0-.877-.97A.435.435,0,0,1,318.241,146.1Z" transform="translate(-300.498 -137.35)" fill="#fff"/><path d="M105.339,149.4a2.831,2.831,0,0,0-.328-.006H103.6v-.406c0-1.066,0-2.133,0-3.2,0-.455-.2-.708-.548-.711s-.55.239-.55.7q0,2.033,0,4.065a.576.576,0,0,0,.643.65c.387.007,1.842.013,2.181,0a.557.557,0,0,0,.555-.552A.571.571,0,0,0,105.339,149.4Z" transform="translate(-97.224 -137.428)" fill="#fff"/><path d="M179.3,145.55c0-.411-.134-.541-.53-.541s-.54.123-.541.531q-.007,2.168,0,4.337c0,.406.148.551.53.552s.539-.149.541-.573c0-.708,0-1.415,0-2.123C179.3,147.005,179.3,146.278,179.3,145.55Z" transform="translate(-168.954 -137.359)" fill="#fff"/></g></g></g></svg>
  106.                     </a>
  107.                 </li> #}
  108.                 <li class="header-instagram">
  109.                     <a href="{{ insta_url }}" target="_blank">
  110.                         <svg xmlns="http://www.w3.org/2000/svg" width="23.342" height="23.341" viewBox="0 0 23.342 23.341"><path d="M14.67,3c-3.17,0-3.566.014-4.811.07a8.589,8.589,0,0,0-2.833.543A5.964,5.964,0,0,0,3.612,7.026a8.6,8.6,0,0,0-.543,2.833C3.013,11.1,3,11.5,3,14.67s.013,3.566.07,4.811a8.589,8.589,0,0,0,.543,2.833,5.963,5.963,0,0,0,3.414,3.414,8.6,8.6,0,0,0,2.833.543c1.245.056,1.642.07,4.811.07s3.566-.014,4.811-.07a8.589,8.589,0,0,0,2.833-.543,5.963,5.963,0,0,0,3.414-3.414,8.6,8.6,0,0,0,.543-2.833c.056-1.245.07-1.642.07-4.811s-.014-3.566-.07-4.811a8.589,8.589,0,0,0-.543-2.833,5.963,5.963,0,0,0-3.414-3.414,8.6,8.6,0,0,0-2.833-.543C18.237,3.014,17.84,3,14.67,3m0,2.1c3.116,0,3.485.012,4.715.068a6.484,6.484,0,0,1,2.168.4,3.863,3.863,0,0,1,2.215,2.215,6.477,6.477,0,0,1,.4,2.167c.056,1.232.068,1.6.068,4.716s-.012,3.485-.068,4.715a6.525,6.525,0,0,1-.4,2.168,3.863,3.863,0,0,1-2.215,2.215,6.476,6.476,0,0,1-2.167.4c-1.23.056-1.6.068-4.716.068s-3.486-.012-4.715-.068a6.525,6.525,0,0,1-2.168-.4,3.863,3.863,0,0,1-2.215-2.215,6.436,6.436,0,0,1-.4-2.167c-.056-1.232-.068-1.6-.068-4.716s.012-3.485.068-4.715a6.484,6.484,0,0,1,.4-2.168A3.863,3.863,0,0,1,7.787,5.572a6.436,6.436,0,0,1,2.167-.4c1.232-.056,1.6-.068,4.716-.068m0,13.457a3.89,3.89,0,1,1,3.89-3.89,3.889,3.889,0,0,1-3.89,3.89m0-9.883a5.993,5.993,0,1,0,5.993,5.993A5.993,5.993,0,0,0,14.67,8.678m7.63-.237a1.4,1.4,0,1,1-1.4-1.4,1.4,1.4,0,0,1,1.4,1.4" transform="translate(-3 -3)" fill="#606060" fill-rule="evenodd"/></svg>
  111.                     </a>
  112.                 </li>
  113.             </ul>
  114.             <ul>
  115.               <li class="js-trigger--search header-search">
  116.                 <a href="javascript:void(0)">
  117.                     <svg xmlns="http://www.w3.org/2000/svg" width="23.279" height="23.305" viewBox="0 0 23.279 23.305"><g transform="translate(-1724.563 -55.659)"><g transform="translate(1724.563 55.659)"><path d="M12.8,4.493A7.976,7.976,0,1,1,4.83,12.469,7.976,7.976,0,0,1,12.8,4.493M12.8,3a9.469,9.469,0,1,0,9.469,9.469A9.469,9.469,0,0,0,12.8,3Z" transform="translate(-3.33 -3)" fill="#fff"/><path d="M32.612,31.275l-5.368-5.4L26.21,26.9l5.368,5.4a.729.729,0,0,0,1.034-1.027Z" transform="translate(-9.545 -9.212)" fill="#fff"/></g></g></svg>
  118.                 </a>
  119.               </li>
  120.               <li class="header-mypage">
  121.                 <a href="{{ url('mypage_login') }}">
  122.                     <svg xmlns="http://www.w3.org/2000/svg" width="18.938" height="21.851" viewBox="0 0 18.938 21.851"><g transform="translate(-1776.25 -57.149)"><g transform="translate(1776.25 57.149)"><path d="M16.1,13.2A5.1,5.1,0,1,0,11,8.1,5.1,5.1,0,0,0,16.1,13.2Zm0-8.74A3.642,3.642,0,1,1,12.457,8.1,3.642,3.642,0,0,1,16.1,4.457Z" transform="translate(-6.63 -3)" fill="#fff"/><path d="M23.552,22.912a12.5,12.5,0,0,0-18.158,0,1.457,1.457,0,0,0-.393,1v3.831A1.457,1.457,0,0,0,6.457,29.2H22.481a1.457,1.457,0,0,0,1.457-1.457V23.91A1.457,1.457,0,0,0,23.552,22.912Zm-1.071,4.829H6.457V23.9a11.049,11.049,0,0,1,16.024,0Z" transform="translate(-5 -7.347)" fill="#fff"/></g></g></svg>
  123.                 </a>
  124.               </li>
  125.               <li class="header-cart">
  126.                 <a href="{{ url('cart') }}">
  127.                     <svg xmlns="http://www.w3.org/2000/svg" width="20.394" height="23.272" viewBox="0 0 20.394 23.272"><g transform="translate(-1827.937 -55.692)"><path d="M19.3,9.3V7.149a5.1,5.1,0,1,0-10.2,0v5.1a.728.728,0,1,0,1.457,0V10.754h5.827V9.3H10.555V7.149a3.642,3.642,0,0,1,7.284,0v5.062a.728.728,0,1,0,1.457,0V10.754h3.642V23.865H5.457V10.754H7.642V9.3H4V23.93a1.391,1.391,0,0,0,1.391,1.391H23a1.391,1.391,0,0,0,1.391-1.391V9.3Z" transform="translate(1823.937 53.642)" fill="#fff"/></g></svg>
  128.                 </a>
  129.               </li>
  130.             </ul>
  131.           </div>
  132.         </div>
  133.       </header>
  134.       <div class="searchbox js-searchform">
  135.         <form method="get" class="searchform" action="{{ path('product_list') }}">
  136.             <input type="text" placeholder="SEARCH" name="freeword">
  137.             <button class="ec-headerSearch__keywordBtn" type="submit">
  138.                 →
  139.             </button>
  140.         </form>
  141.       </div>
  142.     <div class="drawer js-drawer">
  143.         {# <div class="drawer__bg js-trigger--drawer"></div> #}
  144.         <div class="drawer__logo">
  145.             {% if shop == 'dialogue' %}
  146.                 <a href="{{ url("shop_#{shop}_top") }}">
  147.                     <img src="{{ asset('assets/img/home2023/DIALOGUE_logomark.svg') }}" alt="dialogue">
  148.                 </a>
  149.             {% elseif shop == 'ensemble' %}
  150.                 <a href="{{ url("shop_#{shop}_top") }}">
  151.                     <img src="{{ asset('assets/img/home2023/ENSEMBLE_logomark.svg') }}" alt="ensemble">
  152.                 </a>
  153.             {% elseif shop == 'flair' %}
  154.                 <a href="{{ url("shop_#{shop}_top") }}">
  155.                     <img src="{{ asset('assets/img/home2023/FLAIR_logomark.svg') }}" alt="flair">
  156.                 </a>
  157.             {% elseif shop == 'gathering' %}
  158.                 <a href="{{ url("shop_#{shop}_top") }}">
  159.                     <img src="{{ asset('assets/img/home2023/GATHERING_logomark.svg') }}" alt="gathering">
  160.                 </a>
  161.             {% endif %}
  162.         </div>
  163.         <div class="drawer__content">
  164.             <ul>
  165.                 <li><a href="{{ url('mypage_login') }}"><span>MY PAGE</span></a></li>
  166.                 <li><a href="{{ url('item_list', {'shop': shop}) }}"><span>ITEM</span></a></li>
  167.                 <li><a href="{{ url('brand_list', {'shop': shop}) }}"><span>BRAND LIST</span></a></li>
  168.                 <li><a href="{{ url('product_list', {'shop': shop}) }}"><span>ONLINE STORE</span></a></li>
  169.                 <li><a href="{{ url('blog_list', {'shop': shop}) }}"><span>BLOG</span></a></li>
  170.             </ul>
  171.         </div>
  172.         <div class="drawer__sns">
  173.           <ul>
  174.             <li>
  175.               <a href="{{ line_url }}"><span>LINE</span></a>
  176.             </li>
  177.             <li>
  178.               <a href="{{ insta_url }}"><span>Instagram</span></a>
  179.             </li>
  180.           </ul>
  181.         </div>
  182.         <div class="drawer__close js-trigger--drawer">
  183.           <img src="/html/template/idealinc/assets/img/home2023/x.svg" alt="">
  184.         </div>
  185.       </div>