var/cache/dev/twig/9d/9de9f3fd62bca330f4e3fcf7db71a5f1f975ebf2431e69f3c90ebe255afedadc.php line 73

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  15. /* Block/header.twig */
  16. class __TwigTemplate_c45911b33fdd98256b0f8be8deda470fa2720c2a65cb1fe97333196a9be2789b extends \Eccube\Twig\Template
  17. {
  18.     private $source;
  19.     private $macros = [];
  21.     public function __construct(Environment $env)
  22.     {
  23.         parent::__construct($env);
  25.         $this->source = $this->getSourceContext();
  27.         $this->parent = false;
  29.         $this->blocks = [
  30.             'stylesheet' => [$this, 'block_stylesheet'],
  31.             'javascript' => [$this, 'block_javascript'],
  32.         ];
  33.     }
  35.     protected function doDisplay(array $context, array $blocks = [])
  36.     {
  37.         $macros = $this->macros;
  38.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  39.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Block/header.twig"));
  41.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  42.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Block/header.twig"));
  44.         // line 1
  45.         echo "<header class=\"l-header\">
  46.         <div class=\"l-header__conteiner\">
  47.             <h1 class=\"l-header__logo\">
  48.                 <a href=\"https://xb579178.xbiz.jp/test-ec-05/\"><img src=\"";
  49.         // line 4
  50.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/test-ec-05/html/user_data/assets/img/common/moo-side-log.svg"), "html", null, true);
  51.         echo "\" alt=\"肉の再生工房〜moo side〜\"></a>
  52.             </h1>
  54.             ";
  55.         // line 8
  56.         echo "            ";
  57.         // line 9
  58.         echo "            ";
  59.         // line 10
  60.         echo "            ";
  61.         // line 11
  62.         echo "
  63.             <!-- ハンバーガーメニュー -->
  64.                 <div class=\"l-header__search__image\" id=\"searchopen2\">
  65.                     <img src=\"";
  66.         // line 14
  67.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/test-ec-05/html/user_data/assets/img/common/glass_wh.webp"), "html", null, true);
  68.         echo "\" alt=\"\">
  69.                 </div>
  70.                     <div class=\"form__area2\" id=\"attrin2\">
  71.                         ";
  72.         // line 17
  73.         echo $this->env->getRuntime('Symfony\Bridge\Twig\Extension\HttpKernelRuntime')->renderFragment($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("block_search_product"));
  74.         echo "
  75.                     </div>
  76.             
  77.             <div id=\"hamburger\" class=\"l-header__hamburger\">
  78.                 <span class=\"l-header__hamburger__line\" id=\"top\"></span>
  79.                 <span class=\"l-header__hamburger__line\" id=\"center\"></span>
  80.                 <span class=\"l-header__hamburger__line\" id=\"bottom\"></span>
  81.             </div>
  83.             <nav class=\"l-header__top__hamburger__nav\" id=\"nav\">
  84.                 <h3 class=\"l-header__top__hamburger__nav__title\">会員メニュー</h3>
  85.                 <ul class=\"l-header__top__hamburger__nav__lists\">
  86.                     ";
  87.         // line 29
  88.         if ($this->extensions['Symfony\Bridge\Twig\Extension\SecurityExtension']->isGranted("ROLE_USER")) {
  89.             // line 30
  90.             echo "                        <li class=\"l-header__top__hamburger__nav__lists__item\"><a href=\"";
  91.             echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("mypage");
  92.             echo "\"><p class=\"l-header__top__nav__lists__item__undertext\">マイページ</p></a></li>
  93.                         <li class=\"l-header__top__hamburger__nav__lists__item\"><a href=\"";
  94.             // line 31
  95.             echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("logout");
  96.             echo "\"><p class=\"l-header__top__nav__lists__item__undertext\">ログアウト</p></a></li>
  97.                         ";
  98.         } else {
  99.             // line 33
  100.             echo "                        <li class=\"l-header__top__hamburger__nav__lists__item\"><a href=\"";
  101.             echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("entry");
  102.             echo "\"><p class=\"l-header__top__nav__lists__item__undertext\">新規登録</p></a></li>
  103.                     <li class=\"l-header__top__hamburger__nav__lists__item\"><a href=\"";
  104.             // line 34
  105.             echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("mypage_login");
  106.             echo "\"><p class=\"l-header__top__nav__lists__item__undertext\">ログイン</p></a></li>
  107.                     ";
  108.         }
  109.         // line 36
  110.         echo "                    <li class=\"l-header__top__hamburger__nav__lists__item\"><a href=\"";
  111.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("cart");
  112.         echo "\">カート</a></li>
  113.                 </ul>
  115.                 <h3 class=\"l-header__top__hamburger__nav__title\">メニュー</h3>
  116.                 <ul class=\"l-header__top__hamburger__nav__lists\">
  117.                     <li class=\"l-header__top__hamburger__nav__lists__item\"><a href=\"";
  118.         // line 41
  119.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("homepage");
  120.         echo "\">TOP</a></li>
  121.                     <li class=\"l-header__top__hamburger__nav__lists__item\"><a href=\"";
  122.         // line 42
  123.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("homepage");
  124.         echo "#recommend\">おすすめ商品</a></li>
  125.                     <li class=\"l-header__top__hamburger__nav__lists__item\"><a href=\"";
  126.         // line 43
  127.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("homepage");
  128.         echo "#popular\">人気商品</a></li>
  129.                     <li class=\"l-header__top__hamburger__nav__lists__item\"><a href=\"";
  130.         // line 44
  131.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  132.         echo "\">商品一覧</a></li>
  133.                     
  134.                 </ul>
  135.             </nav>
  137.             <nav class=\"l-header__top__nav\">
  138.                 <ul class=\"l-header__top__nav__lists\">
  139.                     <li id=\"searchopen\" class=\"l-header__top__nav__lists__item\"><a class=\"nolink1\"><img src=\"";
  140.         // line 51
  141.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/test-ec-04/html/user_data/assets/img/common/glass.webp"), "html", null, true);
  142.         echo "\" height=\"40\" width=\"45\" alt=\"検索\"><p class=\"l-header__top__nav__lists__item__undertext\">検索</p></a></li>
  143.                         <div class=\"form__area\" id=\"attrin\">
  144.                         ";
  145.         // line 53
  146.         echo $this->env->getRuntime('Symfony\Bridge\Twig\Extension\HttpKernelRuntime')->renderFragment($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("block_search_product"));
  147.         echo "
  148.                         <img id=\"closebtn\" class=\"closebtn\" src=\"";
  149.         // line 54
  150.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/test-ec-04/html/user_data/assets/img/common/x.webp"), "html", null, true);
  151.         echo "\">
  152.                     </div>
  153.                     <li class=\"l-header__top__nav__lists__item\"><a href=\"";
  154.         // line 56
  155.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("mypage_favorite");
  156.         echo "\"><img src=\"";
  157.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/test-ec-04/html/user_data/assets/img/common/ha-to.webp"), "html", null, true);
  158.         echo "\" height=\"40\" width=\"45\" alt=\"お気に入り\"><p class=\"l-header__top__nav__lists__item__undertext\">お気に入り</p></a></li>
  159.                     ";
  160.         // line 57
  161.         if ($this->extensions['Symfony\Bridge\Twig\Extension\SecurityExtension']->isGranted("ROLE_USER")) {
  162.             // line 58
  163.             echo "                        <li class=\"l-header__top__nav__lists__item\"><a href=\"";
  164.             echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("mypage");
  165.             echo "\"><img src=\"";
  166.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/test-ec-05/html/user_data/assets/img/common/cow.webp"), "html", null, true);
  167.             echo "\" height=\"30\" width=\"60\" alt=\"マイページ\"><p class=\"l-header__top__nav__lists__item__undertext\">マイページ</p></a></li>
  168.                         <li class=\"l-header__top__nav__lists__item\"><a href=\"";
  169.             // line 59
  170.             echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("logout");
  171.             echo "\"><img src=\"";
  172.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/test-ec-05/html/user_data/assets/img/common/cow.webp"), "html", null, true);
  173.             echo "\" height=\"30\" width=\"60\" alt=\"ログアウト\"><p class=\"l-header__top__nav__lists__item__undertext\">ログアウト</p></a></li>
  174.                         ";
  175.         } else {
  176.             // line 61
  177.             echo "                        <li class=\"l-header__top__nav__lists__item\"><a href=\"";
  178.             echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("entry");
  179.             echo "\"><img src=\"";
  180.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/test-ec-05/html/user_data/assets/img/common/cow.webp"), "html", null, true);
  181.             echo "\" height=\"30\" width=\"60\" alt=\"新規登録\"><p class=\"l-header__top__nav__lists__item__undertext\">新規登録</p></a></li>
  182.                     <li class=\"l-header__top__nav__lists__item\"><a href=\"";
  183.             // line 62
  184.             echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("mypage_login");
  185.             echo "\"><img src=\"";
  186.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/test-ec-05/html/user_data/assets/img/common/cow.webp"), "html", null, true);
  187.             echo "\" height=\"30\" width=\"60\" alt=\"ログイン\"><p class=\"l-header__top__nav__lists__item__undertext\">ログイン</p></a></li>
  188.                     ";
  189.         }
  190.         // line 64
  191.         echo "                    <li class=\"l-header__top__nav__lists__item\"><a href=\"";
  192.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("cart");
  193.         echo "\"><img src=\"";
  194.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/test-ec-05/html/user_data/assets/img/common/cart.webp"), "html", null, true);
  195.         echo "\" height=\"60\" width=\"50\" alt=\"カート\"><p class=\"l-header__top__nav__lists__item__undertext\">カート</p></a></li>
  196.                 </ul>
  197.             </nav>
  198.         </div>
  200.     </header>
  201.     <div class=\"l-header__logo display\">
  202.         <a href=\"https://xb579178.xbiz.jp/test-ec-05/\"><img src=\"";
  203.         // line 71
  204.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/test-ec-05/html/user_data/assets/img/common/moo-side-log.svg"), "html", null, true);
  205.         echo "\" alt=\"肉の再生工房〜moo side〜\"></a>
  206.     </div>
  207.     
  208.     ";
  209.         // line 74
  210.         $this->displayBlock('stylesheet', $context, $blocks);
  211.         // line 261
  212.         echo "
  213. ";
  214.         // line 262
  215.         $this->displayBlock('javascript', $context, $blocks);
  216.         
  217.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  219.         
  220.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  222.     }
  224.     // line 74
  225.     public function block_stylesheet($context, array $blocks = [])
  226.     {
  227.         $macros = $this->macros;
  228.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  229.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  231.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  232.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  234.         // line 75
  235.         echo "    <style>
  236.         html {
  237.             overflow-x: hidden;
  238.         }
  239.         .l-header {
  240.                 height: 105px;
  241.         }
  242.         .l-header__search {
  243.           display: none;
  244.         }
  245.         .l-header__logo.display {
  246.             display: none;
  247.         }
  248.         @media screen and (max-width: 1024px) {
  249.             .l-header {
  250.                 background-color: rgba(0, 0 , 0, 0);
  251.             }
  252.             .l-header__logo {
  253.                 display: none;
  254.             }
  255.             .l-header__logo.display {
  256.                 display: block;
  257.                 position: absolute;
  258.                 top: 10px;
  259.                 left: 15px;
  260.             }
  261.             .l-header__search {
  262.             display: block;
  263.           }
  264.           .l-header__search__image {
  265.             width: 60px;
  266.             background-color: #B72C11;
  267.             padding: 14px 10px;
  268.             border-radius: 50%;
  269.             display: flex;
  270.             justify-content: center;
  271.             align-items: center;
  272.             position: absolute;
  273.             top: 17px;
  274.             right: 90px;
  275.           }
  276.           .l-header__search__image img {
  277.             width: 30px;
  278.           }
  279.           .l-header__search__area {
  280.             position: absolute;
  281.             top: 75px;
  282.             left: 50%;
  283.             transform: translateX(-50%);
  284.             height: 60px;
  285.             width: max(100vw, 500px);
  286.             background-color: #333;
  287.           }
  288.         }
  289.         .l-header__search {
  290.         display: block;
  291.       }
  292.       .l-header__search__image {
  293.         display: none;
  294.       }
  295.       .l-header__search__image img {
  296.         width: 30px;
  297.       }
  298.       .l-header__search__area {
  299.         position: absolute;
  300.         top: -100%;
  301.         left: 50%;
  302.         transform: translateX(-50%);
  303.         height: 60px;
  304.         width: max(100vw, 500px);
  305.         background-color: #333;
  306.         transition: top 0.5s;
  307.       }
  308.       .l-header__search__area.in {
  309.         top: 75px;
  310.       }
  311.       .form__area {
  312.             position: fixed;
  313.             top: -100%;
  314.             left: 0;
  315.             height: 100vh;
  316.             width: 100vw;
  317.             display: flex;
  318.             justify-content: space-evenly;
  319.             align-items: flex-start;
  320.             background-color: rgba(0, 0, 0, 0.5);
  321.             z-index: 999;
  322.             transition: top 0.5s;
  323.         }
  324.         .form__area .form__area__searchform {
  325.             display: flex;
  326.             align-items: center;
  327.             margin-top: 20px;
  328.         }
  329.         .form__area .form__category select{
  330.             padding: 5px;
  331.             width: 30vw;
  332.             height: 60px;
  333.             background-color: #eacac4;
  334.             outline: none;
  335.         }
  336.         .form__area .form__keyword {
  337.             display: flex;
  338.         }
  339.         .form__area .form__keyword input {
  340.              width: 30vw;
  341.             height: 60px;
  342.             outline: none;
  343.         }
  344.         .form__area .form__keyword__btn {
  345.             background-color: #eacac4;
  346.         }
  347.         .form__area .form__keyword__btn__img img {
  348.             width: 35px;
  349.         }
  350.         .form__area .closebtn {
  351.             width: 50px;
  352.             height: 50px;
  353.             margin-top: 25px;
  354.         }
  355.         .form__area.in {
  356.             top: 0;
  357.         }
  358.   
  359.   .form__area2 {
  360.         position: fixed;
  361.         top: 75px;
  362.         left: 100%;
  363.         height: 45px;
  364.         width: 100vw;
  365.         display: flex;
  366.         justify-content: space-evenly;
  367.         align-items: flex-start;
  368.         background-color: rgba(0, 0, 0, 0.5);
  369.         z-index: 999;
  370.         transition: left 0.5s;
  371.   }
  372.   .form__area2 .form__area__searchform {
  373.             display: flex;
  374.             align-items: center;
  375.         }
  376.         .form__area2 .form__category select{
  377.             padding: 5px;
  378.             width: 34.5vw;
  379.             height: 45px;
  380.             background-color: #eacac4;
  381.             border: none;
  382.         }
  383.         .form__area2 .form__keyword {
  384.             display: flex;
  385.         }
  386.         .form__area2 .form__keyword input {
  387.              width: 54.5vw;
  388.             height: 45px;
  389.             border: none;
  390.         }
  391.         .form__area2 .form__keyword__btn {
  392.             background-color: #eacac4;
  393.             width: 11vw;
  394.             border: none;
  395.         }
  396.         .form__area2 .form__keyword__btn__img img {
  397.             width: 30px;
  398.         }
  399.         .form__area2.in {
  400.             transform: unset;
  401.             left: 0;
  402.         }
  403.         @media screen and (max-width:1024px) {
  404.             .l-header__search__image {
  405.             width: 60px;
  406.             background-color: #B72C11;
  407.             padding: 14px 10px;
  408.             border-radius: 50%;
  409.             display: flex;
  410.             justify-content: center;
  411.             align-items: center;
  412.             position: absolute;
  413.             top: 17px;
  414.             right: 90px;
  415.             z-index: 999;
  416.           }
  417.         }
  418.   
  419. </style>
  420. ";
  421.         
  422.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  424.         
  425.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  427.     }
  429.     // line 262
  430.     public function block_javascript($context, array $blocks = [])
  431.     {
  432.         $macros = $this->macros;
  433.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  434.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  436.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  437.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  439.         // line 263
  440.         echo "<script>
  441.     // PC用ヘッダーの検索機能実装
  442.     const open = document.getElementById('searchopen');
  443.     const close = document.getElementById('closebtn');
  444.     const attrin = document.getElementById('attrin');
  445.     
  446.     // 虫眼鏡をクリックで表示
  447.     open.addEventListener('click', function(){
  448.         attrin.classList.add('in');
  449.     });
  450.     
  451.     // ×をクリックで非表示
  452.     close.addEventListener('click', function(){
  453.         attrin.classList.remove('in');
  454.     });
  455.     
  456.     // 要素外をクリックで非表示
  457.     addEventListener('click', outsideClose);
  458.     function outsideClose(e) {
  459.       if (e.target == attrin) {
  460.         attrin.classList.remove('in');
  461.       }
  462.     }
  463.     
  464.      // SP、TB用ヘッダーの検索機能実装
  465.     const open2 = document.getElementById('searchopen2');
  466.     // 虫眼鏡をクリックで表示,非表示切替
  467.     open2.addEventListener('click', function(){
  468.         attrin2.classList.toggle('in');
  469.     });
  470.     
  471. </script>
  472. ";
  473.         
  474.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  476.         
  477.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  479.     }
  481.     public function getTemplateName()
  482.     {
  483.         return "Block/header.twig";
  484.     }
  486.     public function isTraitable()
  487.     {
  488.         return false;
  489.     }
  491.     public function getDebugInfo()
  492.     {
  493.         return array (  440 => 263,  430 => 262,  235 => 75,  225 => 74,  215 => 262,  212 => 261,  210 => 74,  204 => 71,  191 => 64,  184 => 62,  177 => 61,  170 => 59,  163 => 58,  161 => 57,  155 => 56,  150 => 54,  146 => 53,  141 => 51,  131 => 44,  127 => 43,  123 => 42,  119 => 41,  110 => 36,  105 => 34,  100 => 33,  95 => 31,  90 => 30,  88 => 29,  73 => 17,  67 => 14,  62 => 11,  60 => 10,  58 => 9,  56 => 8,  50 => 4,  45 => 1,);
  494.     }
  496.     public function getSourceContext()
  497.     {
  498.         return new Source("<header class=\"l-header\">
  499.         <div class=\"l-header__conteiner\">
  500.             <h1 class=\"l-header__logo\">
  501.                 <a href=\"https://xb579178.xbiz.jp/test-ec-05/\"><img src=\"{{asset ('/test-ec-05/html/user_data/assets/img/common/moo-side-log.svg')}}\" alt=\"肉の再生工房〜moo side〜\"></a>
  502.             </h1>
  504.             {#<div class=\"l-header__tel\">#}
  505.             {#    <p class=\"l-header__tel__text\">お電話でのお問い合わせはこちらから</p>#}
  506.             {#    <a class=\"l-header__tel__number\" href=\"tel:0312345678\">TEL：0120-123-4567</a>#}
  507.             {#</div>#}
  509.             <!-- ハンバーガーメニュー -->
  510.                 <div class=\"l-header__search__image\" id=\"searchopen2\">
  511.                     <img src=\"{{asset ('/test-ec-05/html/user_data/assets/img/common/glass_wh.webp')}}\" alt=\"\">
  512.                 </div>
  513.                     <div class=\"form__area2\" id=\"attrin2\">
  514.                         {{ render(path('block_search_product')) }}
  515.                     </div>
  516.             
  517.             <div id=\"hamburger\" class=\"l-header__hamburger\">
  518.                 <span class=\"l-header__hamburger__line\" id=\"top\"></span>
  519.                 <span class=\"l-header__hamburger__line\" id=\"center\"></span>
  520.                 <span class=\"l-header__hamburger__line\" id=\"bottom\"></span>
  521.             </div>
  523.             <nav class=\"l-header__top__hamburger__nav\" id=\"nav\">
  524.                 <h3 class=\"l-header__top__hamburger__nav__title\">会員メニュー</h3>
  525.                 <ul class=\"l-header__top__hamburger__nav__lists\">
  526.                     {% if is_granted('ROLE_USER') %}
  527.                         <li class=\"l-header__top__hamburger__nav__lists__item\"><a href=\"{{url('mypage')}}\"><p class=\"l-header__top__nav__lists__item__undertext\">マイページ</p></a></li>
  528.                         <li class=\"l-header__top__hamburger__nav__lists__item\"><a href=\"{{url('logout')}}\"><p class=\"l-header__top__nav__lists__item__undertext\">ログアウト</p></a></li>
  529.                         {% else %}
  530.                         <li class=\"l-header__top__hamburger__nav__lists__item\"><a href=\"{{url('entry')}}\"><p class=\"l-header__top__nav__lists__item__undertext\">新規登録</p></a></li>
  531.                     <li class=\"l-header__top__hamburger__nav__lists__item\"><a href=\"{{url('mypage_login')}}\"><p class=\"l-header__top__nav__lists__item__undertext\">ログイン</p></a></li>
  532.                     {% endif %}
  533.                     <li class=\"l-header__top__hamburger__nav__lists__item\"><a href=\"{{url('cart')}}\">カート</a></li>
  534.                 </ul>
  536.                 <h3 class=\"l-header__top__hamburger__nav__title\">メニュー</h3>
  537.                 <ul class=\"l-header__top__hamburger__nav__lists\">
  538.                     <li class=\"l-header__top__hamburger__nav__lists__item\"><a href=\"{{ url('homepage') }}\">TOP</a></li>
  539.                     <li class=\"l-header__top__hamburger__nav__lists__item\"><a href=\"{{ url('homepage') }}#recommend\">おすすめ商品</a></li>
  540.                     <li class=\"l-header__top__hamburger__nav__lists__item\"><a href=\"{{ url('homepage') }}#popular\">人気商品</a></li>
  541.                     <li class=\"l-header__top__hamburger__nav__lists__item\"><a href=\"{{ url('product_list') }}\">商品一覧</a></li>
  542.                     
  543.                 </ul>
  544.             </nav>
  546.             <nav class=\"l-header__top__nav\">
  547.                 <ul class=\"l-header__top__nav__lists\">
  548.                     <li id=\"searchopen\" class=\"l-header__top__nav__lists__item\"><a class=\"nolink1\"><img src=\"{{asset ('/test-ec-04/html/user_data/assets/img/common/glass.webp')}}\" height=\"40\" width=\"45\" alt=\"検索\"><p class=\"l-header__top__nav__lists__item__undertext\">検索</p></a></li>
  549.                         <div class=\"form__area\" id=\"attrin\">
  550.                         {{ render(path('block_search_product')) }}
  551.                         <img id=\"closebtn\" class=\"closebtn\" src=\"{{ asset('/test-ec-04/html/user_data/assets/img/common/x.webp') }}\">
  552.                     </div>
  553.                     <li class=\"l-header__top__nav__lists__item\"><a href=\"{{ url('mypage_favorite') }}\"><img src=\"{{asset ('/test-ec-04/html/user_data/assets/img/common/ha-to.webp')}}\" height=\"40\" width=\"45\" alt=\"お気に入り\"><p class=\"l-header__top__nav__lists__item__undertext\">お気に入り</p></a></li>
  554.                     {% if is_granted('ROLE_USER') %}
  555.                         <li class=\"l-header__top__nav__lists__item\"><a href=\"{{url('mypage')}}\"><img src=\"{{asset ('/test-ec-05/html/user_data/assets/img/common/cow.webp')}}\" height=\"30\" width=\"60\" alt=\"マイページ\"><p class=\"l-header__top__nav__lists__item__undertext\">マイページ</p></a></li>
  556.                         <li class=\"l-header__top__nav__lists__item\"><a href=\"{{url('logout')}}\"><img src=\"{{asset ('/test-ec-05/html/user_data/assets/img/common/cow.webp')}}\" height=\"30\" width=\"60\" alt=\"ログアウト\"><p class=\"l-header__top__nav__lists__item__undertext\">ログアウト</p></a></li>
  557.                         {% else %}
  558.                         <li class=\"l-header__top__nav__lists__item\"><a href=\"{{url('entry')}}\"><img src=\"{{asset ('/test-ec-05/html/user_data/assets/img/common/cow.webp')}}\" height=\"30\" width=\"60\" alt=\"新規登録\"><p class=\"l-header__top__nav__lists__item__undertext\">新規登録</p></a></li>
  559.                     <li class=\"l-header__top__nav__lists__item\"><a href=\"{{url('mypage_login')}}\"><img src=\"{{asset ('/test-ec-05/html/user_data/assets/img/common/cow.webp')}}\" height=\"30\" width=\"60\" alt=\"ログイン\"><p class=\"l-header__top__nav__lists__item__undertext\">ログイン</p></a></li>
  560.                     {% endif %}
  561.                     <li class=\"l-header__top__nav__lists__item\"><a href=\"{{url('cart')}}\"><img src=\"{{asset ('/test-ec-05/html/user_data/assets/img/common/cart.webp')}}\" height=\"60\" width=\"50\" alt=\"カート\"><p class=\"l-header__top__nav__lists__item__undertext\">カート</p></a></li>
  562.                 </ul>
  563.             </nav>
  564.         </div>
  566.     </header>
  567.     <div class=\"l-header__logo display\">
  568.         <a href=\"https://xb579178.xbiz.jp/test-ec-05/\"><img src=\"{{asset ('/test-ec-05/html/user_data/assets/img/common/moo-side-log.svg')}}\" alt=\"肉の再生工房〜moo side〜\"></a>
  569.     </div>
  570.     
  571.     {% block stylesheet %}
  572.     <style>
  573.         html {
  574.             overflow-x: hidden;
  575.         }
  576.         .l-header {
  577.                 height: 105px;
  578.         }
  579.         .l-header__search {
  580.           display: none;
  581.         }
  582.         .l-header__logo.display {
  583.             display: none;
  584.         }
  585.         @media screen and (max-width: 1024px) {
  586.             .l-header {
  587.                 background-color: rgba(0, 0 , 0, 0);
  588.             }
  589.             .l-header__logo {
  590.                 display: none;
  591.             }
  592.             .l-header__logo.display {
  593.                 display: block;
  594.                 position: absolute;
  595.                 top: 10px;
  596.                 left: 15px;
  597.             }
  598.             .l-header__search {
  599.             display: block;
  600.           }
  601.           .l-header__search__image {
  602.             width: 60px;
  603.             background-color: #B72C11;
  604.             padding: 14px 10px;
  605.             border-radius: 50%;
  606.             display: flex;
  607.             justify-content: center;
  608.             align-items: center;
  609.             position: absolute;
  610.             top: 17px;
  611.             right: 90px;
  612.           }
  613.           .l-header__search__image img {
  614.             width: 30px;
  615.           }
  616.           .l-header__search__area {
  617.             position: absolute;
  618.             top: 75px;
  619.             left: 50%;
  620.             transform: translateX(-50%);
  621.             height: 60px;
  622.             width: max(100vw, 500px);
  623.             background-color: #333;
  624.           }
  625.         }
  626.         .l-header__search {
  627.         display: block;
  628.       }
  629.       .l-header__search__image {
  630.         display: none;
  631.       }
  632.       .l-header__search__image img {
  633.         width: 30px;
  634.       }
  635.       .l-header__search__area {
  636.         position: absolute;
  637.         top: -100%;
  638.         left: 50%;
  639.         transform: translateX(-50%);
  640.         height: 60px;
  641.         width: max(100vw, 500px);
  642.         background-color: #333;
  643.         transition: top 0.5s;
  644.       }
  645.       .l-header__search__area.in {
  646.         top: 75px;
  647.       }
  648.       .form__area {
  649.             position: fixed;
  650.             top: -100%;
  651.             left: 0;
  652.             height: 100vh;
  653.             width: 100vw;
  654.             display: flex;
  655.             justify-content: space-evenly;
  656.             align-items: flex-start;
  657.             background-color: rgba(0, 0, 0, 0.5);
  658.             z-index: 999;
  659.             transition: top 0.5s;
  660.         }
  661.         .form__area .form__area__searchform {
  662.             display: flex;
  663.             align-items: center;
  664.             margin-top: 20px;
  665.         }
  666.         .form__area .form__category select{
  667.             padding: 5px;
  668.             width: 30vw;
  669.             height: 60px;
  670.             background-color: #eacac4;
  671.             outline: none;
  672.         }
  673.         .form__area .form__keyword {
  674.             display: flex;
  675.         }
  676.         .form__area .form__keyword input {
  677.              width: 30vw;
  678.             height: 60px;
  679.             outline: none;
  680.         }
  681.         .form__area .form__keyword__btn {
  682.             background-color: #eacac4;
  683.         }
  684.         .form__area .form__keyword__btn__img img {
  685.             width: 35px;
  686.         }
  687.         .form__area .closebtn {
  688.             width: 50px;
  689.             height: 50px;
  690.             margin-top: 25px;
  691.         }
  692.         .form__area.in {
  693.             top: 0;
  694.         }
  695.   
  696.   .form__area2 {
  697.         position: fixed;
  698.         top: 75px;
  699.         left: 100%;
  700.         height: 45px;
  701.         width: 100vw;
  702.         display: flex;
  703.         justify-content: space-evenly;
  704.         align-items: flex-start;
  705.         background-color: rgba(0, 0, 0, 0.5);
  706.         z-index: 999;
  707.         transition: left 0.5s;
  708.   }
  709.   .form__area2 .form__area__searchform {
  710.             display: flex;
  711.             align-items: center;
  712.         }
  713.         .form__area2 .form__category select{
  714.             padding: 5px;
  715.             width: 34.5vw;
  716.             height: 45px;
  717.             background-color: #eacac4;
  718.             border: none;
  719.         }
  720.         .form__area2 .form__keyword {
  721.             display: flex;
  722.         }
  723.         .form__area2 .form__keyword input {
  724.              width: 54.5vw;
  725.             height: 45px;
  726.             border: none;
  727.         }
  728.         .form__area2 .form__keyword__btn {
  729.             background-color: #eacac4;
  730.             width: 11vw;
  731.             border: none;
  732.         }
  733.         .form__area2 .form__keyword__btn__img img {
  734.             width: 30px;
  735.         }
  736.         .form__area2.in {
  737.             transform: unset;
  738.             left: 0;
  739.         }
  740.         @media screen and (max-width:1024px) {
  741.             .l-header__search__image {
  742.             width: 60px;
  743.             background-color: #B72C11;
  744.             padding: 14px 10px;
  745.             border-radius: 50%;
  746.             display: flex;
  747.             justify-content: center;
  748.             align-items: center;
  749.             position: absolute;
  750.             top: 17px;
  751.             right: 90px;
  752.             z-index: 999;
  753.           }
  754.         }
  755.   
  756. </style>
  757. {% endblock %}
  759. {% block javascript %}
  760. <script>
  761.     // PC用ヘッダーの検索機能実装
  762.     const open = document.getElementById('searchopen');
  763.     const close = document.getElementById('closebtn');
  764.     const attrin = document.getElementById('attrin');
  765.     
  766.     // 虫眼鏡をクリックで表示
  767.     open.addEventListener('click', function(){
  768.         attrin.classList.add('in');
  769.     });
  770.     
  771.     // ×をクリックで非表示
  772.     close.addEventListener('click', function(){
  773.         attrin.classList.remove('in');
  774.     });
  775.     
  776.     // 要素外をクリックで非表示
  777.     addEventListener('click', outsideClose);
  778.     function outsideClose(e) {
  779.       if (e.target == attrin) {
  780.         attrin.classList.remove('in');
  781.       }
  782.     }
  783.     
  784.      // SP、TB用ヘッダーの検索機能実装
  785.     const open2 = document.getElementById('searchopen2');
  786.     // 虫眼鏡をクリックで表示,非表示切替
  787.     open2.addEventListener('click', function(){
  788.         attrin2.classList.toggle('in');
  789.     });
  790.     
  791. </script>
  792. {% endblock %}", "Block/header.twig", "/home/xb579178/xb579178.xbiz.jp/public_html/test-ec-05/app/template/default/Block/header.twig");
  793.     }
  794. }