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

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