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