var/cache/dev/twig/5e/5e5c3113f9b41fb713d774a515f2c1af1044ded03994d0316524bb5012307768.php line 53

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. /* Product/list.twig */
  16. class __TwigTemplate_2540083cd6d312e1063499d94ad38e033494c7a31043c32ede75cc0607468d8c 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->blocks = [
  28.             'stylesheet' => [$this, 'block_stylesheet'],
  29.             'javascript' => [$this, 'block_javascript'],
  30.             'main' => [$this, 'block_main'],
  31.         ];
  32.     }
  34.     protected function doGetParent(array $context)
  35.     {
  36.         // line 11
  37.         return "default_frame.twig";
  38.     }
  40.     protected function doDisplay(array $context, array $blocks = [])
  41.     {
  42.         $macros = $this->macros;
  43.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  44.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Product/list.twig"));
  46.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  47.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Product/list.twig"));
  49.         // line 13
  50.         $context["body_class"] = "product_page";
  51.         // line 11
  52.         $this->parent = $this->loadTemplate("default_frame.twig", "Product/list.twig", 11);
  53.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  54.         
  55.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  57.         
  58.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  60.     }
  62.     // line 15
  63.     public function block_stylesheet($context, array $blocks = [])
  64.     {
  65.         $macros = $this->macros;
  66.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  67.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  69.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  70.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  72.         // line 16
  73.         echo "    <link rel=\"stylesheet\" href=\"/html/plugins/ion-rangeslider/css/ion.rangeSlider.min.css\">
  74.     <style>
  75.         /* ============================================
  76.            サイドバー付き 2カラムレイアウト
  77.         ============================================ */
  78.         .ec-productListLayout {
  79.             display: flex;
  80.             gap: 32px;
  81.             align-items: flex-start;
  82.         }
  84.         /* ============================================
  85.            サイドバー（フィルターパネル）
  86.         ============================================ */
  87.         .ec-filterSidebar {
  88.             position: -webkit-sticky;
  89.             position: sticky;
  90.             top: 80px;
  91.             align-self: flex-start;
  92.             max-height: calc(100vh - 100px);
  93.             overflow-y: auto;
  94.             margin: 20px;
  95.             width: 240px;
  96.             flex-shrink: 0;
  97.         }
  98.         @media (max-width: 767px) {
  99.             .ec-filterSidebar {
  100.                 position: static;
  101.                 max-height: none;
  102.                 overflow-y: visible;
  103.             }
  104.         }
  106.         /* Wide desktop: center the main column to align with site grid (1130 + 280 sidebar) */
  107.         @media (min-width: 1410px) {
  108. \t\t\t.ec-searchnavRole {
  109. \t\t\t\tmargin-left: calc((100% - 1130px - 280px) / 2);
  110. \t\t\t}
  112. \t\t\t.ec-shelfRole {
  113. \t\t\t\tmargin-left: calc((100% - 1130px - 280px) / 2);
  114. \t\t\t}
  116. \t\t\t.ec-pagerRole {
  117. \t\t\t\tmargin-left: calc((100% - 1130px - 280px) / 2);
  118. \t\t\t}
  119. \t\t}
  121.         .ec-filterSidebar__section {
  122.             background: #fff;
  123.             border: 1px solid #e8e8e8;
  124.             border-radius: 6px;
  125.             padding: 18px 16px;
  126.             margin-bottom: 16px;
  127.         }
  129.         .ec-filterSidebar__heading {
  130.             font-size: 13px;
  131.             font-weight: bold;
  132.             color: #222;
  133.             margin: 0 0 12px;
  134.             padding-bottom: 10px;
  135.             border-bottom: 2px solid #222;
  136.             letter-spacing: 0.05em;
  137.         }
  139.         /* カテゴリ: 見出しを上部に固定し、一覧を内部スクロールさせる */
  140.         .ec-filterSidebar__section--category .ec-filterSidebar__heading {
  141.             position: -webkit-sticky;
  142.             position: sticky;
  143.             top: 0;
  144.             background: #fff;
  145.             z-index: 2;
  146.         }
  147.         .ec-filterSidebar__section--category .ec-filterSidebar__body {
  148.             max-height: 60vh;
  149.             overflow-y: auto;
  150.         }
  152.         /* カテゴリリスト */
  153.         .ec-filterSidebar__categoryList,
  154.         .ec-filterSidebar__categoryList ul {
  155.             list-style: none;
  156.             padding: 0;
  157.             margin: 0;
  158.         }
  160.         .ec-filterSidebar__categoryList li a {
  161.             display: block;
  162.             padding: 6px 8px;
  163.             font-size: 13px;
  164.             color: #444;
  165.             text-decoration: none;
  166.             border-radius: 4px;
  167.             transition: background 0.15s, color 0.15s;
  168.         }
  170.         .ec-filterSidebar__categoryList li a:hover {
  171.             background: #f5f5f5;
  172.             color: #222;
  173.         }
  175.         .ec-filterSidebar__categoryList li.is-active > a {
  176.             font-weight: bold;
  177.             color: #c00;
  178.             background: #fff5f5;
  179.         }
  181.         /* サブカテゴリ */
  182.         .ec-filterSidebar__categoryList ul {
  183.             padding-left: 12px;
  184.             margin-top: 2px;
  185.         }
  187.         .ec-filterSidebar__categoryList ul li a {
  188.             font-size: 12px;
  189.             color: #666;
  190.             padding: 4px 8px;
  191.         }
  193.         /* メーカーリスト */
  194.         .ec-filterSidebar__makerList {
  195.             list-style: none;
  196.             padding: 0;
  197.             margin: 0;
  198.         }
  200.         .ec-filterSidebar__makerList li {
  201.             border-bottom: 1px solid #f0f0f0;
  202.         }
  204.         .ec-filterSidebar__makerList li:last-child {
  205.             border-bottom: none;
  206.         }
  208.         .ec-filterSidebar__makerList li a {
  209.             display: flex;
  210.             align-items: center;
  211.             gap: 6px;
  212.             padding: 7px 6px;
  213.             font-size: 13px;
  214.             color: #444;
  215.             text-decoration: none;
  216.             transition: color 0.15s;
  217.         }
  219.         .ec-filterSidebar__makerList li a:hover {
  220.             color: #c00;
  221.         }
  223.         .ec-filterSidebar__makerList li.is-active a {
  224.             font-weight: bold;
  225.             color: #c00;
  226.         }
  228.         .ec-filterSidebar__makerList li.is-active a::before {
  229.             content: \"✓\";
  230.             font-size: 11px;
  231.             color: #c00;
  232.         }
  234.         /* 価格帯フィルター */
  235.         .ec-filterSidebar__priceDisplay {
  236.             text-align: center;
  237.             font-size: 13px;
  238.             color: #333;
  239.             margin-bottom: 12px;
  240.             font-weight: bold;
  241.         }
  243.         .ec-filterSidebar__priceDisplay span {
  244.             color: #c00;
  245.         }
  247.         .ec-filterSidebar__priceSliderWrap {
  248.             /* Side padding holds room for ion-rangeSlider .irs-to / .irs-from labels
  249.                so the max-value tooltip never spills past the sidebar edge. */
  250.             padding: 0 14px;
  251.             margin-bottom: 16px;
  252.         }
  254.         .ec-filterSidebar__priceApply {
  255.             display: block;
  256.             width: 100%;
  257.             padding: 8px;
  258.             background: #222;
  259.             color: #fff;
  260.             border: none;
  261.             border-radius: 4px;
  262.             font-size: 13px;
  263.             cursor: pointer;
  264.             text-align: center;
  265.             transition: background 0.2s;
  266.         }
  268.         .ec-filterSidebar__priceApply:hover {
  269.             background: #444;
  270.         }
  272.         .ec-filterSidebar__pricePreset {
  273.             list-style: none;
  274.             padding: 0;
  275.             margin: 10px 0 0;
  276.         }
  278.         .ec-filterSidebar__pricePreset li a {
  279.             display: block;
  280.             padding: 5px 6px;
  281.             font-size: 12px;
  282.             color: #666;
  283.             text-decoration: none;
  284.             border-radius: 4px;
  285.             transition: background 0.15s;
  286.         }
  288.         .ec-filterSidebar__pricePreset li a:hover {
  289.             background: #f5f5f5;
  290.             color: #333;
  291.         }
  293.         /* 絞り込みリセット */
  294.         .ec-filterSidebar__reset a {
  295.             display: block;
  296.             text-align: center;
  297.             padding: 8px;
  298.             font-size: 12px;
  299.             color: #888;
  300.             text-decoration: underline;
  301.             border: 1px solid #ddd;
  302.             border-radius: 4px;
  303.             transition: color 0.15s, border-color 0.15s;
  304.         }
  306.         .ec-filterSidebar__reset a:hover {
  307.             color: #c00;
  308.             border-color: #c00;
  309.         }
  311.         /* 現在の絞り込み条件バッジ */
  312.         .ec-filterActive {
  313.             display: flex;
  314.             flex-wrap: wrap;
  315.             gap: 6px;
  316.             margin-bottom: 12px;
  317.             padding: 10px 12px;
  318.             background: #f9f9f9;
  319.             border: 1px solid #e8e8e8;
  320.             border-radius: 6px;
  321.         }
  323.         .ec-filterActive__label {
  324.             font-size: 11px;
  325.             color: #888;
  326.             align-self: center;
  327.             margin-right: 4px;
  328.         }
  330.         .ec-filterActive__tag {
  331.             display: inline-flex;
  332.             align-items: center;
  333.             gap: 4px;
  334.             padding: 3px 8px;
  335.             background: #222;
  336.             color: #fff;
  337.             border-radius: 20px;
  338.             font-size: 11px;
  339.         }
  341.         .ec-filterActive__tag a {
  342.             color: #aaa;
  343.             text-decoration: none;
  344.             font-size: 12px;
  345.             line-height: 1;
  346.         }
  348.         .ec-filterActive__tag a:hover {
  349.             color: #fff;
  350.         }
  352.         /* メインコンテンツ側 */
  353.         .ec-productListMain {
  354.             flex: 1;
  355.             min-width: 0;
  356.             width: 100%;  
  357.         }
  359.         /* ion-rangeslider カスタマイズ */
  360.         .irs--flat .irs-bar {
  361.             background-color: #222;
  362.         }
  364.         .irs--flat .irs-handle > i:first-child {
  365.             background-color: #222;
  366.         }
  368.         .irs--flat .irs-from,
  369.         .irs--flat .irs-to,
  370.         .irs--flat .irs-single {
  371.             background-color: #222;
  372.             font-size: 11px;
  373.         }
  374.         /* Tablet (768-1199px): stack sidebar above grid to avoid overlap */
  375.         @media (min-width: 768px) and (max-width: 1199px) {
  376.             .ec-productListLayout {
  377.                 flex-direction: column;
  378.                 gap: 0;
  379.             }
  380.             .ec-filterSidebar {
  381.                 width: 100%;
  382.                 margin: 0 0 16px;
  383.             }
  384.             .ec-productListMain {
  385.                 width: 100%;
  386.             }
  387.             /* Allow CTA to wrap and avoid truncation in 2-col tablet grid */
  388.             .ec-shelfGrid .ec-blockBtn--action {
  389.                 white-space: normal;
  390.                 line-height: 1.3;
  391.                 height: auto;
  392.                 min-height: 56px;
  393.                 padding: 12px 8px;
  394.                 font-size: 0.8rem;
  395.             }
  396.         }
  398.         /* Price slider tooltip: prevent label overlap when results are empty */
  399.         .ec-productListMain .ec-shelfRole:empty + .ec-pagerRole,
  400.         .ec-productListMain:has(.ec-shelfGrid:empty) .ec-filterSidebar__priceSliderWrap .irs-from,
  401.         .ec-productListMain:has(.ec-shelfGrid:empty) .ec-filterSidebar__priceSliderWrap .irs-to,
  402.         .ec-productListMain:has(.ec-shelfGrid:empty) .ec-filterSidebar__priceSliderWrap .irs-single {
  403.             visibility: hidden;
  404.         }
  405.         .ec-filterSidebar__priceSliderWrap .irs {
  406.             position: relative;
  407.             z-index: 1;
  408.         }
  409.         .ec-filterSidebar__priceSliderWrap .irs-from,
  410.         .ec-filterSidebar__priceSliderWrap .irs-to,
  411.         .ec-filterSidebar__priceSliderWrap .irs-single {
  412.             white-space: nowrap;
  413.         }
  415.         /* モバイル対応 */
  416.         @media (max-width: 767px) {
  417.             /* 横スクロール禁止 */
  418.             body, html {
  419.                 overflow-x: hidden;
  420.                 max-width: 100vw;
  421.             }
  423.             .ec-productListLayout {
  424.                 flex-direction: column;
  425.                 gap: 0;
  426.             }
  428.             .ec-filterSidebar {
  429.                 width: 100%;
  430.                 margin: 0;
  431.             }
  433.             /* スマホで商品一覧を確実に表示 */
  434.             .ec-productListMain {
  435.                 width: 100%;
  436.                 flex: none;
  437.                 margin: 0;
  438.             }
  440.             .ec-filterSidebar__section {
  441.                 margin-bottom: 10px;
  442.             }
  444.             /* Allow CTA to wrap and avoid truncation in narrow mobile cards */
  445.             .ec-shelfGrid .ec-blockBtn--action {
  446.                 white-space: normal;
  447.                 word-break: keep-all;
  448.                 overflow-wrap: anywhere;
  449.                 line-height: 1.3;
  450.                 height: auto;
  451.                 min-height: 56px;
  452.                 padding: 12px 8px;
  453.                 font-size: 0.8rem;
  454.             }
  456.             /* モバイルではアコーディオン形式 */
  457.             .ec-filterSidebar__body {
  458.                 display: none;
  459.             }
  461.             .ec-filterSidebar__body.is-open {
  462.                 display: block;
  463.             }
  465.             .ec-filterSidebar__heading {
  466.                 cursor: pointer;
  467.                 display: flex;
  468.                 justify-content: space-between;
  469.                 align-items: center;
  470.                 margin-bottom: 0;
  471.                 padding-bottom: 0;
  472.                 border-bottom: none;
  473.             }
  475.             .ec-filterSidebar__heading.is-open {
  476.                 margin-bottom: 12px;
  477.                 padding-bottom: 10px;
  478.                 border-bottom: 2px solid #222;
  479.             }
  481.             .ec-filterSidebar__heading::after {
  482.                 content: \"▼\";
  483.                 font-size: 10px;
  484.                 color: #888;
  485.                 transition: transform 0.2s;
  486.             }
  488.             .ec-filterSidebar__heading.is-open::after {
  489.                 transform: rotate(180deg);
  490.             }
  491.         }
  492.     </style>
  493. ";
  494.         
  495.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  497.         
  498.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  500.     }
  502.     // line 439
  503.     public function block_javascript($context, array $blocks = [])
  504.     {
  505.         $macros = $this->macros;
  506.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  507.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  509.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  510.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  512.         // line 440
  513.         echo "    <script>
  514.         eccube.productsClassCategories = {
  515.             ";
  516.         // line 442
  517.         $context['_parent'] = $context;
  518.         $context['_seq'] = twig_ensure_traversable((isset($context["pagination"]) || array_key_exists("pagination", $context) ? $context["pagination"] : (function () { throw new RuntimeError('Variable "pagination" does not exist.', 442, $this->source); })()));
  519.         $context['loop'] = [
  520.           'parent' => $context['_parent'],
  521.           'index0' => 0,
  522.           'index'  => 1,
  523.           'first'  => true,
  524.         ];
  525.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  526.             $length = count($context['_seq']);
  527.             $context['loop']['revindex0'] = $length - 1;
  528.             $context['loop']['revindex'] = $length;
  529.             $context['loop']['length'] = $length;
  530.             $context['loop']['last'] = 1 === $length;
  531.         }
  532.         foreach ($context['_seq'] as $context["_key"] => $context["Product"]) {
  533.             // line 443
  534.             echo "            \"";
  535.             echo twig_escape_filter($this->env, twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Product"], "id", [], "any", false, false, false, 443), "js"), "html", null, true);
  536.             echo "\": ";
  537.             echo $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getClassCategoriesAsJson($context["Product"]);
  538.             if ((twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 443) == false)) {
  539.                 echo ", ";
  540.             }
  541.             // line 444
  542.             echo "            ";
  543.             ++$context['loop']['index0'];
  544.             ++$context['loop']['index'];
  545.             $context['loop']['first'] = false;
  546.             if (isset($context['loop']['length'])) {
  547.                 --$context['loop']['revindex0'];
  548.                 --$context['loop']['revindex'];
  549.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  550.             }
  551.         }
  552.         $_parent = $context['_parent'];
  553.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Product'], $context['_parent'], $context['loop']);
  554.         $context = array_intersect_key($context, $_parent) + $_parent;
  555.         // line 445
  556.         echo "        };
  558.         \$(function() {
  560.             // 表示件数を変更
  561.             \$('.disp-number').change(function() {
  562.                 var dispNumber = \$(this).val();
  563.                 \$('#disp_number').val(dispNumber);
  564.                 \$('#pageno').val(1);
  565.                 \$(\"#form1\").submit();
  566.             });
  568.             // 並び順を変更
  569.             \$('.order-by').change(function() {
  570.                 var orderBy = \$(this).val();
  571.                 \$('#orderby').val(orderBy);
  572.                 \$('#pageno').val(1);
  573.                 \$(\"#form1\").submit();
  574.             });
  576.             // ==============================
  577.             // 価格帯スライダー（ion-rangeslider）
  578.             // ==============================
  579.             var priceMin = parseInt('";
  580.         // line 468
  581.         ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 468, $this->source); })()), "request", [], "any", false, false, false, 468), "query", [], "any", false, false, false, 468), "get", [0 => "price_min"], "method", false, false, false, 468)) ? (print (twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 468, $this->source); })()), "request", [], "any", false, false, false, 468), "query", [], "any", false, false, false, 468), "get", [0 => "price_min"], "method", false, false, false, 468), "html", null, true))) : (print (0)));
  582.         echo "') || 0;
  583.             var priceMax = parseInt('";
  584.         // line 469
  585.         ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 469, $this->source); })()), "request", [], "any", false, false, false, 469), "query", [], "any", false, false, false, 469), "get", [0 => "price_max"], "method", false, false, false, 469)) ? (print (twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 469, $this->source); })()), "request", [], "any", false, false, false, 469), "query", [], "any", false, false, false, 469), "get", [0 => "price_max"], "method", false, false, false, 469), "html", null, true))) : (print (5000000)));
  586.         echo "') || 5000000;
  588.             \$(\"#price-range-slider\").ionRangeSlider({
  589.                 type: \"double\",
  590.                 min: 0,
  591.                 max: 5000000,
  592.                 from: priceMin,
  593.                 to: priceMax,
  594.                 step: 10000,
  595.                 prettify_enabled: true,
  596.                 prettify_separator: \",\",
  597.                 postfix: \"円\",
  598.                 onFinish: function(data) {
  599.                     \$('#price_min_val').val(data.from);
  600.                     \$('#price_max_val').val(data.to);
  601.                     // 表示更新
  602.                     \$('#price-display-min').text(Number(data.from).toLocaleString());
  603.                     \$('#price-display-max').text(Number(data.to).toLocaleString());
  604.                 }
  605.             });
  607.             // 価格フォーム送信
  608.             \$('#price-filter-apply').on('click', function() {
  609.                 var min = \$('#price_min_val').val();
  610.                 var max = \$('#price_max_val').val();
  611.                 var url = new URL(window.location.href);
  612.                 url.searchParams.set('price_min', min);
  613.                 url.searchParams.set('price_max', max);
  614.                 url.searchParams.delete('pageno');
  615.                 window.location.href = url.toString();
  616.             });
  618.             // モバイル：アコーディオン（初期状態を閉じる）
  619.             function initMobileAccordion() {
  620.                 if (\$(window).width() <= 767) {
  621.                     \$('.ec-filterSidebar__heading').removeClass('is-open');
  622.                     \$('.ec-filterSidebar__body').removeClass('is-open');
  623.                 }
  624.             }
  625.             initMobileAccordion();
  626.             \$(window).on('resize', initMobileAccordion);
  628.             \$('.ec-filterSidebar__heading').on('click', function() {
  629.                 if (\$(window).width() <= 767) {
  630.                     \$(this).toggleClass('is-open');
  631.                     \$(this).next('.ec-filterSidebar__body').toggleClass('is-open');
  632.                 }
  633.             });
  635.         });
  637.         \$('.ec-modal-wrap').on('click', function(e) {
  638.             e.stopPropagation();
  639.         });
  640.         \$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .ec-inlineBtn--cancel').on('click', function() {
  641.             \$('.ec-modal').hide()
  642.         });
  643. \t    // 価格プリセットのクイック適用
  644. \t    function applyPrice(min, max) {
  645. \t        var url = new URL(window.location.href);
  646. \t        url.searchParams.set('price_min', min);
  647. \t        url.searchParams.set('price_max', max);
  648. \t        url.searchParams.delete('pageno');
  649. \t        window.location.href = url.toString();
  650. \t    }
  652.     </script>
  653.     <script src=\"/html/plugins/ion-rangeslider/js/ion.rangeSlider.min.js\"></script>
  654. ";
  655.         
  656.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  658.         
  659.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  661.     }
  663.     // line 539
  664.     public function block_main($context, array $blocks = [])
  665.     {
  666.         $macros = $this->macros;
  667.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  668.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  670.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  671.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  673.         // line 540
  674.         echo "
  676.         ";
  677.         // line 542
  678.         $context["hasFilter"] = (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 542, $this->source); })()), "request", [], "any", false, false, false, 542), "query", [], "any", false, false, false, 542), "get", [0 => "category_id"], "method", false, false, false, 542) || twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 542, $this->source); })()), "request", [], "any", false, false, false, 542), "query", [], "any", false, false, false, 542), "get", [0 => "maker_id"], "method", false, false, false, 542)) || twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 542, $this->source); })()), "request", [], "any", false, false, false, 542), "query", [], "any", false, false, false, 542), "get", [0 => "price_min"], "method", false, false, false, 542)) || twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 542, $this->source); })()), "request", [], "any", false, false, false, 542), "query", [], "any", false, false, false, 542), "get", [0 => "price_max"], "method", false, false, false, 542));
  679.         // line 543
  680.         echo "
  681.         ";
  682.         // line 547
  683.         echo "        <div class=\"ec-productListLayout\">
  685.             ";
  686.         // line 550
  687.         echo "            <aside class=\"ec-filterSidebar\">
  688.                 ";
  689.         // line 552
  690.         echo "                <div class=\"ec-filterSidebar__section\">
  691.                     <h3 class=\"ec-filterSidebar__heading\">価格帯</h3>
  692.                     <div class=\"ec-filterSidebar__body is-open\">
  693.                         <div class=\"ec-filterSidebar__priceDisplay\">
  694.                             <span id=\"price-display-min\">";
  695.         // line 556
  696.         ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 556, $this->source); })()), "request", [], "any", false, false, false, 556), "query", [], "any", false, false, false, 556), "get", [0 => "price_min"], "method", false, false, false, 556)) ? (print (twig_escape_filter($this->env, twig_number_format_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 556, $this->source); })()), "request", [], "any", false, false, false, 556), "query", [], "any", false, false, false, 556), "get", [0 => "price_min"], "method", false, false, false, 556)), "html", null, true))) : (print ("0")));
  697.         echo "</span>円
  698.                             〜
  699.                             <span id=\"price-display-max\">";
  700.         // line 558
  701.         ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 558, $this->source); })()), "request", [], "any", false, false, false, 558), "query", [], "any", false, false, false, 558), "get", [0 => "price_max"], "method", false, false, false, 558)) ? (print (twig_escape_filter($this->env, twig_number_format_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 558, $this->source); })()), "request", [], "any", false, false, false, 558), "query", [], "any", false, false, false, 558), "get", [0 => "price_max"], "method", false, false, false, 558)), "html", null, true))) : (print ("5,000,000")));
  702.         echo "</span>円
  703.                         </div>
  704.                         <div class=\"ec-filterSidebar__priceSliderWrap\">
  705.                             <input type=\"text\" id=\"price-range-slider\" style=\"display:none;\">
  706.                             <input type=\"hidden\" id=\"price_min_val\" value=\"";
  707.         // line 562
  708.         ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 562, $this->source); })()), "request", [], "any", false, false, false, 562), "query", [], "any", false, false, false, 562), "get", [0 => "price_min"], "method", false, false, false, 562)) ? (print (twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 562, $this->source); })()), "request", [], "any", false, false, false, 562), "query", [], "any", false, false, false, 562), "get", [0 => "price_min"], "method", false, false, false, 562), "html", null, true))) : (print (0)));
  709.         echo "\">
  710.                             <input type=\"hidden\" id=\"price_max_val\" value=\"";
  711.         // line 563
  712.         ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 563, $this->source); })()), "request", [], "any", false, false, false, 563), "query", [], "any", false, false, false, 563), "get", [0 => "price_max"], "method", false, false, false, 563)) ? (print (twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 563, $this->source); })()), "request", [], "any", false, false, false, 563), "query", [], "any", false, false, false, 563), "get", [0 => "price_max"], "method", false, false, false, 563), "html", null, true))) : (print (5000000)));
  713.         echo "\">
  714.                         </div>
  715.                         <button id=\"price-filter-apply\" class=\"ec-filterSidebar__priceApply\">この価格帯で絞り込む</button>
  716.                         <ul class=\"ec-filterSidebar__pricePreset\">
  717.                             <li><a href=\"javascript:void(0);\" onclick=\"applyPrice(0, 300000)\">〜30万円</a></li>
  718.                             <li><a href=\"javascript:void(0);\" onclick=\"applyPrice(300000, 600000)\">30万円〜60万円</a></li>
  719.                             <li><a href=\"javascript:void(0);\" onclick=\"applyPrice(600000, 1000000)\">60万円〜100万円</a></li>
  720.                             <li><a href=\"javascript:void(0);\" onclick=\"applyPrice(1000000, 5000000)\">100万円〜</a></li>
  721.                         </ul>
  722.                     </div>
  723.                 </div>
  727.                 ";
  728.         // line 578
  729.         echo "                <div class=\"ec-filterSidebar__section\">
  730.                     <h3 class=\"ec-filterSidebar__heading\">ブランド</h3>
  731.                     <div class=\"ec-filterSidebar__body is-open\">
  732.                         <ul class=\"ec-filterSidebar__makerList\">
  733.                             ";
  734.         // line 582
  735.         if (array_key_exists("Makers", $context)) {
  736.             // line 583
  737.             echo "                                ";
  738.             $context['_parent'] = $context;
  739.             $context['_seq'] = twig_ensure_traversable((isset($context["Makers"]) || array_key_exists("Makers", $context) ? $context["Makers"] : (function () { throw new RuntimeError('Variable "Makers" does not exist.', 583, $this->source); })()));
  740.             foreach ($context['_seq'] as $context["_key"] => $context["MakerItem"]) {
  741.                 // line 584
  742.                 echo "                                    <li class=\"";
  743.                 echo ((( !(null === (isset($context["Maker"]) || array_key_exists("Maker", $context) ? $context["Maker"] : (function () { throw new RuntimeError('Variable "Maker" does not exist.', 584, $this->source); })())) && (twig_get_attribute($this->env, $this->source, (isset($context["Maker"]) || array_key_exists("Maker", $context) ? $context["Maker"] : (function () { throw new RuntimeError('Variable "Maker" does not exist.', 584, $this->source); })()), "id", [], "any", false, false, false, 584) == twig_get_attribute($this->env, $this->source, $context["MakerItem"], "id", [], "any", false, false, false, 584)))) ? ("is-active") : (""));
  744.                 echo "\">
  745.                                         <a href=\"";
  746.                 // line 585
  747.                 echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  748.                 echo "?maker_id=";
  749.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["MakerItem"], "id", [], "any", false, false, false, 585), "html", null, true);
  750.                 if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 585, $this->source); })()), "request", [], "any", false, false, false, 585), "query", [], "any", false, false, false, 585), "get", [0 => "category_id"], "method", false, false, false, 585)) {
  751.                     echo "&category_id=";
  752.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 585, $this->source); })()), "request", [], "any", false, false, false, 585), "query", [], "any", false, false, false, 585), "get", [0 => "category_id"], "method", false, false, false, 585), "html", null, true);
  753.                 }
  754.                 echo "\">
  755.                                             ";
  756.                 // line 586
  757.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["MakerItem"], "name", [], "any", false, false, false, 586), "html", null, true);
  758.                 echo "
  759.                                         </a>
  760.                                     </li>
  761.                                 ";
  762.             }
  763.             $_parent = $context['_parent'];
  764.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['MakerItem'], $context['_parent'], $context['loop']);
  765.             $context = array_intersect_key($context, $_parent) + $_parent;
  766.             // line 590
  767.             echo "                            ";
  768.         } else {
  769.             // line 591
  770.             echo "                                ";
  771.             // line 592
  772.             echo "                                ";
  773.             $context["makerList"] = [0 => ["id" => 1, "name" => "LIXIL"], 1 => ["id" => 2, "name" => "YKK AP"], 2 => ["id" => 3, "name" => "三協アルミ"], 3 => ["id" => 4, "name" => "四国化成"], 4 => ["id" => 5, "name" => "タカショー"], 5 => ["id" => 6, "name" => "ユニソン"], 6 => ["id" => 7, "name" => "エスビック"], 7 => ["id" => 8, "name" => "パナソニック"], 8 => ["id" => 9, "name" => "イナバ"], 9 => ["id" => 10, "name" => "ヨドコウ"], 10 => ["id" => 13, "name" => "タクボ"]];
  774.             // line 605
  775.             echo "                                ";
  776.             $context['_parent'] = $context;
  777.             $context['_seq'] = twig_ensure_traversable((isset($context["makerList"]) || array_key_exists("makerList", $context) ? $context["makerList"] : (function () { throw new RuntimeError('Variable "makerList" does not exist.', 605, $this->source); })()));
  778.             foreach ($context['_seq'] as $context["_key"] => $context["maker"]) {
  779.                 // line 606
  780.                 echo "                                    <li class=\"";
  781.                 echo ((( !(null === (isset($context["Maker"]) || array_key_exists("Maker", $context) ? $context["Maker"] : (function () { throw new RuntimeError('Variable "Maker" does not exist.', 606, $this->source); })())) && (twig_get_attribute($this->env, $this->source, (isset($context["Maker"]) || array_key_exists("Maker", $context) ? $context["Maker"] : (function () { throw new RuntimeError('Variable "Maker" does not exist.', 606, $this->source); })()), "id", [], "any", false, false, false, 606) == twig_get_attribute($this->env, $this->source, $context["maker"], "id", [], "any", false, false, false, 606)))) ? ("is-active") : (""));
  782.                 echo "\">
  783.                                         <a href=\"";
  784.                 // line 607
  785.                 echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  786.                 echo "?maker_id=";
  787.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["maker"], "id", [], "any", false, false, false, 607), "html", null, true);
  788.                 if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 607, $this->source); })()), "request", [], "any", false, false, false, 607), "query", [], "any", false, false, false, 607), "get", [0 => "category_id"], "method", false, false, false, 607)) {
  789.                     echo "&category_id=";
  790.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 607, $this->source); })()), "request", [], "any", false, false, false, 607), "query", [], "any", false, false, false, 607), "get", [0 => "category_id"], "method", false, false, false, 607), "html", null, true);
  791.                 }
  792.                 echo "\">
  793.                                             ";
  794.                 // line 608
  795.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["maker"], "name", [], "any", false, false, false, 608), "html", null, true);
  796.                 echo "
  797.                                         </a>
  798.                                     </li>
  799.                                 ";
  800.             }
  801.             $_parent = $context['_parent'];
  802.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['maker'], $context['_parent'], $context['loop']);
  803.             $context = array_intersect_key($context, $_parent) + $_parent;
  804.             // line 612
  805.             echo "                            ";
  806.         }
  807.         // line 613
  808.         echo "                        </ul>
  809.                     </div>
  810.                 </div>
  811.                 ";
  812.         // line 617
  813.         echo "                <div class=\"ec-filterSidebar__section ec-filterSidebar__section--category\">
  814.                     <h3 class=\"ec-filterSidebar__heading\">カテゴリ</h3>
  815.                     <div class=\"ec-filterSidebar__body is-open\">
  816.                         ";
  817.         // line 620
  818.         $context["categoryList"] = [0 => ["id" => 7, "name" => "カーポート・車庫", "children" => []], 1 => ["id" => 16, "name" => "ガレージ・倉庫", "children" => []], 2 => ["id" => 8, "name" => "サイクルポート・駐輪場", "children" => []], 3 => ["id" => 9, "name" => "ゲート", "children" => [0 => ["id" => 30, "name" => "跳ね上げ式ゲート"], 1 => ["id" => 29, "name" => "伸縮ゲート"], 2 => ["id" => 31, "name" => "ガレージシャッター"]]], 4 => ["id" => 12, "name" => "テラス", "children" => [0 => ["id" => 33, "name" => "テラス囲い"], 1 => ["id" => 32, "name" => "テラス屋根"]]], 5 => ["id" => 19, "name" => "ベランダ・バルコニー", "children" => []], 6 => ["id" => 35, "name" => "バルコニー屋根", "children" => []], 7 => ["id" => 18, "name" => "オーニング・日よけ", "children" => []], 8 => ["id" => 11, "name" => "ウッドデッキ", "children" => [0 => ["id" => 37, "name" => "タイルデッキ"], 1 => ["id" => 36, "name" => "ウッドデッキ"]]], 9 => ["id" => 14, "name" => "フェンス・柵", "children" => []], 10 => ["id" => 25, "name" => "門扉", "children" => []], 11 => ["id" => 13, "name" => "ポスト・門柱宅配ボックス", "children" => []], 12 => ["id" => 15, "name" => "物置・収納・屋外倉庫", "children" => []], 13 => ["id" => 20, "name" => "ガーデンファニチャー", "children" => []], 14 => ["id" => 22, "name" => "人工芝", "children" => []], 15 => ["id" => 17, "name" => "内窓・二重窓", "children" => []], 16 => ["id" => 26, "name" => "その他", "children" => [0 => ["id" => 38, "name" => "パーゴラ"], 1 => ["id" => 39, "name" => "立水栓・ガーデンシンク"], 2 => ["id" => 40, "name" => "手すり"], 3 => ["id" => 10, "name" => "ストックヤード"], 4 => ["id" => 27, "name" => "ゴミステーション"], 5 => ["id" => 42, "name" => "面格子・窓格子"], 6 => ["id" => 41, "name" => "窓シャッター"], 7 => ["id" => 43, "name" => "玄関ドア"]]]];
  819.         // line 658
  820.         echo "                        <ul class=\"ec-filterSidebar__categoryList\">
  821.                             <li class=\"";
  822.         // line 659
  823.         echo (((twig_test_empty(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 659, $this->source); })()), "request", [], "any", false, false, false, 659), "query", [], "any", false, false, false, 659), "get", [0 => "category_id"], "method", false, false, false, 659)) && (null === (isset($context["Maker"]) || array_key_exists("Maker", $context) ? $context["Maker"] : (function () { throw new RuntimeError('Variable "Maker" does not exist.', 659, $this->source); })())))) ? ("is-active") : (""));
  824.         echo "\">
  825.                                 <a href=\"";
  826.         // line 660
  827.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  828.         echo "\">すべて</a>
  829.                             </li>
  830.                             ";
  831.         // line 662
  832.         $context['_parent'] = $context;
  833.         $context['_seq'] = twig_ensure_traversable((isset($context["categoryList"]) || array_key_exists("categoryList", $context) ? $context["categoryList"] : (function () { throw new RuntimeError('Variable "categoryList" does not exist.', 662, $this->source); })()));
  834.         foreach ($context['_seq'] as $context["_key"] => $context["cat"]) {
  835.             // line 663
  836.             echo "                                <li class=\"";
  837.             echo (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 663, $this->source); })()), "request", [], "any", false, false, false, 663), "query", [], "any", false, false, false, 663), "get", [0 => "category_id"], "method", false, false, false, 663) == twig_get_attribute($this->env, $this->source, $context["cat"], "id", [], "any", false, false, false, 663))) ? ("is-active") : (""));
  838.             echo "\">
  839.                                     <a href=\"";
  840.             // line 664
  841.             echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  842.             echo "?category_id=";
  843.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cat"], "id", [], "any", false, false, false, 664), "html", null, true);
  844.             if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 664, $this->source); })()), "request", [], "any", false, false, false, 664), "query", [], "any", false, false, false, 664), "get", [0 => "maker_id"], "method", false, false, false, 664)) {
  845.                 echo "&maker_id=";
  846.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 664, $this->source); })()), "request", [], "any", false, false, false, 664), "query", [], "any", false, false, false, 664), "get", [0 => "maker_id"], "method", false, false, false, 664), "html", null, true);
  847.             }
  848.             echo "\">
  849.                                         ";
  850.             // line 665
  851.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cat"], "name", [], "any", false, false, false, 665), "html", null, true);
  852.             echo "
  853.                                     </a>
  854.                                     ";
  855.             // line 667
  856.             if ((twig_length_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cat"], "children", [], "any", false, false, false, 667)) > 0)) {
  857.                 // line 668
  858.                 echo "                                        <ul>
  859.                                             ";
  860.                 // line 669
  861.                 $context['_parent'] = $context;
  862.                 $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, $context["cat"], "children", [], "any", false, false, false, 669));
  863.                 foreach ($context['_seq'] as $context["_key"] => $context["child"]) {
  864.                     // line 670
  865.                     echo "                                                <li class=\"";
  866.                     echo (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 670, $this->source); })()), "request", [], "any", false, false, false, 670), "query", [], "any", false, false, false, 670), "get", [0 => "category_id"], "method", false, false, false, 670) == twig_get_attribute($this->env, $this->source, $context["child"], "id", [], "any", false, false, false, 670))) ? ("is-active") : (""));
  867.                     echo "\">
  868.                                                     <a href=\"";
  869.                     // line 671
  870.                     echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  871.                     echo "?category_id=";
  872.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["child"], "id", [], "any", false, false, false, 671), "html", null, true);
  873.                     if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 671, $this->source); })()), "request", [], "any", false, false, false, 671), "query", [], "any", false, false, false, 671), "get", [0 => "maker_id"], "method", false, false, false, 671)) {
  874.                         echo "&maker_id=";
  875.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 671, $this->source); })()), "request", [], "any", false, false, false, 671), "query", [], "any", false, false, false, 671), "get", [0 => "maker_id"], "method", false, false, false, 671), "html", null, true);
  876.                     }
  877.                     echo "\">
  878.                                                         ";
  879.                     // line 672
  880.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["child"], "name", [], "any", false, false, false, 672), "html", null, true);
  881.                     echo "
  882.                                                     </a>
  883.                                                 </li>
  884.                                             ";
  885.                 }
  886.                 $_parent = $context['_parent'];
  887.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['child'], $context['_parent'], $context['loop']);
  888.                 $context = array_intersect_key($context, $_parent) + $_parent;
  889.                 // line 676
  890.                 echo "                                        </ul>
  891.                                     ";
  892.             }
  893.             // line 678
  894.             echo "                                </li>
  895.                             ";
  896.         }
  897.         $_parent = $context['_parent'];
  898.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['cat'], $context['_parent'], $context['loop']);
  899.         $context = array_intersect_key($context, $_parent) + $_parent;
  900.         // line 680
  901.         echo "                        </ul>
  902.                     </div>
  903.                 </div>
  905.                 ";
  906.         // line 685
  907.         echo "                ";
  908.         if ((isset($context["hasFilter"]) || array_key_exists("hasFilter", $context) ? $context["hasFilter"] : (function () { throw new RuntimeError('Variable "hasFilter" does not exist.', 685, $this->source); })())) {
  909.             // line 686
  910.             echo "                    <div class=\"ec-filterSidebar__reset\">
  911.                         <a href=\"";
  912.             // line 687
  913.             echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  914.             echo "\">絞り込みをすべてリセット</a>
  915.                     </div>
  916.                 ";
  917.         }
  918.         // line 690
  919.         echo "
  920.             </aside>
  921.             ";
  922.         // line 693
  923.         echo "
  924.             ";
  925.         // line 695
  926.         echo "            <div class=\"ec-productListMain\">
  927.     ";
  928.         // line 696
  929.         if ((twig_length_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["search_form"]) || array_key_exists("search_form", $context) ? $context["search_form"] : (function () { throw new RuntimeError('Variable "search_form" does not exist.', 696, $this->source); })()), "category_id", [], "any", false, false, false, 696), "vars", [], "any", false, false, false, 696), "errors", [], "any", false, false, false, 696)) > 0)) {
  930.             // line 697
  931.             echo "        <div class=\"ec-searchnavRole\">
  932.             <p class=\"errormsg text-danger\">";
  933.             // line 698
  934.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("ご指定のカテゴリは存在しません"), "html", null, true);
  935.             echo "</p>
  936.         </div>
  937.     ";
  938.         } else {
  939.             // line 701
  940.             echo "        ";
  941.             // line 702
  942.             echo "        <div class=\"ec-searchnavRole\">
  943.             <form name=\"form1\" id=\"form1\" method=\"get\" action=\"?\">
  944.                 ";
  945.             // line 704
  946.             $context['_parent'] = $context;
  947.             $context['_seq'] = twig_ensure_traversable((isset($context["search_form"]) || array_key_exists("search_form", $context) ? $context["search_form"] : (function () { throw new RuntimeError('Variable "search_form" does not exist.', 704, $this->source); })()));
  948.             foreach ($context['_seq'] as $context["_key"] => $context["item"]) {
  949.                 // line 705
  950.                 echo "                    <input type=\"hidden\" id=\"";
  951.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["item"], "vars", [], "any", false, false, false, 705), "id", [], "any", false, false, false, 705), "html", null, true);
  952.                 echo "\"
  953.                            name=\"";
  954.                 // line 706
  955.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["item"], "vars", [], "any", false, false, false, 706), "full_name", [], "any", false, false, false, 706), "html", null, true);
  956.                 echo "\"
  957.                            ";
  958.                 // line 707
  959.                 if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["item"], "vars", [], "any", false, false, false, 707), "value", [], "any", false, false, false, 707))) {
  960.                     echo "value=\"";
  961.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["item"], "vars", [], "any", false, false, false, 707), "value", [], "any", false, false, false, 707), "html", null, true);
  962.                     echo "\" ";
  963.                 }
  964.                 echo "/>
  965.                 ";
  966.             }
  967.             $_parent = $context['_parent'];
  968.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['item'], $context['_parent'], $context['loop']);
  969.             $context = array_intersect_key($context, $_parent) + $_parent;
  970.             // line 709
  971.             echo "            </form>
  973.             ";
  974.             // line 712
  975.             echo "            <div class=\"ec-searchnavRole__topicpath\">
  976.                 <ol class=\"ec-topicpath\">
  977.                     <li class=\"ec-topicpath__item\"><a href=\"";
  978.             // line 714
  979.             echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  980.             echo "\">";
  981.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("全て"), "html", null, true);
  982.             echo "</a></li>
  983.                     ";
  984.             // line 715
  985.             if ( !(null === (isset($context["Category"]) || array_key_exists("Category", $context) ? $context["Category"] : (function () { throw new RuntimeError('Variable "Category" does not exist.', 715, $this->source); })()))) {
  986.                 // line 716
  987.                 echo "                        ";
  988.                 $context['_parent'] = $context;
  989.                 $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["Category"]) || array_key_exists("Category", $context) ? $context["Category"] : (function () { throw new RuntimeError('Variable "Category" does not exist.', 716, $this->source); })()), "path", [], "any", false, false, false, 716));
  990.                 $context['loop'] = [
  991.                   'parent' => $context['_parent'],
  992.                   'index0' => 0,
  993.                   'index'  => 1,
  994.                   'first'  => true,
  995.                 ];
  996.                 if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  997.                     $length = count($context['_seq']);
  998.                     $context['loop']['revindex0'] = $length - 1;
  999.                     $context['loop']['revindex'] = $length;
  1000.                     $context['loop']['length'] = $length;
  1001.                     $context['loop']['last'] = 1 === $length;
  1002.                 }
  1003.                 foreach ($context['_seq'] as $context["_key"] => $context["Path"]) {
  1004.                     // line 717
  1005.                     echo "                            <li class=\"ec-topicpath__divider\">|</li>
  1006.                             <li class=\"ec-topicpath__item";
  1007.                     // line 718
  1008.                     if (twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 718)) {
  1009.                         echo "--active";
  1010.                     }
  1011.                     echo "\">
  1012.                                 <a href=\"";
  1013.                     // line 719
  1014.                     echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  1015.                     echo "?category_id=";
  1016.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Path"], "id", [], "any", false, false, false, 719), "html", null, true);
  1017.                     echo "\">";
  1018.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Path"], "name", [], "any", false, false, false, 719), "html", null, true);
  1019.                     echo "</a>
  1020.                             </li>
  1021.                         ";
  1022.                     ++$context['loop']['index0'];
  1023.                     ++$context['loop']['index'];
  1024.                     $context['loop']['first'] = false;
  1025.                     if (isset($context['loop']['length'])) {
  1026.                         --$context['loop']['revindex0'];
  1027.                         --$context['loop']['revindex'];
  1028.                         $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  1029.                     }
  1030.                 }
  1031.                 $_parent = $context['_parent'];
  1032.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Path'], $context['_parent'], $context['loop']);
  1033.                 $context = array_intersect_key($context, $_parent) + $_parent;
  1034.                 // line 722
  1035.                 echo "                    ";
  1036.             }
  1037.             // line 723
  1038.             echo "                    ";
  1039.             if ( !(null === (isset($context["Maker"]) || array_key_exists("Maker", $context) ? $context["Maker"] : (function () { throw new RuntimeError('Variable "Maker" does not exist.', 723, $this->source); })()))) {
  1040.                 // line 724
  1041.                 echo "                        <li class=\"ec-topicpath__divider\">|</li>
  1042.                         <li class=\"ec-topicpath__item--active\">
  1043.                             <a href=\"";
  1044.                 // line 726
  1045.                 echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  1046.                 echo "?maker_id=";
  1047.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Maker"]) || array_key_exists("Maker", $context) ? $context["Maker"] : (function () { throw new RuntimeError('Variable "Maker" does not exist.', 726, $this->source); })()), "id", [], "any", false, false, false, 726), "html", null, true);
  1048.                 echo "\">";
  1049.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Maker"]) || array_key_exists("Maker", $context) ? $context["Maker"] : (function () { throw new RuntimeError('Variable "Maker" does not exist.', 726, $this->source); })()), "name", [], "any", false, false, false, 726), "html", null, true);
  1050.                 echo "</a>
  1051.                         </li>
  1052.                     ";
  1053.             }
  1054.             // line 729
  1055.             echo "                    ";
  1056.             if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["search_form"]) || array_key_exists("search_form", $context) ? $context["search_form"] : (function () { throw new RuntimeError('Variable "search_form" does not exist.', 729, $this->source); })()), "vars", [], "any", false, false, false, 729), "value", [], "any", false, false, false, 729) && twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["search_form"]) || array_key_exists("search_form", $context) ? $context["search_form"] : (function () { throw new RuntimeError('Variable "search_form" does not exist.', 729, $this->source); })()), "vars", [], "any", false, false, false, 729), "value", [], "any", false, false, false, 729), "name", [], "any", false, false, false, 729))) {
  1057.                 // line 730
  1058.                 echo "                        <li class=\"ec-topicpath__divider\">|</li>
  1059.                         <li class=\"ec-topicpath__item\">";
  1060.                 // line 731
  1061.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("「%name%」の検索結果", ["%name%" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["search_form"]) || array_key_exists("search_form", $context) ? $context["search_form"] : (function () { throw new RuntimeError('Variable "search_form" does not exist.', 731, $this->source); })()), "vars", [], "any", false, false, false, 731), "value", [], "any", false, false, false, 731), "name", [], "any", false, false, false, 731)]), "html", null, true);
  1062.                 echo "</li>
  1063.                     ";
  1064.             }
  1065.             // line 733
  1066.             echo "                </ol>
  1067.             </div>
  1069.         ";
  1070.             // line 739
  1071.             echo "        ";
  1072.             if ((isset($context["hasFilter"]) || array_key_exists("hasFilter", $context) ? $context["hasFilter"] : (function () { throw new RuntimeError('Variable "hasFilter" does not exist.', 739, $this->source); })())) {
  1073.                 // line 740
  1074.                 echo "            <div class=\"ec-filterActive\">
  1075.                 <span class=\"ec-filterActive__label\">絞り込み中：</span>
  1076.                 ";
  1077.                 // line 742
  1078.                 if ( !(null === (isset($context["Category"]) || array_key_exists("Category", $context) ? $context["Category"] : (function () { throw new RuntimeError('Variable "Category" does not exist.', 742, $this->source); })()))) {
  1079.                     // line 743
  1080.                     echo "                    ";
  1081.                     $context["removeCategoryParam"] = ("category_id=" . twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 743, $this->source); })()), "request", [], "any", false, false, false, 743), "query", [], "any", false, false, false, 743), "get", [0 => "category_id"], "method", false, false, false, 743));
  1082.                     // line 744
  1083.                     echo "                    <span class=\"ec-filterActive__tag\">
  1084.                         ";
  1085.                     // line 745
  1086.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Category"]) || array_key_exists("Category", $context) ? $context["Category"] : (function () { throw new RuntimeError('Variable "Category" does not exist.', 745, $this->source); })()), "name", [], "any", false, false, false, 745), "html", null, true);
  1087.                     echo "
  1088.                         <a href=\"";
  1089.                     // line 746
  1090.                     echo twig_escape_filter($this->env, twig_replace_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 746, $this->source); })()), "request", [], "any", false, false, false, 746), "uri", [], "any", false, false, false, 746), [(isset($context["removeCategoryParam"]) || array_key_exists("removeCategoryParam", $context) ? $context["removeCategoryParam"] : (function () { throw new RuntimeError('Variable "removeCategoryParam" does not exist.', 746, $this->source); })()) => ""]), "html", null, true);
  1091.                     echo "\" title=\"解除\">✕</a>
  1092.                     </span>
  1093.                 ";
  1094.                 }
  1095.                 // line 749
  1096.                 echo "                ";
  1097.                 if ( !(null === (isset($context["Maker"]) || array_key_exists("Maker", $context) ? $context["Maker"] : (function () { throw new RuntimeError('Variable "Maker" does not exist.', 749, $this->source); })()))) {
  1098.                     // line 750
  1099.                     echo "                    <span class=\"ec-filterActive__tag\">
  1100.                         ";
  1101.                     // line 751
  1102.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Maker"]) || array_key_exists("Maker", $context) ? $context["Maker"] : (function () { throw new RuntimeError('Variable "Maker" does not exist.', 751, $this->source); })()), "name", [], "any", false, false, false, 751), "html", null, true);
  1103.                     echo "
  1104.                         <a href=\"";
  1105.                     // line 752
  1106.                     echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  1107.                     if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 752, $this->source); })()), "request", [], "any", false, false, false, 752), "query", [], "any", false, false, false, 752), "get", [0 => "category_id"], "method", false, false, false, 752)) {
  1108.                         echo "?category_id=";
  1109.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 752, $this->source); })()), "request", [], "any", false, false, false, 752), "query", [], "any", false, false, false, 752), "get", [0 => "category_id"], "method", false, false, false, 752), "html", null, true);
  1110.                     }
  1111.                     echo "\" title=\"解除\">✕</a>
  1112.                     </span>
  1113.                 ";
  1114.                 }
  1115.                 // line 755
  1116.                 echo "                ";
  1117.                 if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 755, $this->source); })()), "request", [], "any", false, false, false, 755), "query", [], "any", false, false, false, 755), "get", [0 => "price_min"], "method", false, false, false, 755) || twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 755, $this->source); })()), "request", [], "any", false, false, false, 755), "query", [], "any", false, false, false, 755), "get", [0 => "price_max"], "method", false, false, false, 755))) {
  1118.                     // line 756
  1119.                     echo "                    <span class=\"ec-filterActive__tag\">
  1120.                         ";
  1121.                     // line 757
  1122.                     if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 757, $this->source); })()), "request", [], "any", false, false, false, 757), "query", [], "any", false, false, false, 757), "get", [0 => "price_min"], "method", false, false, false, 757)) {
  1123.                         echo twig_escape_filter($this->env, twig_number_format_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 757, $this->source); })()), "request", [], "any", false, false, false, 757), "query", [], "any", false, false, false, 757), "get", [0 => "price_min"], "method", false, false, false, 757)), "html", null, true);
  1124.                         echo "円";
  1125.                     } else {
  1126.                         echo "0円";
  1127.                     }
  1128.                     // line 758
  1129.                     echo "                        〜
  1130.                         ";
  1131.                     // line 759
  1132.                     if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 759, $this->source); })()), "request", [], "any", false, false, false, 759), "query", [], "any", false, false, false, 759), "get", [0 => "price_max"], "method", false, false, false, 759)) {
  1133.                         echo twig_escape_filter($this->env, twig_number_format_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 759, $this->source); })()), "request", [], "any", false, false, false, 759), "query", [], "any", false, false, false, 759), "get", [0 => "price_max"], "method", false, false, false, 759)), "html", null, true);
  1134.                         echo "円";
  1135.                     } else {
  1136.                         echo "上限なし";
  1137.                     }
  1138.                     // line 760
  1139.                     echo "                        <a href=\"javascript:void(0);\" onclick=\"
  1140.                             var url = new URL(window.location.href);
  1141.                             url.searchParams.delete('price_min');
  1142.                             url.searchParams.delete('price_max');
  1143.                             window.location.href = url.toString();
  1144.                         \" title=\"解除\">✕</a>
  1145.                     </span>
  1146.                 ";
  1147.                 }
  1148.                 // line 768
  1149.                 echo "            </div>
  1150.         ";
  1151.             }
  1152.             // line 770
  1153.             echo "
  1154.             ";
  1155.             // line 772
  1156.             echo "            <div class=\"ec-searchnavRole__infos\">
  1157.                 <div class=\"ec-searchnavRole__counter\">
  1158.                     ";
  1159.             // line 774
  1160.             if ((twig_get_attribute($this->env, $this->source, (isset($context["pagination"]) || array_key_exists("pagination", $context) ? $context["pagination"] : (function () { throw new RuntimeError('Variable "pagination" does not exist.', 774, $this->source); })()), "totalItemCount", [], "any", false, false, false, 774) > 0)) {
  1161.                 // line 775
  1162.                 echo "                        ";
  1163.                 echo $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("<span class=\"ec-font-bold\">%count%件</span><span>の商品が見つかりました</span>", ["%count%" => twig_get_attribute($this->env, $this->source, (isset($context["pagination"]) || array_key_exists("pagination", $context) ? $context["pagination"] : (function () { throw new RuntimeError('Variable "pagination" does not exist.', 775, $this->source); })()), "totalItemCount", [], "any", false, false, false, 775)]);
  1164.                 echo "
  1165.                     ";
  1166.             } else {
  1167.                 // line 777
  1168.                 echo "                        <span>";
  1169.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("お探しの商品は見つかりませんでした"), "html", null, true);
  1170.                 echo "</span>
  1171.                     ";
  1172.             }
  1173.             // line 779
  1174.             echo "                </div>
  1175.                 ";
  1176.             // line 780
  1177.             if ((twig_get_attribute($this->env, $this->source, (isset($context["pagination"]) || array_key_exists("pagination", $context) ? $context["pagination"] : (function () { throw new RuntimeError('Variable "pagination" does not exist.', 780, $this->source); })()), "totalItemCount", [], "any", false, false, false, 780) > 0)) {
  1178.                 // line 781
  1179.                 echo "                    <div class=\"ec-searchnavRole__actions\">
  1180.                         <div class=\"ec-select\">
  1181.                             ";
  1182.                 // line 783
  1183.                 echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(twig_get_attribute($this->env, $this->source, (isset($context["search_form"]) || array_key_exists("search_form", $context) ? $context["search_form"] : (function () { throw new RuntimeError('Variable "search_form" does not exist.', 783, $this->source); })()), "disp_number", [], "any", false, false, false, 783), 'widget', ["id" => "", "attr" => ["class" => "disp-number"]]);
  1184.                 echo "
  1185.                             ";
  1186.                 // line 784
  1187.                 echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(twig_get_attribute($this->env, $this->source, (isset($context["search_form"]) || array_key_exists("search_form", $context) ? $context["search_form"] : (function () { throw new RuntimeError('Variable "search_form" does not exist.', 784, $this->source); })()), "orderby", [], "any", false, false, false, 784), 'widget', ["id" => "", "attr" => ["class" => "order-by"]]);
  1188.                 echo "
  1189.                         </div>
  1190.                     </div>
  1191.                 ";
  1192.             }
  1193.             // line 788
  1194.             echo "            </div>
  1195.         </div>
  1198.                 ";
  1199.             // line 792
  1200.             if ((twig_get_attribute($this->env, $this->source, (isset($context["pagination"]) || array_key_exists("pagination", $context) ? $context["pagination"] : (function () { throw new RuntimeError('Variable "pagination" does not exist.', 792, $this->source); })()), "totalItemCount", [], "any", false, false, false, 792) > 0)) {
  1201.                 // line 793
  1202.                 echo "                    <div class=\"ec-shelfRole\">
  1203.                         <ul class=\"ec-shelfGrid\">
  1204.                             ";
  1205.                 // line 795
  1206.                 $context['_parent'] = $context;
  1207.                 $context['_seq'] = twig_ensure_traversable((isset($context["pagination"]) || array_key_exists("pagination", $context) ? $context["pagination"] : (function () { throw new RuntimeError('Variable "pagination" does not exist.', 795, $this->source); })()));
  1208.                 $context['loop'] = [
  1209.                   'parent' => $context['_parent'],
  1210.                   'index0' => 0,
  1211.                   'index'  => 1,
  1212.                   'first'  => true,
  1213.                 ];
  1214.                 if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  1215.                     $length = count($context['_seq']);
  1216.                     $context['loop']['revindex0'] = $length - 1;
  1217.                     $context['loop']['revindex'] = $length;
  1218.                     $context['loop']['length'] = $length;
  1219.                     $context['loop']['last'] = 1 === $length;
  1220.                 }
  1221.                 foreach ($context['_seq'] as $context["_key"] => $context["Product"]) {
  1222.                     // line 796
  1223.                     echo "                                <li class=\"ec-shelfGrid__item\" style=\"position:relative;\">
  1224.                                     ";
  1225.                     // line 797
  1226.                     if (twig_get_attribute($this->env, $this->source, (isset($context["BaseInfo"]) || array_key_exists("BaseInfo", $context) ? $context["BaseInfo"] : (function () { throw new RuntimeError('Variable "BaseInfo" does not exist.', 797, $this->source); })()), "option_favorite_product", [], "any", false, false, false, 797)) {
  1227.                         // line 798
  1228.                         echo "                                        <div style=\"position:absolute;top:8px;right:20px;z-index:10;\">
  1229.                                             <form action=\"";
  1230.                         // line 799
  1231.                         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_add_favorite", ["id" => twig_get_attribute($this->env, $this->source, $context["Product"], "id", [], "any", false, false, false, 799)]), "html", null, true);
  1232.                         echo "\" method=\"post\">
  1233.                                                 <button type=\"submit\" id=\"favorite\" class=\"favorite\">&#9825;</button>
  1234.                                             </form>
  1235.                                         </div>
  1236.                                     ";
  1237.                     }
  1238.                     // line 804
  1239.                     echo "                                    <a href=\"";
  1240.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_detail", ["id" => twig_get_attribute($this->env, $this->source, $context["Product"], "id", [], "any", false, false, false, 804)]), "html", null, true);
  1241.                     echo "\">
  1242.                                         <p class=\"ec-shelfGrid__item-image\">
  1243.                                             <img src=\"";
  1244.                     // line 806
  1245.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->extensions['Eccube\Twig\Extension\EccubeExtension']->getNoImageProduct(twig_get_attribute($this->env, $this->source, $context["Product"], "main_list_image", [], "any", false, false, false, 806)), "save_image"), "html", null, true);
  1246.                     echo "\" alt=\"";
  1247.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Product"], "name", [], "any", false, false, false, 806), "html", null, true);
  1248.                     echo "\" width=\"180\" height=\"180\"";
  1249.                     if ((twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 806) > 5)) {
  1250.                         echo " loading=\"lazy\"";
  1251.                     }
  1252.                     echo ">
  1253.                                         </p>
  1254.                                         ";
  1255.                     // line 808
  1256.                     if ((twig_get_attribute($this->env, $this->source, $context["Product"], "Maker", [], "any", false, false, false, 808) && twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["Product"], "Maker", [], "any", false, false, false, 808), "name", [], "any", false, false, false, 808))) {
  1257.                         // line 809
  1258.                         echo "                                            <p class=\"ec-shelfGrid__item-maker\" style=\"font-size:12px;color:#666;margin:2px 0 4px;\">";
  1259.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["Product"], "Maker", [], "any", false, false, false, 809), "name", [], "any", false, false, false, 809), "html", null, true);
  1260.                         echo "</p>
  1261.                                         ";
  1262.                     }
  1263.                     // line 811
  1264.                     echo "                                        <h5><strong>";
  1265.                     echo twig_escape_filter($this->env, $this->extensions['Plugin\ProductField\Twig\Extension\EccubeExtension']->getProduct_field(twig_get_attribute($this->env, $this->source, $context["Product"], "id", [], "any", false, false, false, 811), "related_keyword"), "html", null, true);
  1266.                     echo "</strong></h5>
  1267.                                         <p class=\"price02-default\">
  1268.                                             ";
  1269.                     // line 813
  1270.                     if (((null === twig_get_attribute($this->env, $this->source, $context["Product"], "getPrice02Max", [], "any", false, false, false, 813)) || (twig_get_attribute($this->env, $this->source, $context["Product"], "getPrice02Max", [], "any", false, false, false, 813) == 0))) {
  1271.                         // line 814
  1272.                         echo "                                                現地調査見積
  1273.                                             ";
  1274.                     } elseif (twig_get_attribute($this->env, $this->source,                     // line 815
  1275. $context["Product"], "hasProductClass", [], "any", false, false, false, 815)) {
  1276.                         // line 816
  1277.                         echo "                                                ";
  1278.                         if ((twig_get_attribute($this->env, $this->source, $context["Product"], "getPrice02Min", [], "any", false, false, false, 816) == twig_get_attribute($this->env, $this->source, $context["Product"], "getPrice02Max", [], "any", false, false, false, 816))) {
  1279.                             // line 817
  1280.                             echo "                                                    ";
  1281.                             echo twig_escape_filter($this->env, twig_number_format_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Product"], "getPrice02IncTaxMin", [], "any", false, false, false, 817)), "html", null, true);
  1282.                             echo "円
  1283.                                                 ";
  1284.                         } else {
  1285.                             // line 819
  1286.                             echo "                                                    ";
  1287.                             echo twig_escape_filter($this->env, twig_number_format_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Product"], "getPrice02IncTaxMin", [], "any", false, false, false, 819)), "html", null, true);
  1288.                             echo "円  ～ ";
  1289.                             echo twig_escape_filter($this->env, twig_number_format_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Product"], "getPrice02IncTaxMax", [], "any", false, false, false, 819)), "html", null, true);
  1290.                             echo "円
  1291.                                                 ";
  1292.                         }
  1293.                         // line 821
  1294.                         echo "                                            ";
  1295.                     } else {
  1296.                         // line 822
  1297.                         echo "                                                ";
  1298.                         echo twig_escape_filter($this->env, twig_number_format_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Product"], "getPrice02IncTaxMin", [], "any", false, false, false, 822)), "html", null, true);
  1299.                         echo "円 ～
  1300.                                             ";
  1301.                     }
  1302.                     // line 824
  1303.                     echo "                                        </p>
  1304.                                     </a>
  1306.                                     ";
  1307.                     // line 827
  1308.                     if (twig_get_attribute($this->env, $this->source, $context["Product"], "stock_find", [], "any", false, false, false, 827)) {
  1309.                         // line 828
  1310.                         echo "                                        ";
  1311.                         $context["form"] = twig_get_attribute($this->env, $this->source, (isset($context["forms"]) || array_key_exists("forms", $context) ? $context["forms"] : (function () { throw new RuntimeError('Variable "forms" does not exist.', 828, $this->source); })()), twig_get_attribute($this->env, $this->source, $context["Product"], "id", [], "any", false, false, false, 828), [], "array", false, false, false, 828);
  1312.                         // line 829
  1313.                         echo "                                        <form name=\"form";
  1314.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Product"], "id", [], "any", false, false, false, 829), "html", null, true);
  1315.                         echo "\" id=\"productForm";
  1316.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Product"], "id", [], "any", false, false, false, 829), "html", null, true);
  1317.                         echo "\" action=\"";
  1318.                         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_detail", ["id" => twig_get_attribute($this->env, $this->source, $context["Product"], "id", [], "any", false, false, false, 829)]), "html", null, true);
  1319.                         echo "\" method=\"get\">
  1320.                                             <div class=\"ec-productRole__actions\">
  1321.                                                 ";
  1322.                         // line 831
  1323.                         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, false, 831)) {
  1324.                             // line 832
  1325.                             echo "                                                    <div class=\"ec-select\">
  1326.                                                         ";
  1327.                             // line 833
  1328.                             echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 833, $this->source); })()), "classcategory_id1", [], "any", false, false, false, 833), 'widget');
  1329.                             echo "
  1330.                                                         ";
  1331.                             // line 834
  1332.                             echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 834, $this->source); })()), "classcategory_id1", [], "any", false, false, false, 834), 'errors');
  1333.                             echo "
  1334.                                                     </div>
  1335.                                                     ";
  1336.                             // line 836
  1337.                             if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, false, 836)) {
  1338.                                 // line 837
  1339.                                 echo "                                                        <div class=\"ec-select\">
  1340.                                                             ";
  1341.                                 // line 838
  1342.                                 echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 838, $this->source); })()), "classcategory_id2", [], "any", false, false, false, 838), 'widget');
  1343.                                 echo "
  1344.                                                             ";
  1345.                                 // line 839
  1346.                                 echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 839, $this->source); })()), "classcategory_id2", [], "any", false, false, false, 839), 'errors');
  1347.                                 echo "
  1348.                                                         </div>
  1349.                                                     ";
  1350.                             }
  1351.                             // line 842
  1352.                             echo "                                                ";
  1353.                         }
  1354.                         // line 843
  1355.                         echo "                                                <div class=\"ec-numberInput\" style=\"display:none;\"><span>";
  1356.                         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("数量"), "html", null, true);
  1357.                         echo "</span>
  1358.                                                     ";
  1359.                         // line 844
  1360.                         echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 844, $this->source); })()), "quantity", [], "any", false, false, false, 844), 'errors');
  1361.                         echo "
  1362.                                                 </div>
  1363.                                             </div>
  1364.                                             <div class=\"ec-productRole__btn\">
  1365.                                                 <button class=\"ec-blockBtn--action\">
  1366.                                                     ";
  1367.                         // line 849
  1368.                         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("お見積もりはこちら"), "html", null, true);
  1369.                         echo "
  1370.                                                 </button>
  1371.                                             </div>
  1372.                                         </form>
  1373.                                     ";
  1374.                     } else {
  1375.                         // line 854
  1376.                         echo "                                        <div class=\"ec-productRole__btn\">
  1377.                                             <button type=\"button\" class=\"ec-blockBtn--action\" disabled=\"disabled\">
  1378.                                                 ";
  1379.                         // line 856
  1380.                         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("ただいま品切れ中です。"), "html", null, true);
  1381.                         echo "
  1382.                                             </button>
  1383.                                         </div>
  1384.                                     ";
  1385.                     }
  1386.                     // line 860
  1387.                     echo "                                </li>
  1388.                             ";
  1389.                     ++$context['loop']['index0'];
  1390.                     ++$context['loop']['index'];
  1391.                     $context['loop']['first'] = false;
  1392.                     if (isset($context['loop']['length'])) {
  1393.                         --$context['loop']['revindex0'];
  1394.                         --$context['loop']['revindex'];
  1395.                         $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  1396.                     }
  1397.                 }
  1398.                 $_parent = $context['_parent'];
  1399.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Product'], $context['_parent'], $context['loop']);
  1400.                 $context = array_intersect_key($context, $_parent) + $_parent;
  1401.                 // line 862
  1402.                 echo "                        </ul>
  1403.                     </div>
  1404.                     <div class=\"ec-pagerRole\">
  1405.                         ";
  1406.                 // line 865
  1407.                 $this->loadTemplate("pager.twig", "Product/list.twig", 865)->display(twig_array_merge($context, ["pages" => twig_get_attribute($this->env, $this->source, (isset($context["pagination"]) || array_key_exists("pagination", $context) ? $context["pagination"] : (function () { throw new RuntimeError('Variable "pagination" does not exist.', 865, $this->source); })()), "paginationData", [], "any", false, false, false, 865)]));
  1408.                 // line 866
  1409.                 echo "                    </div>
  1410.                 ";
  1411.             }
  1412.             // line 868
  1413.             echo "            </div>
  1414.             ";
  1415.             // line 870
  1416.             echo "
  1417.         </div>
  1418.         ";
  1419.             // line 873
  1420.             echo "
  1421.     ";
  1422.         }
  1423.         
  1424.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  1426.         
  1427.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  1429.     }
  1431.     public function getTemplateName()
  1432.     {
  1433.         return "Product/list.twig";
  1434.     }
  1436.     public function isTraitable()
  1437.     {
  1438.         return false;
  1439.     }
  1441.     public function getDebugInfo()
  1442.     {
  1443.         return array (  1420 => 873,  1416 => 870,  1413 => 868,  1409 => 866,  1407 => 865,  1402 => 862,  1387 => 860,  1380 => 856,  1376 => 854,  1368 => 849,  1360 => 844,  1355 => 843,  1352 => 842,  1346 => 839,  1342 => 838,  1339 => 837,  1337 => 836,  1332 => 834,  1328 => 833,  1325 => 832,  1323 => 831,  1313 => 829,  1310 => 828,  1308 => 827,  1303 => 824,  1297 => 822,  1294 => 821,  1286 => 819,  1280 => 817,  1277 => 816,  1275 => 815,  1272 => 814,  1270 => 813,  1264 => 811,  1258 => 809,  1256 => 808,  1245 => 806,  1239 => 804,  1231 => 799,  1228 => 798,  1226 => 797,  1223 => 796,  1206 => 795,  1202 => 793,  1200 => 792,  1194 => 788,  1187 => 784,  1183 => 783,  1179 => 781,  1177 => 780,  1174 => 779,  1168 => 777,  1162 => 775,  1160 => 774,  1156 => 772,  1153 => 770,  1149 => 768,  1139 => 760,  1132 => 759,  1129 => 758,  1122 => 757,  1119 => 756,  1116 => 755,  1106 => 752,  1102 => 751,  1099 => 750,  1096 => 749,  1090 => 746,  1086 => 745,  1083 => 744,  1080 => 743,  1078 => 742,  1074 => 740,  1071 => 739,  1066 => 733,  1061 => 731,  1058 => 730,  1055 => 729,  1045 => 726,  1041 => 724,  1038 => 723,  1035 => 722,  1014 => 719,  1008 => 718,  1005 => 717,  987 => 716,  985 => 715,  979 => 714,  975 => 712,  971 => 709,  959 => 707,  955 => 706,  950 => 705,  946 => 704,  942 => 702,  940 => 701,  934 => 698,  931 => 697,  929 => 696,  926 => 695,  923 => 693,  919 => 690,  913 => 687,  910 => 686,  907 => 685,  901 => 680,  894 => 678,  890 => 676,  880 => 672,  870 => 671,  865 => 670,  861 => 669,  858 => 668,  856 => 667,  851 => 665,  841 => 664,  836 => 663,  832 => 662,  827 => 660,  823 => 659,  820 => 658,  818 => 620,  813 => 617,  808 => 613,  805 => 612,  795 => 608,  785 => 607,  780 => 606,  775 => 605,  772 => 592,  770 => 591,  767 => 590,  757 => 586,  747 => 585,  742 => 584,  737 => 583,  735 => 582,  729 => 578,  712 => 563,  708 => 562,  701 => 558,  696 => 556,  690 => 552,  687 => 550,  683 => 547,  680 => 543,  678 => 542,  674 => 540,  664 => 539,  585 => 469,  581 => 468,  556 => 445,  542 => 444,  534 => 443,  517 => 442,  513 => 440,  503 => 439,  73 => 16,  63 => 15,  52 => 11,  50 => 13,  37 => 11,);
  1444.     }
  1446.     public function getSourceContext()
  1447.     {
  1448.         return new Source("{#
  1449. This file is part of EC-CUBE
  1451. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  1453. http://www.ec-cube.co.jp/
  1455. For the full copyright and license information, please view the LICENSE
  1456. file that was distributed with this source code.
  1457. #}
  1458. {% extends 'default_frame.twig' %}
  1460. {% set body_class = 'product_page' %}
  1462. {% block stylesheet %}
  1463.     <link rel=\"stylesheet\" href=\"/html/plugins/ion-rangeslider/css/ion.rangeSlider.min.css\">
  1464.     <style>
  1465.         /* ============================================
  1466.            サイドバー付き 2カラムレイアウト
  1467.         ============================================ */
  1468.         .ec-productListLayout {
  1469.             display: flex;
  1470.             gap: 32px;
  1471.             align-items: flex-start;
  1472.         }
  1474.         /* ============================================
  1475.            サイドバー（フィルターパネル）
  1476.         ============================================ */
  1477.         .ec-filterSidebar {
  1478.             position: -webkit-sticky;
  1479.             position: sticky;
  1480.             top: 80px;
  1481.             align-self: flex-start;
  1482.             max-height: calc(100vh - 100px);
  1483.             overflow-y: auto;
  1484.             margin: 20px;
  1485.             width: 240px;
  1486.             flex-shrink: 0;
  1487.         }
  1488.         @media (max-width: 767px) {
  1489.             .ec-filterSidebar {
  1490.                 position: static;
  1491.                 max-height: none;
  1492.                 overflow-y: visible;
  1493.             }
  1494.         }
  1496.         /* Wide desktop: center the main column to align with site grid (1130 + 280 sidebar) */
  1497.         @media (min-width: 1410px) {
  1498. \t\t\t.ec-searchnavRole {
  1499. \t\t\t\tmargin-left: calc((100% - 1130px - 280px) / 2);
  1500. \t\t\t}
  1502. \t\t\t.ec-shelfRole {
  1503. \t\t\t\tmargin-left: calc((100% - 1130px - 280px) / 2);
  1504. \t\t\t}
  1506. \t\t\t.ec-pagerRole {
  1507. \t\t\t\tmargin-left: calc((100% - 1130px - 280px) / 2);
  1508. \t\t\t}
  1509. \t\t}
  1511.         .ec-filterSidebar__section {
  1512.             background: #fff;
  1513.             border: 1px solid #e8e8e8;
  1514.             border-radius: 6px;
  1515.             padding: 18px 16px;
  1516.             margin-bottom: 16px;
  1517.         }
  1519.         .ec-filterSidebar__heading {
  1520.             font-size: 13px;
  1521.             font-weight: bold;
  1522.             color: #222;
  1523.             margin: 0 0 12px;
  1524.             padding-bottom: 10px;
  1525.             border-bottom: 2px solid #222;
  1526.             letter-spacing: 0.05em;
  1527.         }
  1529.         /* カテゴリ: 見出しを上部に固定し、一覧を内部スクロールさせる */
  1530.         .ec-filterSidebar__section--category .ec-filterSidebar__heading {
  1531.             position: -webkit-sticky;
  1532.             position: sticky;
  1533.             top: 0;
  1534.             background: #fff;
  1535.             z-index: 2;
  1536.         }
  1537.         .ec-filterSidebar__section--category .ec-filterSidebar__body {
  1538.             max-height: 60vh;
  1539.             overflow-y: auto;
  1540.         }
  1542.         /* カテゴリリスト */
  1543.         .ec-filterSidebar__categoryList,
  1544.         .ec-filterSidebar__categoryList ul {
  1545.             list-style: none;
  1546.             padding: 0;
  1547.             margin: 0;
  1548.         }
  1550.         .ec-filterSidebar__categoryList li a {
  1551.             display: block;
  1552.             padding: 6px 8px;
  1553.             font-size: 13px;
  1554.             color: #444;
  1555.             text-decoration: none;
  1556.             border-radius: 4px;
  1557.             transition: background 0.15s, color 0.15s;
  1558.         }
  1560.         .ec-filterSidebar__categoryList li a:hover {
  1561.             background: #f5f5f5;
  1562.             color: #222;
  1563.         }
  1565.         .ec-filterSidebar__categoryList li.is-active > a {
  1566.             font-weight: bold;
  1567.             color: #c00;
  1568.             background: #fff5f5;
  1569.         }
  1571.         /* サブカテゴリ */
  1572.         .ec-filterSidebar__categoryList ul {
  1573.             padding-left: 12px;
  1574.             margin-top: 2px;
  1575.         }
  1577.         .ec-filterSidebar__categoryList ul li a {
  1578.             font-size: 12px;
  1579.             color: #666;
  1580.             padding: 4px 8px;
  1581.         }
  1583.         /* メーカーリスト */
  1584.         .ec-filterSidebar__makerList {
  1585.             list-style: none;
  1586.             padding: 0;
  1587.             margin: 0;
  1588.         }
  1590.         .ec-filterSidebar__makerList li {
  1591.             border-bottom: 1px solid #f0f0f0;
  1592.         }
  1594.         .ec-filterSidebar__makerList li:last-child {
  1595.             border-bottom: none;
  1596.         }
  1598.         .ec-filterSidebar__makerList li a {
  1599.             display: flex;
  1600.             align-items: center;
  1601.             gap: 6px;
  1602.             padding: 7px 6px;
  1603.             font-size: 13px;
  1604.             color: #444;
  1605.             text-decoration: none;
  1606.             transition: color 0.15s;
  1607.         }
  1609.         .ec-filterSidebar__makerList li a:hover {
  1610.             color: #c00;
  1611.         }
  1613.         .ec-filterSidebar__makerList li.is-active a {
  1614.             font-weight: bold;
  1615.             color: #c00;
  1616.         }
  1618.         .ec-filterSidebar__makerList li.is-active a::before {
  1619.             content: \"✓\";
  1620.             font-size: 11px;
  1621.             color: #c00;
  1622.         }
  1624.         /* 価格帯フィルター */
  1625.         .ec-filterSidebar__priceDisplay {
  1626.             text-align: center;
  1627.             font-size: 13px;
  1628.             color: #333;
  1629.             margin-bottom: 12px;
  1630.             font-weight: bold;
  1631.         }
  1633.         .ec-filterSidebar__priceDisplay span {
  1634.             color: #c00;
  1635.         }
  1637.         .ec-filterSidebar__priceSliderWrap {
  1638.             /* Side padding holds room for ion-rangeSlider .irs-to / .irs-from labels
  1639.                so the max-value tooltip never spills past the sidebar edge. */
  1640.             padding: 0 14px;
  1641.             margin-bottom: 16px;
  1642.         }
  1644.         .ec-filterSidebar__priceApply {
  1645.             display: block;
  1646.             width: 100%;
  1647.             padding: 8px;
  1648.             background: #222;
  1649.             color: #fff;
  1650.             border: none;
  1651.             border-radius: 4px;
  1652.             font-size: 13px;
  1653.             cursor: pointer;
  1654.             text-align: center;
  1655.             transition: background 0.2s;
  1656.         }
  1658.         .ec-filterSidebar__priceApply:hover {
  1659.             background: #444;
  1660.         }
  1662.         .ec-filterSidebar__pricePreset {
  1663.             list-style: none;
  1664.             padding: 0;
  1665.             margin: 10px 0 0;
  1666.         }
  1668.         .ec-filterSidebar__pricePreset li a {
  1669.             display: block;
  1670.             padding: 5px 6px;
  1671.             font-size: 12px;
  1672.             color: #666;
  1673.             text-decoration: none;
  1674.             border-radius: 4px;
  1675.             transition: background 0.15s;
  1676.         }
  1678.         .ec-filterSidebar__pricePreset li a:hover {
  1679.             background: #f5f5f5;
  1680.             color: #333;
  1681.         }
  1683.         /* 絞り込みリセット */
  1684.         .ec-filterSidebar__reset a {
  1685.             display: block;
  1686.             text-align: center;
  1687.             padding: 8px;
  1688.             font-size: 12px;
  1689.             color: #888;
  1690.             text-decoration: underline;
  1691.             border: 1px solid #ddd;
  1692.             border-radius: 4px;
  1693.             transition: color 0.15s, border-color 0.15s;
  1694.         }
  1696.         .ec-filterSidebar__reset a:hover {
  1697.             color: #c00;
  1698.             border-color: #c00;
  1699.         }
  1701.         /* 現在の絞り込み条件バッジ */
  1702.         .ec-filterActive {
  1703.             display: flex;
  1704.             flex-wrap: wrap;
  1705.             gap: 6px;
  1706.             margin-bottom: 12px;
  1707.             padding: 10px 12px;
  1708.             background: #f9f9f9;
  1709.             border: 1px solid #e8e8e8;
  1710.             border-radius: 6px;
  1711.         }
  1713.         .ec-filterActive__label {
  1714.             font-size: 11px;
  1715.             color: #888;
  1716.             align-self: center;
  1717.             margin-right: 4px;
  1718.         }
  1720.         .ec-filterActive__tag {
  1721.             display: inline-flex;
  1722.             align-items: center;
  1723.             gap: 4px;
  1724.             padding: 3px 8px;
  1725.             background: #222;
  1726.             color: #fff;
  1727.             border-radius: 20px;
  1728.             font-size: 11px;
  1729.         }
  1731.         .ec-filterActive__tag a {
  1732.             color: #aaa;
  1733.             text-decoration: none;
  1734.             font-size: 12px;
  1735.             line-height: 1;
  1736.         }
  1738.         .ec-filterActive__tag a:hover {
  1739.             color: #fff;
  1740.         }
  1742.         /* メインコンテンツ側 */
  1743.         .ec-productListMain {
  1744.             flex: 1;
  1745.             min-width: 0;
  1746.             width: 100%;  
  1747.         }
  1749.         /* ion-rangeslider カスタマイズ */
  1750.         .irs--flat .irs-bar {
  1751.             background-color: #222;
  1752.         }
  1754.         .irs--flat .irs-handle > i:first-child {
  1755.             background-color: #222;
  1756.         }
  1758.         .irs--flat .irs-from,
  1759.         .irs--flat .irs-to,
  1760.         .irs--flat .irs-single {
  1761.             background-color: #222;
  1762.             font-size: 11px;
  1763.         }
  1764.         /* Tablet (768-1199px): stack sidebar above grid to avoid overlap */
  1765.         @media (min-width: 768px) and (max-width: 1199px) {
  1766.             .ec-productListLayout {
  1767.                 flex-direction: column;
  1768.                 gap: 0;
  1769.             }
  1770.             .ec-filterSidebar {
  1771.                 width: 100%;
  1772.                 margin: 0 0 16px;
  1773.             }
  1774.             .ec-productListMain {
  1775.                 width: 100%;
  1776.             }
  1777.             /* Allow CTA to wrap and avoid truncation in 2-col tablet grid */
  1778.             .ec-shelfGrid .ec-blockBtn--action {
  1779.                 white-space: normal;
  1780.                 line-height: 1.3;
  1781.                 height: auto;
  1782.                 min-height: 56px;
  1783.                 padding: 12px 8px;
  1784.                 font-size: 0.8rem;
  1785.             }
  1786.         }
  1788.         /* Price slider tooltip: prevent label overlap when results are empty */
  1789.         .ec-productListMain .ec-shelfRole:empty + .ec-pagerRole,
  1790.         .ec-productListMain:has(.ec-shelfGrid:empty) .ec-filterSidebar__priceSliderWrap .irs-from,
  1791.         .ec-productListMain:has(.ec-shelfGrid:empty) .ec-filterSidebar__priceSliderWrap .irs-to,
  1792.         .ec-productListMain:has(.ec-shelfGrid:empty) .ec-filterSidebar__priceSliderWrap .irs-single {
  1793.             visibility: hidden;
  1794.         }
  1795.         .ec-filterSidebar__priceSliderWrap .irs {
  1796.             position: relative;
  1797.             z-index: 1;
  1798.         }
  1799.         .ec-filterSidebar__priceSliderWrap .irs-from,
  1800.         .ec-filterSidebar__priceSliderWrap .irs-to,
  1801.         .ec-filterSidebar__priceSliderWrap .irs-single {
  1802.             white-space: nowrap;
  1803.         }
  1805.         /* モバイル対応 */
  1806.         @media (max-width: 767px) {
  1807.             /* 横スクロール禁止 */
  1808.             body, html {
  1809.                 overflow-x: hidden;
  1810.                 max-width: 100vw;
  1811.             }
  1813.             .ec-productListLayout {
  1814.                 flex-direction: column;
  1815.                 gap: 0;
  1816.             }
  1818.             .ec-filterSidebar {
  1819.                 width: 100%;
  1820.                 margin: 0;
  1821.             }
  1823.             /* スマホで商品一覧を確実に表示 */
  1824.             .ec-productListMain {
  1825.                 width: 100%;
  1826.                 flex: none;
  1827.                 margin: 0;
  1828.             }
  1830.             .ec-filterSidebar__section {
  1831.                 margin-bottom: 10px;
  1832.             }
  1834.             /* Allow CTA to wrap and avoid truncation in narrow mobile cards */
  1835.             .ec-shelfGrid .ec-blockBtn--action {
  1836.                 white-space: normal;
  1837.                 word-break: keep-all;
  1838.                 overflow-wrap: anywhere;
  1839.                 line-height: 1.3;
  1840.                 height: auto;
  1841.                 min-height: 56px;
  1842.                 padding: 12px 8px;
  1843.                 font-size: 0.8rem;
  1844.             }
  1846.             /* モバイルではアコーディオン形式 */
  1847.             .ec-filterSidebar__body {
  1848.                 display: none;
  1849.             }
  1851.             .ec-filterSidebar__body.is-open {
  1852.                 display: block;
  1853.             }
  1855.             .ec-filterSidebar__heading {
  1856.                 cursor: pointer;
  1857.                 display: flex;
  1858.                 justify-content: space-between;
  1859.                 align-items: center;
  1860.                 margin-bottom: 0;
  1861.                 padding-bottom: 0;
  1862.                 border-bottom: none;
  1863.             }
  1865.             .ec-filterSidebar__heading.is-open {
  1866.                 margin-bottom: 12px;
  1867.                 padding-bottom: 10px;
  1868.                 border-bottom: 2px solid #222;
  1869.             }
  1871.             .ec-filterSidebar__heading::after {
  1872.                 content: \"▼\";
  1873.                 font-size: 10px;
  1874.                 color: #888;
  1875.                 transition: transform 0.2s;
  1876.             }
  1878.             .ec-filterSidebar__heading.is-open::after {
  1879.                 transform: rotate(180deg);
  1880.             }
  1881.         }
  1882.     </style>
  1883. {% endblock %}
  1886. {% block javascript %}
  1887.     <script>
  1888.         eccube.productsClassCategories = {
  1889.             {% for Product in pagination %}
  1890.             \"{{ Product.id|escape('js') }}\": {{ class_categories_as_json(Product)|raw }}{% if loop.last == false %}, {% endif %}
  1891.             {% endfor %}
  1892.         };
  1894.         \$(function() {
  1896.             // 表示件数を変更
  1897.             \$('.disp-number').change(function() {
  1898.                 var dispNumber = \$(this).val();
  1899.                 \$('#disp_number').val(dispNumber);
  1900.                 \$('#pageno').val(1);
  1901.                 \$(\"#form1\").submit();
  1902.             });
  1904.             // 並び順を変更
  1905.             \$('.order-by').change(function() {
  1906.                 var orderBy = \$(this).val();
  1907.                 \$('#orderby').val(orderBy);
  1908.                 \$('#pageno').val(1);
  1909.                 \$(\"#form1\").submit();
  1910.             });
  1912.             // ==============================
  1913.             // 価格帯スライダー（ion-rangeslider）
  1914.             // ==============================
  1915.             var priceMin = parseInt('{{ app.request.query.get(\"price_min\") ?: 0 }}') || 0;
  1916.             var priceMax = parseInt('{{ app.request.query.get(\"price_max\") ?: 5000000 }}') || 5000000;
  1918.             \$(\"#price-range-slider\").ionRangeSlider({
  1919.                 type: \"double\",
  1920.                 min: 0,
  1921.                 max: 5000000,
  1922.                 from: priceMin,
  1923.                 to: priceMax,
  1924.                 step: 10000,
  1925.                 prettify_enabled: true,
  1926.                 prettify_separator: \",\",
  1927.                 postfix: \"円\",
  1928.                 onFinish: function(data) {
  1929.                     \$('#price_min_val').val(data.from);
  1930.                     \$('#price_max_val').val(data.to);
  1931.                     // 表示更新
  1932.                     \$('#price-display-min').text(Number(data.from).toLocaleString());
  1933.                     \$('#price-display-max').text(Number(data.to).toLocaleString());
  1934.                 }
  1935.             });
  1937.             // 価格フォーム送信
  1938.             \$('#price-filter-apply').on('click', function() {
  1939.                 var min = \$('#price_min_val').val();
  1940.                 var max = \$('#price_max_val').val();
  1941.                 var url = new URL(window.location.href);
  1942.                 url.searchParams.set('price_min', min);
  1943.                 url.searchParams.set('price_max', max);
  1944.                 url.searchParams.delete('pageno');
  1945.                 window.location.href = url.toString();
  1946.             });
  1948.             // モバイル：アコーディオン（初期状態を閉じる）
  1949.             function initMobileAccordion() {
  1950.                 if (\$(window).width() <= 767) {
  1951.                     \$('.ec-filterSidebar__heading').removeClass('is-open');
  1952.                     \$('.ec-filterSidebar__body').removeClass('is-open');
  1953.                 }
  1954.             }
  1955.             initMobileAccordion();
  1956.             \$(window).on('resize', initMobileAccordion);
  1958.             \$('.ec-filterSidebar__heading').on('click', function() {
  1959.                 if (\$(window).width() <= 767) {
  1960.                     \$(this).toggleClass('is-open');
  1961.                     \$(this).next('.ec-filterSidebar__body').toggleClass('is-open');
  1962.                 }
  1963.             });
  1965.         });
  1967.         \$('.ec-modal-wrap').on('click', function(e) {
  1968.             e.stopPropagation();
  1969.         });
  1970.         \$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .ec-inlineBtn--cancel').on('click', function() {
  1971.             \$('.ec-modal').hide()
  1972.         });
  1973. \t    // 価格プリセットのクイック適用
  1974. \t    function applyPrice(min, max) {
  1975. \t        var url = new URL(window.location.href);
  1976. \t        url.searchParams.set('price_min', min);
  1977. \t        url.searchParams.set('price_max', max);
  1978. \t        url.searchParams.delete('pageno');
  1979. \t        window.location.href = url.toString();
  1980. \t    }
  1982.     </script>
  1983.     <script src=\"/html/plugins/ion-rangeslider/js/ion.rangeSlider.min.js\"></script>
  1984. {% endblock %}
  1986. {% block main %}
  1989.         {% set hasFilter = app.request.query.get('category_id') or app.request.query.get('maker_id') or app.request.query.get('price_min') or app.request.query.get('price_max') %}
  1991.         {# ==============================
  1992.            2カラムレイアウト本体
  1993.         ============================== #}
  1994.         <div class=\"ec-productListLayout\">
  1996.             {# ===== サイドバー（左カラム）===== #}
  1997.             <aside class=\"ec-filterSidebar\">
  1998.                 {# ----- 価格帯 ----- #}
  1999.                 <div class=\"ec-filterSidebar__section\">
  2000.                     <h3 class=\"ec-filterSidebar__heading\">価格帯</h3>
  2001.                     <div class=\"ec-filterSidebar__body is-open\">
  2002.                         <div class=\"ec-filterSidebar__priceDisplay\">
  2003.                             <span id=\"price-display-min\">{{ app.request.query.get('price_min') ? app.request.query.get('price_min')|number_format : '0' }}</span>円
  2004.                             〜
  2005.                             <span id=\"price-display-max\">{{ app.request.query.get('price_max') ? app.request.query.get('price_max')|number_format : '5,000,000' }}</span>円
  2006.                         </div>
  2007.                         <div class=\"ec-filterSidebar__priceSliderWrap\">
  2008.                             <input type=\"text\" id=\"price-range-slider\" style=\"display:none;\">
  2009.                             <input type=\"hidden\" id=\"price_min_val\" value=\"{{ app.request.query.get('price_min') ?: 0 }}\">
  2010.                             <input type=\"hidden\" id=\"price_max_val\" value=\"{{ app.request.query.get('price_max') ?: 5000000 }}\">
  2011.                         </div>
  2012.                         <button id=\"price-filter-apply\" class=\"ec-filterSidebar__priceApply\">この価格帯で絞り込む</button>
  2013.                         <ul class=\"ec-filterSidebar__pricePreset\">
  2014.                             <li><a href=\"javascript:void(0);\" onclick=\"applyPrice(0, 300000)\">〜30万円</a></li>
  2015.                             <li><a href=\"javascript:void(0);\" onclick=\"applyPrice(300000, 600000)\">30万円〜60万円</a></li>
  2016.                             <li><a href=\"javascript:void(0);\" onclick=\"applyPrice(600000, 1000000)\">60万円〜100万円</a></li>
  2017.                             <li><a href=\"javascript:void(0);\" onclick=\"applyPrice(1000000, 5000000)\">100万円〜</a></li>
  2018.                         </ul>
  2019.                     </div>
  2020.                 </div>
  2024.                 {# ----- メーカー（ブランド）----- #}
  2025.                 <div class=\"ec-filterSidebar__section\">
  2026.                     <h3 class=\"ec-filterSidebar__heading\">ブランド</h3>
  2027.                     <div class=\"ec-filterSidebar__body is-open\">
  2028.                         <ul class=\"ec-filterSidebar__makerList\">
  2029.                             {% if Makers is defined %}
  2030.                                 {% for MakerItem in Makers %}
  2031.                                     <li class=\"{{ Maker is not null and Maker.id == MakerItem.id ? 'is-active' : '' }}\">
  2032.                                         <a href=\"{{ url('product_list') }}?maker_id={{ MakerItem.id }}{% if app.request.query.get('category_id') %}&category_id={{ app.request.query.get('category_id') }}{% endif %}\">
  2033.                                             {{ MakerItem.name }}
  2034.                                         </a>
  2035.                                     </li>
  2036.                                 {% endfor %}
  2037.                             {% else %}
  2038.                                 {# Makersがコントローラから渡されない場合は静的リストで対応 #}
  2039.                                 {% set makerList = [
  2040.                                     {id: 1,  name: 'LIXIL'},
  2041.                                     {id: 2,  name: 'YKK AP'},
  2042.                                     {id: 3,  name: '三協アルミ'},
  2043.                                     {id: 4,  name: '四国化成'},
  2044.                                     {id: 5,  name: 'タカショー'},
  2045.                                     {id: 6,  name: 'ユニソン'},
  2046.                                     {id: 7,  name: 'エスビック'},
  2047.                                     {id: 8,  name: 'パナソニック'},
  2048.                                     {id: 9,  name: 'イナバ'},
  2049.                                     {id: 10, name: 'ヨドコウ'},
  2050.                                     {id: 13, name: 'タクボ'}
  2051.                                 ] %}
  2052.                                 {% for maker in makerList %}
  2053.                                     <li class=\"{{ Maker is not null and Maker.id == maker.id ? 'is-active' : '' }}\">
  2054.                                         <a href=\"{{ url('product_list') }}?maker_id={{ maker.id }}{% if app.request.query.get('category_id') %}&category_id={{ app.request.query.get('category_id') }}{% endif %}\">
  2055.                                             {{ maker.name }}
  2056.                                         </a>
  2057.                                     </li>
  2058.                                 {% endfor %}
  2059.                             {% endif %}
  2060.                         </ul>
  2061.                     </div>
  2062.                 </div>
  2063.                 {# ----- カテゴリ ----- #}
  2064.                 <div class=\"ec-filterSidebar__section ec-filterSidebar__section--category\">
  2065.                     <h3 class=\"ec-filterSidebar__heading\">カテゴリ</h3>
  2066.                     <div class=\"ec-filterSidebar__body is-open\">
  2067.                         {% set categoryList = [
  2068.                             {id: 7,  name: 'カーポート・車庫',         children: []},
  2069.                             {id: 16, name: 'ガレージ・倉庫',           children: []},
  2070.                             {id: 8,  name: 'サイクルポート・駐輪場',   children: []},
  2071.                             {id: 9,  name: 'ゲート',                   children: [
  2072.                                 {id: 30, name: '跳ね上げ式ゲート'},
  2073.                                 {id: 29, name: '伸縮ゲート'},
  2074.                                 {id: 31, name: 'ガレージシャッター'}
  2075.                             ]},
  2076.                             {id: 12, name: 'テラス',                   children: [
  2077.                                 {id: 33, name: 'テラス囲い'},
  2078.                                 {id: 32, name: 'テラス屋根'}
  2079.                             ]},
  2080.                             {id: 19, name: 'ベランダ・バルコニー',     children: []},
  2081.                             {id: 35, name: 'バルコニー屋根',           children: []},
  2082.                             {id: 18, name: 'オーニング・日よけ',       children: []},
  2083.                             {id: 11, name: 'ウッドデッキ',             children: [
  2084.                                 {id: 37, name: 'タイルデッキ'},
  2085.                                 {id: 36, name: 'ウッドデッキ'}
  2086.                             ]},
  2087.                             {id: 14, name: 'フェンス・柵',             children: []},
  2088.                             {id: 25, name: '門扉',                     children: []},
  2089.                             {id: 13, name: 'ポスト・門柱宅配ボックス', children: []},
  2090.                             {id: 15, name: '物置・収納・屋外倉庫',     children: []},
  2091.                             {id: 20, name: 'ガーデンファニチャー',     children: []},
  2092.                             {id: 22, name: '人工芝',                   children: []},
  2093.                             {id: 17, name: '内窓・二重窓',             children: []},
  2094.                             {id: 26, name: 'その他',                   children: [
  2095.                                 {id: 38, name: 'パーゴラ'},
  2096.                                 {id: 39, name: '立水栓・ガーデンシンク'},
  2097.                                 {id: 40, name: '手すり'},
  2098.                                 {id: 10, name: 'ストックヤード'},
  2099.                                 {id: 27, name: 'ゴミステーション'},
  2100.                                 {id: 42, name: '面格子・窓格子'},
  2101.                                 {id: 41, name: '窓シャッター'},
  2102.                                 {id: 43, name: '玄関ドア'}
  2103.                             ]}
  2104.                         ] %}
  2105.                         <ul class=\"ec-filterSidebar__categoryList\">
  2106.                             <li class=\"{{ app.request.query.get('category_id') is empty and Maker is null ? 'is-active' : '' }}\">
  2107.                                 <a href=\"{{ url('product_list') }}\">すべて</a>
  2108.                             </li>
  2109.                             {% for cat in categoryList %}
  2110.                                 <li class=\"{{ app.request.query.get('category_id') == cat.id ? 'is-active' : '' }}\">
  2111.                                     <a href=\"{{ url('product_list') }}?category_id={{ cat.id }}{% if app.request.query.get('maker_id') %}&maker_id={{ app.request.query.get('maker_id') }}{% endif %}\">
  2112.                                         {{ cat.name }}
  2113.                                     </a>
  2114.                                     {% if cat.children|length > 0 %}
  2115.                                         <ul>
  2116.                                             {% for child in cat.children %}
  2117.                                                 <li class=\"{{ app.request.query.get('category_id') == child.id ? 'is-active' : '' }}\">
  2118.                                                     <a href=\"{{ url('product_list') }}?category_id={{ child.id }}{% if app.request.query.get('maker_id') %}&maker_id={{ app.request.query.get('maker_id') }}{% endif %}\">
  2119.                                                         {{ child.name }}
  2120.                                                     </a>
  2121.                                                 </li>
  2122.                                             {% endfor %}
  2123.                                         </ul>
  2124.                                     {% endif %}
  2125.                                 </li>
  2126.                             {% endfor %}
  2127.                         </ul>
  2128.                     </div>
  2129.                 </div>
  2131.                 {# ----- リセット ----- #}
  2132.                 {% if hasFilter %}
  2133.                     <div class=\"ec-filterSidebar__reset\">
  2134.                         <a href=\"{{ url('product_list') }}\">絞り込みをすべてリセット</a>
  2135.                     </div>
  2136.                 {% endif %}
  2138.             </aside>
  2139.             {# / サイドバー #}
  2141.             {# ===== 商品一覧（右カラム）===== #}
  2142.             <div class=\"ec-productListMain\">
  2143.     {% if search_form.category_id.vars.errors|length > 0 %}
  2144.         <div class=\"ec-searchnavRole\">
  2145.             <p class=\"errormsg text-danger\">{{ 'ご指定のカテゴリは存在しません'|trans }}</p>
  2146.         </div>
  2147.     {% else %}
  2148.         {# 検索フォーム（hidden） #}
  2149.         <div class=\"ec-searchnavRole\">
  2150.             <form name=\"form1\" id=\"form1\" method=\"get\" action=\"?\">
  2151.                 {% for item in search_form %}
  2152.                     <input type=\"hidden\" id=\"{{ item.vars.id }}\"
  2153.                            name=\"{{ item.vars.full_name }}\"
  2154.                            {% if item.vars.value is not empty %}value=\"{{ item.vars.value }}\" {% endif %}/>
  2155.                 {% endfor %}
  2156.             </form>
  2158.             {# パンくずリスト #}
  2159.             <div class=\"ec-searchnavRole__topicpath\">
  2160.                 <ol class=\"ec-topicpath\">
  2161.                     <li class=\"ec-topicpath__item\"><a href=\"{{ url('product_list') }}\">{{ '全て'|trans }}</a></li>
  2162.                     {% if Category is not null %}
  2163.                         {% for Path in Category.path %}
  2164.                             <li class=\"ec-topicpath__divider\">|</li>
  2165.                             <li class=\"ec-topicpath__item{% if loop.last %}--active{% endif %}\">
  2166.                                 <a href=\"{{ url('product_list') }}?category_id={{ Path.id }}\">{{ Path.name }}</a>
  2167.                             </li>
  2168.                         {% endfor %}
  2169.                     {% endif %}
  2170.                     {% if Maker is not null %}
  2171.                         <li class=\"ec-topicpath__divider\">|</li>
  2172.                         <li class=\"ec-topicpath__item--active\">
  2173.                             <a href=\"{{ url('product_list') }}?maker_id={{ Maker.id }}\">{{ Maker.name }}</a>
  2174.                         </li>
  2175.                     {% endif %}
  2176.                     {% if search_form.vars.value and search_form.vars.value.name %}
  2177.                         <li class=\"ec-topicpath__divider\">|</li>
  2178.                         <li class=\"ec-topicpath__item\">{{ '「%name%」の検索結果'|trans({ '%name%': search_form.vars.value.name }) }}</li>
  2179.                     {% endif %}
  2180.                 </ol>
  2181.             </div>
  2183.         {# ==============================
  2184.            現在の絞り込み条件バッジ
  2185.         ============================== #}
  2186.         {% if hasFilter %}
  2187.             <div class=\"ec-filterActive\">
  2188.                 <span class=\"ec-filterActive__label\">絞り込み中：</span>
  2189.                 {% if Category is not null %}
  2190.                     {% set removeCategoryParam = 'category_id=' ~ app.request.query.get('category_id') %}
  2191.                     <span class=\"ec-filterActive__tag\">
  2192.                         {{ Category.name }}
  2193.                         <a href=\"{{ app.request.uri|replace({(removeCategoryParam): ''}) }}\" title=\"解除\">✕</a>
  2194.                     </span>
  2195.                 {% endif %}
  2196.                 {% if Maker is not null %}
  2197.                     <span class=\"ec-filterActive__tag\">
  2198.                         {{ Maker.name }}
  2199.                         <a href=\"{{ url('product_list') }}{% if app.request.query.get('category_id') %}?category_id={{ app.request.query.get('category_id') }}{% endif %}\" title=\"解除\">✕</a>
  2200.                     </span>
  2201.                 {% endif %}
  2202.                 {% if app.request.query.get('price_min') or app.request.query.get('price_max') %}
  2203.                     <span class=\"ec-filterActive__tag\">
  2204.                         {% if app.request.query.get('price_min') %}{{ app.request.query.get('price_min')|number_format }}円{% else %}0円{% endif %}
  2205.                         〜
  2206.                         {% if app.request.query.get('price_max') %}{{ app.request.query.get('price_max')|number_format }}円{% else %}上限なし{% endif %}
  2207.                         <a href=\"javascript:void(0);\" onclick=\"
  2208.                             var url = new URL(window.location.href);
  2209.                             url.searchParams.delete('price_min');
  2210.                             url.searchParams.delete('price_max');
  2211.                             window.location.href = url.toString();
  2212.                         \" title=\"解除\">✕</a>
  2213.                     </span>
  2214.                 {% endif %}
  2215.             </div>
  2216.         {% endif %}
  2218.             {# 件数・並び順 #}
  2219.             <div class=\"ec-searchnavRole__infos\">
  2220.                 <div class=\"ec-searchnavRole__counter\">
  2221.                     {% if pagination.totalItemCount > 0 %}
  2222.                         {{ '<span class=\"ec-font-bold\">%count%件</span><span>の商品が見つかりました</span>'|trans({ '%count%': pagination.totalItemCount })|raw }}
  2223.                     {% else %}
  2224.                         <span>{{ 'お探しの商品は見つかりませんでした'|trans }}</span>
  2225.                     {% endif %}
  2226.                 </div>
  2227.                 {% if pagination.totalItemCount > 0 %}
  2228.                     <div class=\"ec-searchnavRole__actions\">
  2229.                         <div class=\"ec-select\">
  2230.                             {{ form_widget(search_form.disp_number, {'id': '', 'attr': {'class': 'disp-number'}}) }}
  2231.                             {{ form_widget(search_form.orderby, {'id': '', 'attr': {'class': 'order-by'}}) }}
  2232.                         </div>
  2233.                     </div>
  2234.                 {% endif %}
  2235.             </div>
  2236.         </div>
  2239.                 {% if pagination.totalItemCount > 0 %}
  2240.                     <div class=\"ec-shelfRole\">
  2241.                         <ul class=\"ec-shelfGrid\">
  2242.                             {% for Product in pagination %}
  2243.                                 <li class=\"ec-shelfGrid__item\" style=\"position:relative;\">
  2244.                                     {% if BaseInfo.option_favorite_product %}
  2245.                                         <div style=\"position:absolute;top:8px;right:20px;z-index:10;\">
  2246.                                             <form action=\"{{ url('product_add_favorite', {id:Product.id}) }}\" method=\"post\">
  2247.                                                 <button type=\"submit\" id=\"favorite\" class=\"favorite\">&#9825;</button>
  2248.                                             </form>
  2249.                                         </div>
  2250.                                     {% endif %}
  2251.                                     <a href=\"{{ url('product_detail', {'id': Product.id}) }}\">
  2252.                                         <p class=\"ec-shelfGrid__item-image\">
  2253.                                             <img src=\"{{ asset(Product.main_list_image|no_image_product, 'save_image') }}\" alt=\"{{ Product.name }}\" width=\"180\" height=\"180\"{% if loop.index > 5 %} loading=\"lazy\"{% endif %}>
  2254.                                         </p>
  2255.                                         {% if Product.Maker and Product.Maker.name %}
  2256.                                             <p class=\"ec-shelfGrid__item-maker\" style=\"font-size:12px;color:#666;margin:2px 0 4px;\">{{ Product.Maker.name }}</p>
  2257.                                         {% endif %}
  2258.                                         <h5><strong>{{ getProduct_field(Product.id,\"related_keyword\") }}</strong></h5>
  2259.                                         <p class=\"price02-default\">
  2260.                                             {% if Product.getPrice02Max is null or Product.getPrice02Max == 0 %}
  2261.                                                 現地調査見積
  2262.                                             {% elseif Product.hasProductClass %}
  2263.                                                 {% if Product.getPrice02Min == Product.getPrice02Max %}
  2264.                                                     {{ Product.getPrice02IncTaxMin|number_format }}円
  2265.                                                 {% else %}
  2266.                                                     {{ Product.getPrice02IncTaxMin|number_format }}円  ～ {{ Product.getPrice02IncTaxMax|number_format }}円
  2267.                                                 {% endif %}
  2268.                                             {% else %}
  2269.                                                 {{ Product.getPrice02IncTaxMin|number_format }}円 ～
  2270.                                             {% endif %}
  2271.                                         </p>
  2272.                                     </a>
  2274.                                     {% if Product.stock_find %}
  2275.                                         {% set form = forms[Product.id] %}
  2276.                                         <form name=\"form{{ Product.id }}\" id=\"productForm{{ Product.id }}\" action=\"{{ url('product_detail', {id:Product.id}) }}\" method=\"get\">
  2277.                                             <div class=\"ec-productRole__actions\">
  2278.                                                 {% if form.classcategory_id1 is defined %}
  2279.                                                     <div class=\"ec-select\">
  2280.                                                         {{ form_widget(form.classcategory_id1) }}
  2281.                                                         {{ form_errors(form.classcategory_id1) }}
  2282.                                                     </div>
  2283.                                                     {% if form.classcategory_id2 is defined %}
  2284.                                                         <div class=\"ec-select\">
  2285.                                                             {{ form_widget(form.classcategory_id2) }}
  2286.                                                             {{ form_errors(form.classcategory_id2) }}
  2287.                                                         </div>
  2288.                                                     {% endif %}
  2289.                                                 {% endif %}
  2290.                                                 <div class=\"ec-numberInput\" style=\"display:none;\"><span>{{ '数量'|trans }}</span>
  2291.                                                     {{ form_errors(form.quantity) }}
  2292.                                                 </div>
  2293.                                             </div>
  2294.                                             <div class=\"ec-productRole__btn\">
  2295.                                                 <button class=\"ec-blockBtn--action\">
  2296.                                                     {{ 'お見積もりはこちら'|trans }}
  2297.                                                 </button>
  2298.                                             </div>
  2299.                                         </form>
  2300.                                     {% else %}
  2301.                                         <div class=\"ec-productRole__btn\">
  2302.                                             <button type=\"button\" class=\"ec-blockBtn--action\" disabled=\"disabled\">
  2303.                                                 {{ 'ただいま品切れ中です。'|trans }}
  2304.                                             </button>
  2305.                                         </div>
  2306.                                     {% endif %}
  2307.                                 </li>
  2308.                             {% endfor %}
  2309.                         </ul>
  2310.                     </div>
  2311.                     <div class=\"ec-pagerRole\">
  2312.                         {% include \"pager.twig\" with {'pages': pagination.paginationData} %}
  2313.                     </div>
  2314.                 {% endif %}
  2315.             </div>
  2316.             {# / 商品一覧 #}
  2318.         </div>
  2319.         {# / ec-productListLayout #}
  2321.     {% endif %}
  2322. {% endblock %}
  2323. ", "Product/list.twig", "/home/xs538259/exterior-plus.jp/public_html/app/template/default/Product/list.twig");
  2324.     }
  2325. }