var/cache/dev/twig/8e/8e0556ec27b8a90d65e8153e5b9eaeec.php line 53

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  15. /* Product/list.twig */
  16. class __TwigTemplate_155986fed5eb25886e95f03c74797953 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.             'javascript' => [$this, 'block_javascript'],
  29.             'stylesheet' => [$this, 'block_stylesheet'],
  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_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  44.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Product/list.twig"));
  46.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  47.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_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_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  57.         
  58.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  60.     }
  62.     // line 15
  63.     public function block_javascript($context, array $blocks = [])
  64.     {
  65.         $macros = $this->macros;
  66.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  67.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  69.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  70.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  72.         // line 16
  73.         echo "    <script>
  74.         eccube.productsClassCategories = {
  75.             ";
  76.         // line 18
  77.         $context['_parent'] = $context;
  78.         $context['_seq'] = twig_ensure_traversable((isset($context["pagination"]) || array_key_exists("pagination", $context) ? $context["pagination"] : (function () { throw new RuntimeError('Variable "pagination" does not exist.', 18, $this->source); })()));
  79.         $context['loop'] = [
  80.           'parent' => $context['_parent'],
  81.           'index0' => 0,
  82.           'index'  => 1,
  83.           'first'  => true,
  84.         ];
  85.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  86.             $length = count($context['_seq']);
  87.             $context['loop']['revindex0'] = $length - 1;
  88.             $context['loop']['revindex'] = $length;
  89.             $context['loop']['length'] = $length;
  90.             $context['loop']['last'] = 1 === $length;
  91.         }
  92.         foreach ($context['_seq'] as $context["_key"] => $context["Product"]) {
  93.             // line 19
  94.             echo "            \"";
  95.             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, 19), "js"), "html", null, true);
  96.             echo "\": ";
  97.             echo $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getClassCategoriesAsJson($context["Product"]);
  98.             if ((twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 19) == false)) {
  99.                 echo ", ";
  100.             }
  101.             // line 20
  102.             echo "            ";
  103.             ++$context['loop']['index0'];
  104.             ++$context['loop']['index'];
  105.             $context['loop']['first'] = false;
  106.             if (isset($context['loop']['length'])) {
  107.                 --$context['loop']['revindex0'];
  108.                 --$context['loop']['revindex'];
  109.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  110.             }
  111.         }
  112.         $_parent = $context['_parent'];
  113.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Product'], $context['_parent'], $context['loop']);
  114.         $context = array_intersect_key($context, $_parent) + $_parent;
  115.         // line 21
  116.         echo "        };
  118.         \$(function() {
  120.             // 表示件数を変更
  121.             \$('.disp-number').change(function() {
  122.                 var dispNumber = \$(this).val();
  123.                 \$('#disp_number').val(dispNumber);
  124.                 \$('#pageno').val(1);
  125.                 \$(\"#form1\").submit();
  126.             });
  128.             // 並び順を変更
  129.             \$('.order-by').change(function() {
  130.                 var orderBy = \$(this).val();
  131.                 \$('#orderby').val(orderBy);
  132.                 \$('#pageno').val(1);
  133.                 \$(\"#form1\").submit();
  134.             });
  136.             \$('.add-cart').on('click', function(e) {
  137.                 var \$form = \$(this).parents('li').find('form');
  139.                 // 個数フォームのチェック
  140.                 var \$quantity = \$form.parent().find('.quantity');
  141.                 if (\$quantity.val() < 1) {
  142.                     \$quantity[0].setCustomValidity('";
  143.         // line 47
  144.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("1以上で入力してください。"), "html", null, true);
  145.         echo "');
  146.                     setTimeout(function() {
  147.                         loadingOverlay('hide');
  148.                     }, 100);
  149.                     return true;
  150.                 } else {
  151.                     \$quantity[0].setCustomValidity('');
  152.                 }
  153.                 e.preventDefault();
  154.                 \$.ajax({
  155.                     url: \$form.attr('action'),
  156.                     type: \$form.attr('method'),
  157.                     data: \$form.serialize(),
  158.                     dataType: 'json',
  159.                     beforeSend: function(xhr, settings) {
  160.                         // Buttonを無効にする
  161.                         \$('.add-cart').prop('disabled', true);
  162.                     }
  163.                 }).done(function(data) {
  164.                     // レスポンス内のメッセージをalertで表示
  165.                     \$.each(data.messages, function() {
  166.                         \$('#ec-modal-header').html(this);
  167.                     });
  169.                     \$('.ec-modal').show()
  171.                     // カートブロックを更新する
  172.                     \$.ajax({
  173.                         url: '";
  174.         // line 75
  175.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("block_cart");
  176.         echo "',
  177.                         type: 'GET',
  178.                         dataType: 'html'
  179.                     }).done(function(html) {
  180.                         \$('.ec-headerRole__cart').html(html);
  181.                     });
  182.                 }).fail(function(data) {
  183.                     alert('";
  184.         // line 82
  185.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートへの追加に失敗しました。"), "html", null, true);
  186.         echo "');
  187.                 }).always(function(data) {
  188.                     // Buttonを有効にする
  189.                     \$('.add-cart').prop('disabled', false);
  190.                 });
  191.             });
  192.         });
  194.         \$('.ec-modal-wrap').on('click', function(e) {
  195.             // モーダル内の処理は外側にバブリングさせない
  196.             e.stopPropagation();
  197.         });
  198.         \$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .ec-inlineBtn--cancel').on('click', function() {
  199.             \$('.ec-modal').hide()
  200.         });
  202.         ";
  203.         // line 99
  204.         echo "        const word = document.querySelector('#name');
  205.         word.addEventListener('input', (evt) => {
  206. \t\t\tword.textContent = evt.target.value;
  207.             \$('#search-product').submit();
  208. \t\t})
  210. \t\t//価格のslider
  211. \t\tconst range1 = document.querySelector('#range-1');
  212. \t\tconst range2 = document.querySelector('#range-2');
  214. \t\tconst startValue1 = document.querySelector('#start-value1');
  215. \t\tconst endValue2 = document.querySelector('#end-value2');
  217. \t\trange1.addEventListener('input', (evt) => {
  218. \t\t\tstartValue1.textContent = evt.target.value;
  219.             \$('#search-product').submit();
  220. \t\t})
  222. \t\trange2.addEventListener('input', (evt) => {
  223. \t\t\tendValue2.textContent = evt.target.value;
  224.             \$('#search-product').submit();
  225. \t\t})
  227. \t\tstartValue1.textContent = range1.value;
  228. \t\tendValue2.textContent = range2.value;
  230. \t\t//高さのslider
  231. \t\tconst range3 = document.querySelector('#range-3');
  232. \t\tconst range4 = document.querySelector('#range-4');
  234. \t\tconst startValue3 = document.querySelector('#start-value3');
  235. \t\tconst endValue4 = document.querySelector('#end-value4');
  237. \t\trange3.addEventListener('input', (evt) => {
  238. \t\t\tstartValue3.textContent = evt.target.value;
  239.             \$('#search-product').submit();
  240. \t\t})
  242. \t\trange4.addEventListener('input', (evt) => {
  243. \t\t\tendValue4.textContent = evt.target.value;
  244.             \$('#search-product').submit();
  245. \t\t})
  247. \t\tstartValue3.textContent = range3.value;
  248. \t\tendValue4.textContent = range4.value;
  250. \t\t//幅のslider
  251. \t\tconst range5 = document.querySelector('#range-5');
  252. \t\tconst range6 = document.querySelector('#range-6');
  254. \t\tconst startValue5 = document.querySelector('#start-value5');
  255. \t\tconst endValue6 = document.querySelector('#end-value6');
  257. \t\trange5.addEventListener('input', (evt) => {
  258. \t\t\tstartValue5.textContent = evt.target.value;
  259.             \$('#search-product').submit();
  260. \t\t})
  262. \t\trange6.addEventListener('input', (evt) => {
  263. \t\t\tendValue6.textContent = evt.target.value;
  264.             \$('#search-product').submit();
  265. \t\t})
  267. \t\tstartValue5.textContent = range5.value;
  268. \t\tendValue6.textContent = range6.value;
  270.         //初期表示は非表示
  271.         document.getElementById(\"searchBox\").style.display =\"none\";
  273.         //絞り込みボタンの背景色を制御
  274.         const search = location.search;
  275.         if (search !== \"\") {
  276.             isSelected.style.background = \"#F2F2F2\";
  277.         }
  279.         function clickBtn2(){ //検索ボックスの表示・非表示を制御
  280.             const searchBox = document.getElementById(\"searchBox\");
  281.             const isSelected = document.getElementById(\"isSelected\");
  283.             if (searchBox.style.display==\"\"){
  284.                 searchBox.style.display =\"none\";
  285.             } else{
  286.                 searchBox.style.display =\"\";
  287.             }
  288.         }
  289.     </script>
  290. ";
  291.         
  292.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  294.         
  295.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  297.     }
  299.     // line 187
  300.     public function block_stylesheet($context, array $blocks = [])
  301.     {
  302.         $macros = $this->macros;
  303.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  304.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  306.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  307.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  309.         // line 188
  310.         echo "\t<style>
  311.         .ec-modal {
  312.             display: none;
  313.             position: fixed;
  314.             top: 0;
  315.             left: 0;
  316.             z-index: 99999;
  317.             width: 100%;
  318.             height: 100%;
  319.         }
  320.         .ec-modal.small {
  321.             width: 30%;
  322.         }
  323.         .ec-modal.full {
  324.             width: 100%;
  325.             height: 100%;
  326.         }
  327.         .ec-modal .ec-modal-overlay {
  328.             display: flex;
  329.             justify-content: center;
  330.             align-items: center;
  331.             background-color: rgba(0, 0, 0, 0.3);
  332.             width: 100%;
  333.             height: 100%;
  334.         }
  335.         .ec-modal .ec-modal-wrap {
  336.             position: relative;
  337.             border-radius: 6px;
  338.             border: 0px;
  339.             background-color: #fff;
  340.             width: 50%;
  341.             margin: 20px;
  342.             padding: 40px 5px;
  343.         }
  344.         .ec-modal .ec-modal-close {
  345.             cursor: pointer;
  346.             position: absolute;
  347.             right: 20px;
  348.             top: 10px;
  349.             font-size: 20px;
  350.             height: 30px;
  351.             width: 20px;
  352.         }
  353.         .ec-modal .ec-modal-close:hover {
  354.             color: #4b5361;
  355.         }
  356.         .ec-modal .ec-modal-box {
  357.             text-align: center;
  358.         }
  359.         .ec-modal .ec-role {
  360.             margin-top: 20px;
  361.         }
  363. \t\t.margin {
  364.             margin: 3px;
  365.         }
  367.         .artcategory-flex {
  368. \t\t\tbackground-color: #f4f1ee;
  369. \t\t\tpadding: 5px;
  370.             margin-bottom: 30px;
  371. \t\t\tdisplay: flex;
  372. \t\t\tflex-wrap: wrap;
  373.             border-radius: 6px;
  374. \t\t} 
  376.         .category-title {
  377.             padding: 3px;
  378.             margin-left: 2%;
  379.         }
  381.         .category-title h5 {
  382.             color: black;
  383.         }
  385.         .ec-headerSearch__keywordBtn {
  386.             border-radius: 6px;
  387.         }
  390.         a {
  391.             color: black;
  392.             text-decoration: none;
  393.         }
  395.         a:hover {
  396.             color: #d5a770;
  397.             text-decoration: none;
  398.         }
  400.         .mb {
  401.             margin-bottom: 5px;
  402.         }
  404.         .img-wrap {
  405.             width: auto;
  406.             height: 300px;
  407.         }
  409.         .img-wrap img {
  410.             min-width: 250px;
  411.             width: auto;
  412.             height: 300px;
  413.             border-radius: 6px;
  414.         }
  415.         
  416.         .img {
  417.             width: auto;
  418.             height: 300px;
  419.             max-width: auto;
  420.             max-height: 300px;
  421.             object-fit: cover;
  422.         }
  424.         .ec-blockBtn--action {
  425.             display: inline-block;
  426.             margin-bottom: 0;
  427.             font-weight: bold;
  428.             text-align: center;
  429.             vertical-align: middle;
  430.             touch-action: manipulation;
  431.             cursor: pointer;
  432.             background-image: none;
  433.             border: 1px solid transparent;
  434.             white-space: nowrap;
  435.             padding: 6px 12px;
  436.             font-size: 0.875rem;
  437.             border-radius: 1.42857142;
  438.             -webkit-user-select: none;
  439.             -moz-user-select: none;
  440.             -ms-user-select: none;
  441.             user-select: none;
  442.             padding: 10px 16px;
  443.             text-decoration: none;
  444.             color: #fff;
  445.             background-color: #d5a770;
  446.             border-color: #d5a770;
  447.             display: block;
  448.             width: 100%;
  449.             height: 56px;
  450.             line-height: 56px;
  451.             padding-top: 0;
  452.             padding-bottom: 0;
  453.         }
  455.         ";
  456.         // line 334
  457.         echo "        .form-control {
  458.             display: none;
  459.         }
  460.         .form-label {
  461.             display: none;
  462.         }
  464.         .ml-20 {
  465.             margin-left: 20%;
  466.         }
  468.         .deleteIcon {
  469.             color: red;
  470.         }
  471.         .deleteIcon:hover {
  472.             color: red;
  473.         }
  475.         .product-list-flex {
  476.             display: flex;
  477.             justify-content: center;
  478.             padding: 40px;
  479.             margin: 0 auto 30px auto;
  480.             border-radius: 6px;
  481.             background-color: #F2F2F2;
  482.             max-width: 750px;
  483.         }
  485.         .pr-16 {
  486.             padding-right: 16px;
  487.         }
  489.         .skelton_btn {
  490.             width: 130px;
  491.             padding: 6px 12px;
  492.             text-align: center;
  493.             text-decoration: none;
  494.             background: #fff;
  495.         }
  496.         .skelton_btn:hover {
  497.             background: #F2F2F2;
  498.             cursor: pointer;
  499.             text-decoration: none;
  500.             border-radius: 3px;
  501.         }
  503.         @media screen and ( max-width:1035px) {
  504.             .product-list-flex {
  505.                 display: flex;
  506.             }
  507.             .slidebar-multithumb {
  508.                 width: 100%;
  509.             }
  510.             .line {
  511.                 display: none;
  512.             }
  513.             .searchWord {
  514.                 display: none;
  515.             }
  516.             .img-wrap img {
  517.                 min-width: 180px;
  518.                 width: auto;
  519.                 height: 300px;
  520.             }
  521.         }
  523.         @media screen and ( max-width:768px) {
  524.             .product-list-flex {
  525.                 display: none;
  526.             }
  527.             .skelton_btn {
  528.                 display: none;
  529.             }
  530.         }
  533.         .ec-numberInput {
  534.             display: none;
  535.         }
  537.         .product-list-description:hover {
  538.             color: black;
  539.         }
  541. \t</style>
  542. ";
  543.         
  544.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  546.         
  547.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  549.     }
  551.     // line 421
  552.     public function block_main($context, array $blocks = [])
  553.     {
  554.         $macros = $this->macros;
  555.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  556.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  558.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  559.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  561.         // line 422
  562.         echo "    ";
  563.         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.', 422, $this->source); })()), "category_id", [], "any", false, false, false, 422), "vars", [], "any", false, false, false, 422), "errors", [], "any", false, false, false, 422)) > 0)) {
  564.             // line 423
  565.             echo "        <div class=\"ec-searchnavRole\">
  566.             <p class=\"errormsg text-danger\">";
  567.             // line 424
  568.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("ご指定のカテゴリは存在しません"), "html", null, true);
  569.             echo "</p>
  570.         </div>
  571.     ";
  572.         } else {
  573.             // line 427
  574.             echo "        <div class=\"ec-searchnavRole\">
  575.             <form name=\"form1\" id=\"form1\" method=\"get\" action=\"?\">
  576.                 ";
  577.             // line 429
  578.             $context['_parent'] = $context;
  579.             $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.', 429, $this->source); })()));
  580.             foreach ($context['_seq'] as $context["_key"] => $context["item"]) {
  581.                 // line 430
  582.                 echo "                    <input type=\"hidden\" id=\"";
  583.                 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, 430), "id", [], "any", false, false, false, 430), "html", null, true);
  584.                 echo "\"
  585.                            name=\"";
  586.                 // line 431
  587.                 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, 431), "full_name", [], "any", false, false, false, 431), "html", null, true);
  588.                 echo "\"
  589.                            ";
  590.                 // line 432
  591.                 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, 432), "value", [], "any", false, false, false, 432))) {
  592.                     echo "value=\"";
  593.                     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, 432), "value", [], "any", false, false, false, 432), "html", null, true);
  594.                     echo "\" ";
  595.                 }
  596.                 echo "/>
  597.                 ";
  598.             }
  599.             $_parent = $context['_parent'];
  600.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['item'], $context['_parent'], $context['loop']);
  601.             $context = array_intersect_key($context, $_parent) + $_parent;
  602.             // line 434
  603.             echo "            </form>
  604.             <div class=\"ec-searchnavRole__topicpath\">
  605.                 <ol class=\"ec-topicpath\">
  606.                     ";
  607.             // line 437
  608.             if ((null === (isset($context["Category"]) || array_key_exists("Category", $context) ? $context["Category"] : (function () { throw new RuntimeError('Variable "Category" does not exist.', 437, $this->source); })()))) {
  609.                 // line 438
  610.                 echo "                        ";
  611.                 // line 440
  612.                 echo "                        <div class=\"artcategory-flex\">
  613.                             <div class=\"category-title\"><h2 class=\"fontweight-bold gold\"><a href=\"";
  614.                 // line 441
  615.                 echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  616.                 echo "\">";
  617.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("アート作品"), "html", null, true);
  618.                 echo "</a></h2></div>
  619.                         </div>
  620.                     ";
  621.             }
  622.             // line 444
  623.             echo "                    ";
  624.             if ( !(null === (isset($context["Category"]) || array_key_exists("Category", $context) ? $context["Category"] : (function () { throw new RuntimeError('Variable "Category" does not exist.', 444, $this->source); })()))) {
  625.                 // line 445
  626.                 echo "                        ";
  627.                 $context['_parent'] = $context;
  628.                 $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.', 445, $this->source); })()), "path", [], "any", false, false, false, 445));
  629.                 foreach ($context['_seq'] as $context["_key"] => $context["Path"]) {
  630.                     // line 446
  631.                     echo "                            ";
  632.                     // line 449
  633.                     echo "                            <div class=\"artcategory-flex\">
  634.                                 <div class=\"category-title\"><h2 class=\"fontweight-bold gold\"><a href=\"";
  635.                     // line 450
  636.                     echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  637.                     echo "?category_id=";
  638.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Path"], "id", [], "any", false, false, false, 450), "html", null, true);
  639.                     echo "\">";
  640.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Path"], "name", [], "any", false, false, false, 450), "html", null, true);
  641.                     echo "</a></h2></div>
  642.                             </div>
  643.                         ";
  644.                 }
  645.                 $_parent = $context['_parent'];
  646.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Path'], $context['_parent'], $context['loop']);
  647.                 $context = array_intersect_key($context, $_parent) + $_parent;
  648.                 // line 453
  649.                 echo "                    ";
  650.             }
  651.             // line 454
  652.             echo "                    ";
  653.             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.', 454, $this->source); })()), "vars", [], "any", false, false, false, 454), "value", [], "any", false, false, false, 454) && 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.', 454, $this->source); })()), "vars", [], "any", false, false, false, 454), "value", [], "any", false, false, false, 454), "name", [], "any", false, false, false, 454))) {
  654.                 // line 455
  655.                 echo "                        <li class=\"ec-topicpath__divider\">|</li>
  656.                         <li class=\"ec-topicpath__item\">";
  657.                 // line 456
  658.                 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.', 456, $this->source); })()), "vars", [], "any", false, false, false, 456), "value", [], "any", false, false, false, 456), "name", [], "any", false, false, false, 456)]), "html", null, true);
  659.                 echo "</li>
  660.                     ";
  661.             }
  662.             // line 458
  663.             echo "                </ol>
  664.             </div>
  666.             <div class=\"ec-searchnavRole__infos\">
  667.                 <div class=\"ec-searchnavRole__counter\">
  668.                     ";
  669.             // line 463
  670.             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.', 463, $this->source); })()), "totalItemCount", [], "any", false, false, false, 463) > 0)) {
  671.                 // line 464
  672.                 echo "                        ";
  673.                 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.', 464, $this->source); })()), "totalItemCount", [], "any", false, false, false, 464)]);
  674.                 echo "
  675.                     ";
  676.             } else {
  677.                 // line 466
  678.                 echo "                        <span>";
  679.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("お探しの作品は見つかりませんでした"), "html", null, true);
  680.                 echo "</span>
  681.                     ";
  682.             }
  683.             // line 468
  684.             echo "                </div>
  685.                 ";
  686.             // line 469
  687.             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.', 469, $this->source); })()), "totalItemCount", [], "any", false, false, false, 469) > 0)) {
  688.                 // line 470
  689.                 echo "                    <div class=\"ec-searchnavRole__actions\">
  690.                         <div class=\"ec-select\">
  691.                             <a href=\"#\" class=\"skelton_btn\" id=\"isSelected\" onclick=\"clickBtn2()\">絞り込み</a>
  692.                             ";
  693.                 // line 473
  694.                 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.', 473, $this->source); })()), "disp_number", [], "any", false, false, false, 473), 'widget', ["id" => "", "attr" => ["class" => "disp-number"]]);
  695.                 echo "
  696.                             ";
  697.                 // line 474
  698.                 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.', 474, $this->source); })()), "orderby", [], "any", false, false, false, 474), 'widget', ["id" => "", "attr" => ["class" => "order-by"]]);
  699.                 echo "
  700.                         </div>
  701.                     </div>
  702.                 ";
  703.             }
  704.             // line 478
  705.             echo "            </div>
  706.         </div>
  708.         <form method=\"get\" class=\"searchform\" id='search-product' action=\"";
  709.             // line 481
  710.             echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("product_list");
  711.             echo "\">
  712. \t\t\t<div class=\"product-list-flex\" id=\"searchBox\">
  713.                 <div class=\"product-list-size pr-16\">
  714. \t\t\t\t\t<div class=\"ec-headerSearch__category\">
  715.                     <div class=\"fontweight-bold\"><label for=\"range-label\">ワード</label><a class='deleteIcon' href='/products/list?name=&price_min=";
  716.             // line 485
  717.             echo twig_escape_filter($this->env, (isset($context["price_min"]) || array_key_exists("price_min", $context) ? $context["price_min"] : (function () { throw new RuntimeError('Variable "price_min" does not exist.', 485, $this->source); })()), "html", null, true);
  718.             echo "&price_max=";
  719.             echo twig_escape_filter($this->env, (isset($context["price_max"]) || array_key_exists("price_max", $context) ? $context["price_max"] : (function () { throw new RuntimeError('Variable "price_max" does not exist.', 485, $this->source); })()), "html", null, true);
  720.             echo "&size_vertical_min=";
  721.             echo twig_escape_filter($this->env, (isset($context["size_vertical_min"]) || array_key_exists("size_vertical_min", $context) ? $context["size_vertical_min"] : (function () { throw new RuntimeError('Variable "size_vertical_min" does not exist.', 485, $this->source); })()), "html", null, true);
  722.             echo "&size_vertical_max=";
  723.             echo twig_escape_filter($this->env, (isset($context["size_vertical_max"]) || array_key_exists("size_vertical_max", $context) ? $context["size_vertical_max"] : (function () { throw new RuntimeError('Variable "size_vertical_max" does not exist.', 485, $this->source); })()), "html", null, true);
  724.             echo "&size_width_min=";
  725.             echo twig_escape_filter($this->env, (isset($context["size_width_min"]) || array_key_exists("size_width_min", $context) ? $context["size_width_min"] : (function () { throw new RuntimeError('Variable "size_width_min" does not exist.', 485, $this->source); })()), "html", null, true);
  726.             echo "&size_width_max=";
  727.             echo twig_escape_filter($this->env, (isset($context["size_width_max"]) || array_key_exists("size_width_max", $context) ? $context["size_width_max"] : (function () { throw new RuntimeError('Variable "size_width_max" does not exist.', 485, $this->source); })()), "html", null, true);
  728.             echo "'><i class=\"fa-regular fa-trash-can ml-20\"></i></a></div>
  729.                         <div class=\"ec-select ec-select_search margin-top \">
  730.                             ";
  731.             // line 487
  732.             if ((isset($context["name"]) || array_key_exists("name", $context) ? $context["name"] : (function () { throw new RuntimeError('Variable "name" does not exist.', 487, $this->source); })())) {
  733.                 // line 488
  734.                 echo "                            <input type=\"text\" name=\"name\" id=\"name\" placeholder=";
  735.                 echo twig_escape_filter($this->env, (isset($context["name"]) || array_key_exists("name", $context) ? $context["name"] : (function () { throw new RuntimeError('Variable "name" does not exist.', 488, $this->source); })()), "html", null, true);
  736.                 echo ">
  737.                             ";
  738.             } else {
  739.                 // line 490
  740.                 echo "                            <input type=\"text\" name=\"name\" id=\"name\">
  741.                             ";
  742.             }
  743.             // line 492
  744.             echo "                        </div>
  745.                     </div>
  746. \t\t\t\t</div>
  748. \t\t\t\t<div class=\"product-list-size\">
  749. \t\t\t\t\t<div class=\"slidebar-multithumb\">
  750.                         <div class=\"fontweight-bold mb\"><label for=\"range-label\">価格</label><a class='deleteIcon' href='/products/list?name=";
  751.             // line 498
  752.             echo twig_escape_filter($this->env, (isset($context["name"]) || array_key_exists("name", $context) ? $context["name"] : (function () { throw new RuntimeError('Variable "name" does not exist.', 498, $this->source); })()), "html", null, true);
  753.             echo "&price_min=0&price_max=1000000&size_vertical_min=";
  754.             echo twig_escape_filter($this->env, (isset($context["size_vertical_min"]) || array_key_exists("size_vertical_min", $context) ? $context["size_vertical_min"] : (function () { throw new RuntimeError('Variable "size_vertical_min" does not exist.', 498, $this->source); })()), "html", null, true);
  755.             echo "&size_vertical_max=";
  756.             echo twig_escape_filter($this->env, (isset($context["size_vertical_max"]) || array_key_exists("size_vertical_max", $context) ? $context["size_vertical_max"] : (function () { throw new RuntimeError('Variable "size_vertical_max" does not exist.', 498, $this->source); })()), "html", null, true);
  757.             echo "&size_width_min=";
  758.             echo twig_escape_filter($this->env, (isset($context["size_width_min"]) || array_key_exists("size_width_min", $context) ? $context["size_width_min"] : (function () { throw new RuntimeError('Variable "size_width_min" does not exist.', 498, $this->source); })()), "html", null, true);
  759.             echo "&size_width_max=";
  760.             echo twig_escape_filter($this->env, (isset($context["size_width_max"]) || array_key_exists("size_width_max", $context) ? $context["size_width_max"] : (function () { throw new RuntimeError('Variable "size_width_max" does not exist.', 498, $this->source); })()), "html", null, true);
  761.             echo "'><i class=\"fa-regular fa-trash-can ml-20\"></i></a></div>
  762. \t\t\t\t\t\t<div class=\"flex\">
  763. \t\t\t\t\t\t\t<div><span id=\"start-value1\"></span>~</div>
  764. \t\t\t\t\t\t\t<div><span id=\"end-value2\"></span>円</div>
  765. \t\t\t\t\t\t</div>
  766. \t\t\t\t\t\t<div class=\"slidebar-multithumb-title\"></div>
  767.                         ";
  768.             // line 504
  769.             if ((isset($context["price_min"]) || array_key_exists("price_min", $context) ? $context["price_min"] : (function () { throw new RuntimeError('Variable "price_min" does not exist.', 504, $this->source); })())) {
  770.                 // line 505
  771.                 echo "\t\t\t\t\t\t<input class=\"thumb-1\" type=\"range\" name=\"price_min\" id=\"range-1\" value=";
  772.                 echo twig_escape_filter($this->env, (isset($context["price_min"]) || array_key_exists("price_min", $context) ? $context["price_min"] : (function () { throw new RuntimeError('Variable "price_min" does not exist.', 505, $this->source); })()), "html", null, true);
  773.                 echo " min=\"0\" max=\"1000000\" step=\"100\">
  774.                         ";
  775.             } else {
  776.                 // line 507
  777.                 echo "                        <input class=\"thumb-1\" type=\"range\" name=\"price_min\" id=\"range-1\" value=\"0\" min=\"0\" max=\"1000000\" step=\"100\">
  778.                         ";
  779.             }
  780.             // line 509
  781.             echo "                        ";
  782.             if ((isset($context["price_max"]) || array_key_exists("price_max", $context) ? $context["price_max"] : (function () { throw new RuntimeError('Variable "price_max" does not exist.', 509, $this->source); })())) {
  783.                 // line 510
  784.                 echo "\t\t\t\t\t\t<input class=\"thumb-2\" type=\"range\" name=\"price_max\" id=\"range-2\" value=";
  785.                 echo twig_escape_filter($this->env, (isset($context["price_max"]) || array_key_exists("price_max", $context) ? $context["price_max"] : (function () { throw new RuntimeError('Variable "price_max" does not exist.', 510, $this->source); })()), "html", null, true);
  786.                 echo " min=\"0\" max=\"1000000\" step=\"100\">
  787.                         ";
  788.             } else {
  789.                 // line 512
  790.                 echo "                        <input class=\"thumb-2\" type=\"range\" name=\"price_max\" id=\"range-2\" value=\"1000000\" min=\"0\" max=\"1000000\" step=\"100\">
  791.                         ";
  792.             }
  793.             // line 514
  794.             echo "\t\t\t\t\t</div>
  795. \t\t\t\t</div>
  797. \t\t\t\t<div class=\"product-list-size\">
  798. \t\t\t\t\t<div class=\"slidebar-multithumb\">
  799.                         <div class=\"fontweight-bold mb\"><label for=\"range-label\">高さ</label><a class='deleteIcon' href='/products/list?name=";
  800.             // line 519
  801.             echo twig_escape_filter($this->env, (isset($context["name"]) || array_key_exists("name", $context) ? $context["name"] : (function () { throw new RuntimeError('Variable "name" does not exist.', 519, $this->source); })()), "html", null, true);
  802.             echo "&price_min=";
  803.             echo twig_escape_filter($this->env, (isset($context["price_min"]) || array_key_exists("price_min", $context) ? $context["price_min"] : (function () { throw new RuntimeError('Variable "price_min" does not exist.', 519, $this->source); })()), "html", null, true);
  804.             echo "&price_max=";
  805.             echo twig_escape_filter($this->env, (isset($context["price_max"]) || array_key_exists("price_max", $context) ? $context["price_max"] : (function () { throw new RuntimeError('Variable "price_max" does not exist.', 519, $this->source); })()), "html", null, true);
  806.             echo "&size_vertical_min=0&size_vertical_max=300&size_width_min=";
  807.             echo twig_escape_filter($this->env, (isset($context["size_width_min"]) || array_key_exists("size_width_min", $context) ? $context["size_width_min"] : (function () { throw new RuntimeError('Variable "size_width_min" does not exist.', 519, $this->source); })()), "html", null, true);
  808.             echo "&size_width_max=";
  809.             echo twig_escape_filter($this->env, (isset($context["size_width_max"]) || array_key_exists("size_width_max", $context) ? $context["size_width_max"] : (function () { throw new RuntimeError('Variable "size_width_max" does not exist.', 519, $this->source); })()), "html", null, true);
  810.             echo "'><i class=\"fa-regular fa-trash-can ml-20\"></i></a></div>
  811. \t\t\t\t\t\t<div class=\"flex\">
  812. \t\t\t\t\t\t\t<div><span id=\"start-value3\"></span>~</div>
  813. \t\t\t\t\t\t\t<div><span id=\"end-value4\"></span>cm</div>
  814. \t\t\t\t\t\t</div>
  815.                         <div class=\"slidebar-multithumb-title\"></div>
  816.                         ";
  817.             // line 525
  818.             if ((isset($context["size_vertical_min"]) || array_key_exists("size_vertical_min", $context) ? $context["size_vertical_min"] : (function () { throw new RuntimeError('Variable "size_vertical_min" does not exist.', 525, $this->source); })())) {
  819.                 // line 526
  820.                 echo "\t\t\t\t\t\t<input class=\"thumb-1\" type=\"range\" name=\"size_vertical_min\" id=\"range-3\" value=";
  821.                 echo twig_escape_filter($this->env, (isset($context["size_vertical_min"]) || array_key_exists("size_vertical_min", $context) ? $context["size_vertical_min"] : (function () { throw new RuntimeError('Variable "size_vertical_min" does not exist.', 526, $this->source); })()), "html", null, true);
  822.                 echo " min=\"0\" max=\"500\" step=\"10\">
  823.                         ";
  824.             } else {
  825.                 // line 528
  826.                 echo "                        <input class=\"thumb-1\" type=\"range\" name=\"size_vertical_min\" id=\"range-3\" value=\"0\" min=\"0\" max=\"300\" step=\"10\">
  827.                         ";
  828.             }
  829.             // line 530
  830.             echo "
  831.                         ";
  832.             // line 531
  833.             if ((isset($context["size_vertical_max"]) || array_key_exists("size_vertical_max", $context) ? $context["size_vertical_max"] : (function () { throw new RuntimeError('Variable "size_vertical_max" does not exist.', 531, $this->source); })())) {
  834.                 // line 532
  835.                 echo "\t\t\t\t\t\t<input class=\"thumb-2\" type=\"range\" name=\"size_vertical_max\" id=\"range-4\" value=";
  836.                 echo twig_escape_filter($this->env, (isset($context["size_vertical_max"]) || array_key_exists("size_vertical_max", $context) ? $context["size_vertical_max"] : (function () { throw new RuntimeError('Variable "size_vertical_max" does not exist.', 532, $this->source); })()), "html", null, true);
  837.                 echo " min=\"0\" max=\"300\" step=\"10\">
  838.                         ";
  839.             } else {
  840.                 // line 534
  841.                 echo "                        <input class=\"thumb-2\" type=\"range\" name=\"size_vertical_max\" id=\"range-4\" value=\"300\" min=\"0\" max=\"300\" step=\"10\">
  842.                         ";
  843.             }
  844.             // line 536
  845.             echo "\t\t\t\t\t</div>
  846. \t\t\t\t</div>
  848. \t\t\t\t<div class=\"product-list-size\">
  849. \t\t\t\t\t<div class=\"slidebar-multithumb\">
  850.                         <div class=\"fontweight-bold mb\"><label for=\"range-label\">幅</label><a class='deleteIcon' href='/products/list?name=";
  851.             // line 541
  852.             echo twig_escape_filter($this->env, (isset($context["name"]) || array_key_exists("name", $context) ? $context["name"] : (function () { throw new RuntimeError('Variable "name" does not exist.', 541, $this->source); })()), "html", null, true);
  853.             echo "&price_min=";
  854.             echo twig_escape_filter($this->env, (isset($context["price_min"]) || array_key_exists("price_min", $context) ? $context["price_min"] : (function () { throw new RuntimeError('Variable "price_min" does not exist.', 541, $this->source); })()), "html", null, true);
  855.             echo "&price_max=";
  856.             echo twig_escape_filter($this->env, (isset($context["price_max"]) || array_key_exists("price_max", $context) ? $context["price_max"] : (function () { throw new RuntimeError('Variable "price_max" does not exist.', 541, $this->source); })()), "html", null, true);
  857.             echo "&size_vertical_min=";
  858.             echo twig_escape_filter($this->env, (isset($context["size_vertical_min"]) || array_key_exists("size_vertical_min", $context) ? $context["size_vertical_min"] : (function () { throw new RuntimeError('Variable "size_vertical_min" does not exist.', 541, $this->source); })()), "html", null, true);
  859.             echo "&size_vertical_max=";
  860.             echo twig_escape_filter($this->env, (isset($context["size_vertical_max"]) || array_key_exists("size_vertical_max", $context) ? $context["size_vertical_max"] : (function () { throw new RuntimeError('Variable "size_vertical_max" does not exist.', 541, $this->source); })()), "html", null, true);
  861.             echo "&size_width_min=0&size_width_max=300'><i class=\"fa-regular fa-trash-can ml-20\"></i></a></div>
  862. \t\t\t\t\t\t<div class=\"flex\">
  863. \t\t\t\t\t\t\t<div><span id=\"start-value5\"></span>~</div>
  864. \t\t\t\t\t\t\t<div><span id=\"end-value6\"></span>cm</div>
  865. \t\t\t\t\t\t</div>
  866. \t\t\t\t\t\t<div class=\"slidebar-multithumb-title\"></div>
  867.                         ";
  868.             // line 547
  869.             if ((isset($context["size_width_min"]) || array_key_exists("size_width_min", $context) ? $context["size_width_min"] : (function () { throw new RuntimeError('Variable "size_width_min" does not exist.', 547, $this->source); })())) {
  870.                 // line 548
  871.                 echo "\t\t\t\t\t\t<input class=\"thumb-1\" type=\"range\" name=\"size_width_min\" id=\"range-5\" value=";
  872.                 echo twig_escape_filter($this->env, (isset($context["size_width_min"]) || array_key_exists("size_width_min", $context) ? $context["size_width_min"] : (function () { throw new RuntimeError('Variable "size_width_min" does not exist.', 548, $this->source); })()), "html", null, true);
  873.                 echo " min=\"0\" max=\"300\" step=\"10\">
  874.                         ";
  875.             } else {
  876.                 // line 550
  877.                 echo "                        <input class=\"thumb-1\" type=\"range\" name=\"size_width_min\" id=\"range-5\" value=\"0\" min=\"0\" max=\"300\" step=\"10\">
  878.                         ";
  879.             }
  880.             // line 552
  881.             echo "
  882.                         ";
  883.             // line 553
  884.             if ((isset($context["size_width_max"]) || array_key_exists("size_width_max", $context) ? $context["size_width_max"] : (function () { throw new RuntimeError('Variable "size_width_max" does not exist.', 553, $this->source); })())) {
  885.                 // line 554
  886.                 echo "\t\t\t\t\t\t<input class=\"thumb-2\" type=\"range\" name=\"size_width_max\" id=\"range-6\" value=";
  887.                 echo twig_escape_filter($this->env, (isset($context["size_width_max"]) || array_key_exists("size_width_max", $context) ? $context["size_width_max"] : (function () { throw new RuntimeError('Variable "size_width_max" does not exist.', 554, $this->source); })()), "html", null, true);
  888.                 echo " min=\"0\" max=\"300\" step=\"10\">
  889.                         ";
  890.             } else {
  891.                 // line 556
  892.                 echo "                        <input class=\"thumb-2\" type=\"range\" name=\"size_width_max\" id=\"range-6\" value=\"300\" min=\"0\" max=\"300\" step=\"10\">
  893.                         ";
  894.             }
  895.             // line 558
  896.             echo "\t\t\t\t\t</div>
  897. \t\t\t\t</div>
  899. \t\t\t</div>
  900.         </form>
  901.             
  902.         ";
  903.             // line 564
  904.             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.', 564, $this->source); })()), "totalItemCount", [], "any", false, false, false, 564) > 0)) {
  905.                 // line 565
  906.                 echo "            <div class=\"ec-shelfRole\">
  907.                 <ul class=\"ec-shelfGrid\">
  908.                     ";
  909.                 // line 567
  910.                 $context['_parent'] = $context;
  911.                 $context['_seq'] = twig_ensure_traversable((isset($context["pagination"]) || array_key_exists("pagination", $context) ? $context["pagination"] : (function () { throw new RuntimeError('Variable "pagination" does not exist.', 567, $this->source); })()));
  912.                 $context['loop'] = [
  913.                   'parent' => $context['_parent'],
  914.                   'index0' => 0,
  915.                   'index'  => 1,
  916.                   'first'  => true,
  917.                 ];
  918.                 if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  919.                     $length = count($context['_seq']);
  920.                     $context['loop']['revindex0'] = $length - 1;
  921.                     $context['loop']['revindex'] = $length;
  922.                     $context['loop']['length'] = $length;
  923.                     $context['loop']['last'] = 1 === $length;
  924.                 }
  925.                 foreach ($context['_seq'] as $context["_key"] => $context["Product"]) {
  926.                     // line 568
  927.                     echo "                        <li class=\"ec-shelfGrid__item\">
  928.                             <a href=\"";
  929.                     // line 569
  930.                     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, 569)]), "html", null, true);
  931.                     echo "\" class=\"product-list-description\">
  932.                                 ";
  933.                     // line 571
  934.                     echo "                                <div class=\"img-wrap\">
  935.                                     <img class=\"img\" src=\"";
  936.                     // line 572
  937.                     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, 572)), "save_image"), "html", null, true);
  938.                     echo "\" alt=\"";
  939.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Product"], "name", [], "any", false, false, false, 572), "html", null, true);
  940.                     echo "\" ";
  941.                     if ((twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 572) > 5)) {
  942.                         echo " loading=\"lazy\"";
  943.                     }
  944.                     echo ">
  945.                                 </div>
  946.                                 ";
  947.                     // line 575
  948.                     echo "                                <p class=\"price02-default margin\">";
  949.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Product"], "name", [], "any", false, false, false, 575), "html", null, true);
  950.                     echo "</p>
  951. \t\t\t\t\t\t\t\t";
  952.                     // line 577
  953.                     echo "                                ";
  954.                     // line 582
  955.                     echo "                                ";
  956.                     // line 583
  957.                     echo "                                ";
  958.                     if ( !(null === twig_get_attribute($this->env, $this->source, $context["Product"], "getProductionTechnique", [], "any", false, false, false, 583))) {
  959.                         // line 584
  960.                         echo "                                    <p class=\"margin\">";
  961.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Product"], "getProductionTechnique", [], "any", false, false, false, 584), "html", null, true);
  962.                         echo "</p>
  963.                                 ";
  964.                     }
  965.                     // line 586
  966.                     echo "\t\t\t\t\t\t\t\t";
  967.                     // line 587
  968.                     echo "                                ";
  969.                     if ((twig_get_attribute($this->env, $this->source, $context["Product"], "getProductionSizeVertical", [], "any", false, false, false, 587) && twig_get_attribute($this->env, $this->source, $context["Product"], "getProductionSizeWidth", [], "any", false, false, false, 587))) {
  970.                         // line 588
  971.                         echo "\t\t\t\t\t\t\t\t    <p class=\"margin\">";
  972.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Product"], "getProductionSizeVertical", [], "any", false, false, false, 588), "html", null, true);
  973.                         echo " x ";
  974.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Product"], "getProductionSizeWidth", [], "any", false, false, false, 588), "html", null, true);
  975.                         echo " cm</p>
  976.                                 ";
  977.                     }
  978.                     // line 590
  979.                     echo "                                ";
  980.                     if (twig_get_attribute($this->env, $this->source, $context["Product"], "description_list", [], "any", false, false, false, 590)) {
  981.                         // line 591
  982.                         echo "                                    <p class=\"margin\">";
  983.                         echo twig_nl2br(twig_get_attribute($this->env, $this->source, $context["Product"], "description_list", [], "any", false, false, false, 591));
  984.                         echo "</p>
  985.                                 ";
  986.                     }
  987.                     // line 593
  988.                     echo "                                <p class=\"price02-default margin\">
  989.                                     ";
  990.                     // line 594
  991.                     if (twig_get_attribute($this->env, $this->source, $context["Product"], "hasProductClass", [], "any", false, false, false, 594)) {
  992.                         // line 595
  993.                         echo "                                        ";
  994.                         if ((twig_get_attribute($this->env, $this->source, $context["Product"], "getPrice02Min", [], "any", false, false, false, 595) == twig_get_attribute($this->env, $this->source, $context["Product"], "getPrice02Max", [], "any", false, false, false, 595))) {
  995.                             // line 596
  996.                             echo "                                            ";
  997.                             echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(twig_get_attribute($this->env, $this->source, $context["Product"], "getPrice02IncTaxMin", [], "any", false, false, false, 596)), "html", null, true);
  998.                             echo "
  999.                                         ";
  1000.                         } else {
  1001.                             // line 598
  1002.                             echo "                                            ";
  1003.                             echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(twig_get_attribute($this->env, $this->source, $context["Product"], "getPrice02IncTaxMin", [], "any", false, false, false, 598)), "html", null, true);
  1004.                             echo " ～ ";
  1005.                             echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(twig_get_attribute($this->env, $this->source, $context["Product"], "getPrice02IncTaxMax", [], "any", false, false, false, 598)), "html", null, true);
  1006.                             echo "
  1007.                                         ";
  1008.                         }
  1009.                         // line 600
  1010.                         echo "                                    ";
  1011.                     } else {
  1012.                         // line 601
  1013.                         echo "                                        ";
  1014.                         echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(twig_get_attribute($this->env, $this->source, $context["Product"], "getPrice02IncTaxMin", [], "any", false, false, false, 601)), "html", null, true);
  1015.                         echo "
  1016.                                     ";
  1017.                     }
  1018.                     // line 603
  1019.                     echo "                                </p>
  1020.                             </a>
  1022.                             ";
  1023.                     // line 606
  1024.                     if (twig_get_attribute($this->env, $this->source, $context["Product"], "stock_find", [], "any", false, false, false, 606)) {
  1025.                         // line 607
  1026.                         echo "                                ";
  1027.                         $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.', 607, $this->source); })()), twig_get_attribute($this->env, $this->source, $context["Product"], "id", [], "any", false, false, false, 607), [], "array", false, false, false, 607);
  1028.                         // line 608
  1029.                         echo "                                ";
  1030.                         // line 609
  1031.                         echo "                                <form name=\"form";
  1032.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Product"], "id", [], "any", false, false, false, 609), "html", null, true);
  1033.                         echo "\" id=\"productForm";
  1034.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Product"], "id", [], "any", false, false, false, 609), "html", null, true);
  1035.                         echo "\" action=\"";
  1036.                         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_add_cart", ["id" => twig_get_attribute($this->env, $this->source, $context["Product"], "id", [], "any", false, false, false, 609)]), "html", null, true);
  1037.                         echo "\" method=\"post\">
  1038.                                     <div class=\"ec-productRole__actions\">
  1039.                                         ";
  1040.                         // line 611
  1041.                         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, false, 611)) {
  1042.                             // line 612
  1043.                             echo "                                            <div class=\"ec-select\">
  1044.                                                 ";
  1045.                             // line 613
  1046.                             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.', 613, $this->source); })()), "classcategory_id1", [], "any", false, false, false, 613), 'widget');
  1047.                             echo "
  1048.                                                 ";
  1049.                             // line 614
  1050.                             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.', 614, $this->source); })()), "classcategory_id1", [], "any", false, false, false, 614), 'errors');
  1051.                             echo "
  1052.                                             </div>
  1053.                                             ";
  1054.                             // line 616
  1055.                             if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, false, 616)) {
  1056.                                 // line 617
  1057.                                 echo "                                                <div class=\"ec-select\">
  1058.                                                     ";
  1059.                                 // line 618
  1060.                                 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.', 618, $this->source); })()), "classcategory_id2", [], "any", false, false, false, 618), 'widget');
  1061.                                 echo "
  1062.                                                     ";
  1063.                                 // line 619
  1064.                                 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.', 619, $this->source); })()), "classcategory_id2", [], "any", false, false, false, 619), 'errors');
  1065.                                 echo "
  1066.                                                 </div>
  1067.                                             ";
  1068.                             }
  1069.                             // line 622
  1070.                             echo "                                        ";
  1071.                         }
  1072.                         // line 623
  1073.                         echo "                                        <div class=\"ec-numberInput\"><span>";
  1074.                         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("数量"), "html", null, true);
  1075.                         echo "</span>
  1076.                                             ";
  1077.                         // line 624
  1078.                         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.', 624, $this->source); })()), "quantity", [], "any", false, false, false, 624), 'widget', ["attr" => ["class" => "quantity"]]);
  1079.                         echo "
  1080.                                             ";
  1081.                         // line 625
  1082.                         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.', 625, $this->source); })()), "quantity", [], "any", false, false, false, 625), 'errors');
  1083.                         echo "
  1084.                                         </div>
  1085.                                     </div>
  1086.                                     ";
  1087.                         // line 628
  1088.                         echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock((isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 628, $this->source); })()), 'rest');
  1089.                         echo "
  1090.                                 </form>
  1091.                                 <div class=\"ec-productRole__btn\">
  1092.                                     <button type=\"submit\" class=\"ec-blockBtn--action add-cart\" data-cartid=\"";
  1093.                         // line 631
  1094.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Product"], "id", [], "any", false, false, false, 631), "html", null, true);
  1095.                         echo "\" form=\"productForm";
  1096.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Product"], "id", [], "any", false, false, false, 631), "html", null, true);
  1097.                         echo "\">
  1098.                                         ";
  1099.                         // line 632
  1100.                         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートに入れる"), "html", null, true);
  1101.                         echo "
  1102.                                     </button>
  1103.                                 </div>
  1104.                             ";
  1105.                     } else {
  1106.                         // line 636
  1107.                         echo "                                <div class=\"ec-productRole__btn\">
  1108.                                     <button type=\"button\" class=\"ec-blockBtn--action\" disabled=\"disabled\">
  1109.                                         ";
  1110.                         // line 638
  1111.                         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("ただいま品切れ中です。"), "html", null, true);
  1112.                         echo "
  1113.                                     </button>
  1114.                                 </div>
  1115.                             ";
  1116.                     }
  1117.                     // line 642
  1118.                     echo "                        </li>
  1119.                     ";
  1120.                     ++$context['loop']['index0'];
  1121.                     ++$context['loop']['index'];
  1122.                     $context['loop']['first'] = false;
  1123.                     if (isset($context['loop']['length'])) {
  1124.                         --$context['loop']['revindex0'];
  1125.                         --$context['loop']['revindex'];
  1126.                         $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  1127.                     }
  1128.                 }
  1129.                 $_parent = $context['_parent'];
  1130.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Product'], $context['_parent'], $context['loop']);
  1131.                 $context = array_intersect_key($context, $_parent) + $_parent;
  1132.                 // line 644
  1133.                 echo "                </ul>
  1134.             </div>
  1135.             <div class=\"ec-modal\">
  1136.                 <div class=\"ec-modal-overlay\">
  1137.                     <div class=\"ec-modal-wrap\">
  1138.                         <span class=\"ec-modal-close\"><span class=\"ec-icon\"><img src=\"";
  1139.                 // line 649
  1140.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/icon/cross-dark.svg"), "html", null, true);
  1141.                 echo "\" alt=\"\"/></span></span>
  1142.                         <div id=\"ec-modal-header\" class=\"text-center\">";
  1143.                 // line 650
  1144.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートに追加しました。"), "html", null, true);
  1145.                 echo "</div>
  1146.                         <div class=\"ec-modal-box\">
  1147.                             <div class=\"ec-role\">
  1148.                                 <span class=\"ec-inlineBtn--cancel\">";
  1149.                 // line 653
  1150.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("お買い物を続ける"), "html", null, true);
  1151.                 echo "</span>
  1152.                                 <a href=\"";
  1153.                 // line 654
  1154.                 echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("cart");
  1155.                 echo "\" class=\"ec-inlineBtn--action mt-5per\">";
  1156.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートへ進む"), "html", null, true);
  1157.                 echo "</a>
  1158.                             </div>
  1159.                         </div>
  1160.                     </div>
  1161.                 </div>
  1162.             </div>
  1163.             <div class=\"ec-pagerRole\">
  1164.                 ";
  1165.                 // line 661
  1166.                 $this->loadTemplate("pager.twig", "Product/list.twig", 661)->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.', 661, $this->source); })()), "paginationData", [], "any", false, false, false, 661)]));
  1167.                 // line 662
  1168.                 echo "            </div>
  1169.         ";
  1170.             }
  1171.             // line 664
  1172.             echo "    ";
  1173.         }
  1174.         
  1175.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  1177.         
  1178.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  1180.     }
  1182.     public function getTemplateName()
  1183.     {
  1184.         return "Product/list.twig";
  1185.     }
  1187.     public function isTraitable()
  1188.     {
  1189.         return false;
  1190.     }
  1192.     public function getDebugInfo()
  1193.     {
  1194.         return array (  1172 => 664,  1168 => 662,  1166 => 661,  1154 => 654,  1150 => 653,  1144 => 650,  1140 => 649,  1133 => 644,  1118 => 642,  1111 => 638,  1107 => 636,  1100 => 632,  1094 => 631,  1088 => 628,  1082 => 625,  1078 => 624,  1073 => 623,  1070 => 622,  1064 => 619,  1060 => 618,  1057 => 617,  1055 => 616,  1050 => 614,  1046 => 613,  1043 => 612,  1041 => 611,  1031 => 609,  1029 => 608,  1026 => 607,  1024 => 606,  1019 => 603,  1013 => 601,  1010 => 600,  1002 => 598,  996 => 596,  993 => 595,  991 => 594,  988 => 593,  982 => 591,  979 => 590,  971 => 588,  968 => 587,  966 => 586,  960 => 584,  957 => 583,  955 => 582,  953 => 577,  948 => 575,  937 => 572,  934 => 571,  930 => 569,  927 => 568,  910 => 567,  906 => 565,  904 => 564,  896 => 558,  892 => 556,  886 => 554,  884 => 553,  881 => 552,  877 => 550,  871 => 548,  869 => 547,  852 => 541,  845 => 536,  841 => 534,  835 => 532,  833 => 531,  830 => 530,  826 => 528,  820 => 526,  818 => 525,  801 => 519,  794 => 514,  790 => 512,  784 => 510,  781 => 509,  777 => 507,  771 => 505,  769 => 504,  752 => 498,  744 => 492,  740 => 490,  734 => 488,  732 => 487,  717 => 485,  710 => 481,  705 => 478,  698 => 474,  694 => 473,  689 => 470,  687 => 469,  684 => 468,  678 => 466,  672 => 464,  670 => 463,  663 => 458,  658 => 456,  655 => 455,  652 => 454,  649 => 453,  636 => 450,  633 => 449,  631 => 446,  626 => 445,  623 => 444,  615 => 441,  612 => 440,  610 => 438,  608 => 437,  603 => 434,  591 => 432,  587 => 431,  582 => 430,  578 => 429,  574 => 427,  568 => 424,  565 => 423,  562 => 422,  552 => 421,  457 => 334,  310 => 188,  300 => 187,  204 => 99,  185 => 82,  175 => 75,  144 => 47,  116 => 21,  102 => 20,  94 => 19,  77 => 18,  73 => 16,  63 => 15,  52 => 11,  50 => 13,  37 => 11,);
  1195.     }
  1197.     public function getSourceContext()
  1198.     {
  1199.         return new Source("{#
  1200. This file is part of EC-CUBE
  1202. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  1204. http://www.ec-cube.co.jp/
  1206. For the full copyright and license information, please view the LICENSE
  1207. file that was distributed with this source code.
  1208. #}
  1209. {% extends 'default_frame.twig' %}
  1211. {% set body_class = 'product_page' %}
  1213. {% block javascript %}
  1214.     <script>
  1215.         eccube.productsClassCategories = {
  1216.             {% for Product in pagination %}
  1217.             \"{{ Product.id|escape('js') }}\": {{ class_categories_as_json(Product)|raw }}{% if loop.last == false %}, {% endif %}
  1218.             {% endfor %}
  1219.         };
  1221.         \$(function() {
  1223.             // 表示件数を変更
  1224.             \$('.disp-number').change(function() {
  1225.                 var dispNumber = \$(this).val();
  1226.                 \$('#disp_number').val(dispNumber);
  1227.                 \$('#pageno').val(1);
  1228.                 \$(\"#form1\").submit();
  1229.             });
  1231.             // 並び順を変更
  1232.             \$('.order-by').change(function() {
  1233.                 var orderBy = \$(this).val();
  1234.                 \$('#orderby').val(orderBy);
  1235.                 \$('#pageno').val(1);
  1236.                 \$(\"#form1\").submit();
  1237.             });
  1239.             \$('.add-cart').on('click', function(e) {
  1240.                 var \$form = \$(this).parents('li').find('form');
  1242.                 // 個数フォームのチェック
  1243.                 var \$quantity = \$form.parent().find('.quantity');
  1244.                 if (\$quantity.val() < 1) {
  1245.                     \$quantity[0].setCustomValidity('{{ '1以上で入力してください。'|trans }}');
  1246.                     setTimeout(function() {
  1247.                         loadingOverlay('hide');
  1248.                     }, 100);
  1249.                     return true;
  1250.                 } else {
  1251.                     \$quantity[0].setCustomValidity('');
  1252.                 }
  1253.                 e.preventDefault();
  1254.                 \$.ajax({
  1255.                     url: \$form.attr('action'),
  1256.                     type: \$form.attr('method'),
  1257.                     data: \$form.serialize(),
  1258.                     dataType: 'json',
  1259.                     beforeSend: function(xhr, settings) {
  1260.                         // Buttonを無効にする
  1261.                         \$('.add-cart').prop('disabled', true);
  1262.                     }
  1263.                 }).done(function(data) {
  1264.                     // レスポンス内のメッセージをalertで表示
  1265.                     \$.each(data.messages, function() {
  1266.                         \$('#ec-modal-header').html(this);
  1267.                     });
  1269.                     \$('.ec-modal').show()
  1271.                     // カートブロックを更新する
  1272.                     \$.ajax({
  1273.                         url: '{{ url('block_cart') }}',
  1274.                         type: 'GET',
  1275.                         dataType: 'html'
  1276.                     }).done(function(html) {
  1277.                         \$('.ec-headerRole__cart').html(html);
  1278.                     });
  1279.                 }).fail(function(data) {
  1280.                     alert('{{ 'カートへの追加に失敗しました。'|trans }}');
  1281.                 }).always(function(data) {
  1282.                     // Buttonを有効にする
  1283.                     \$('.add-cart').prop('disabled', false);
  1284.                 });
  1285.             });
  1286.         });
  1288.         \$('.ec-modal-wrap').on('click', function(e) {
  1289.             // モーダル内の処理は外側にバブリングさせない
  1290.             e.stopPropagation();
  1291.         });
  1292.         \$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .ec-inlineBtn--cancel').on('click', function() {
  1293.             \$('.ec-modal').hide()
  1294.         });
  1296.         {# word検索 #}
  1297.         const word = document.querySelector('#name');
  1298.         word.addEventListener('input', (evt) => {
  1299. \t\t\tword.textContent = evt.target.value;
  1300.             \$('#search-product').submit();
  1301. \t\t})
  1303. \t\t//価格のslider
  1304. \t\tconst range1 = document.querySelector('#range-1');
  1305. \t\tconst range2 = document.querySelector('#range-2');
  1307. \t\tconst startValue1 = document.querySelector('#start-value1');
  1308. \t\tconst endValue2 = document.querySelector('#end-value2');
  1310. \t\trange1.addEventListener('input', (evt) => {
  1311. \t\t\tstartValue1.textContent = evt.target.value;
  1312.             \$('#search-product').submit();
  1313. \t\t})
  1315. \t\trange2.addEventListener('input', (evt) => {
  1316. \t\t\tendValue2.textContent = evt.target.value;
  1317.             \$('#search-product').submit();
  1318. \t\t})
  1320. \t\tstartValue1.textContent = range1.value;
  1321. \t\tendValue2.textContent = range2.value;
  1323. \t\t//高さのslider
  1324. \t\tconst range3 = document.querySelector('#range-3');
  1325. \t\tconst range4 = document.querySelector('#range-4');
  1327. \t\tconst startValue3 = document.querySelector('#start-value3');
  1328. \t\tconst endValue4 = document.querySelector('#end-value4');
  1330. \t\trange3.addEventListener('input', (evt) => {
  1331. \t\t\tstartValue3.textContent = evt.target.value;
  1332.             \$('#search-product').submit();
  1333. \t\t})
  1335. \t\trange4.addEventListener('input', (evt) => {
  1336. \t\t\tendValue4.textContent = evt.target.value;
  1337.             \$('#search-product').submit();
  1338. \t\t})
  1340. \t\tstartValue3.textContent = range3.value;
  1341. \t\tendValue4.textContent = range4.value;
  1343. \t\t//幅のslider
  1344. \t\tconst range5 = document.querySelector('#range-5');
  1345. \t\tconst range6 = document.querySelector('#range-6');
  1347. \t\tconst startValue5 = document.querySelector('#start-value5');
  1348. \t\tconst endValue6 = document.querySelector('#end-value6');
  1350. \t\trange5.addEventListener('input', (evt) => {
  1351. \t\t\tstartValue5.textContent = evt.target.value;
  1352.             \$('#search-product').submit();
  1353. \t\t})
  1355. \t\trange6.addEventListener('input', (evt) => {
  1356. \t\t\tendValue6.textContent = evt.target.value;
  1357.             \$('#search-product').submit();
  1358. \t\t})
  1360. \t\tstartValue5.textContent = range5.value;
  1361. \t\tendValue6.textContent = range6.value;
  1363.         //初期表示は非表示
  1364.         document.getElementById(\"searchBox\").style.display =\"none\";
  1366.         //絞り込みボタンの背景色を制御
  1367.         const search = location.search;
  1368.         if (search !== \"\") {
  1369.             isSelected.style.background = \"#F2F2F2\";
  1370.         }
  1372.         function clickBtn2(){ //検索ボックスの表示・非表示を制御
  1373.             const searchBox = document.getElementById(\"searchBox\");
  1374.             const isSelected = document.getElementById(\"isSelected\");
  1376.             if (searchBox.style.display==\"\"){
  1377.                 searchBox.style.display =\"none\";
  1378.             } else{
  1379.                 searchBox.style.display =\"\";
  1380.             }
  1381.         }
  1382.     </script>
  1383. {% endblock %}
  1385. {% block stylesheet %}
  1386. \t<style>
  1387.         .ec-modal {
  1388.             display: none;
  1389.             position: fixed;
  1390.             top: 0;
  1391.             left: 0;
  1392.             z-index: 99999;
  1393.             width: 100%;
  1394.             height: 100%;
  1395.         }
  1396.         .ec-modal.small {
  1397.             width: 30%;
  1398.         }
  1399.         .ec-modal.full {
  1400.             width: 100%;
  1401.             height: 100%;
  1402.         }
  1403.         .ec-modal .ec-modal-overlay {
  1404.             display: flex;
  1405.             justify-content: center;
  1406.             align-items: center;
  1407.             background-color: rgba(0, 0, 0, 0.3);
  1408.             width: 100%;
  1409.             height: 100%;
  1410.         }
  1411.         .ec-modal .ec-modal-wrap {
  1412.             position: relative;
  1413.             border-radius: 6px;
  1414.             border: 0px;
  1415.             background-color: #fff;
  1416.             width: 50%;
  1417.             margin: 20px;
  1418.             padding: 40px 5px;
  1419.         }
  1420.         .ec-modal .ec-modal-close {
  1421.             cursor: pointer;
  1422.             position: absolute;
  1423.             right: 20px;
  1424.             top: 10px;
  1425.             font-size: 20px;
  1426.             height: 30px;
  1427.             width: 20px;
  1428.         }
  1429.         .ec-modal .ec-modal-close:hover {
  1430.             color: #4b5361;
  1431.         }
  1432.         .ec-modal .ec-modal-box {
  1433.             text-align: center;
  1434.         }
  1435.         .ec-modal .ec-role {
  1436.             margin-top: 20px;
  1437.         }
  1439. \t\t.margin {
  1440.             margin: 3px;
  1441.         }
  1443.         .artcategory-flex {
  1444. \t\t\tbackground-color: #f4f1ee;
  1445. \t\t\tpadding: 5px;
  1446.             margin-bottom: 30px;
  1447. \t\t\tdisplay: flex;
  1448. \t\t\tflex-wrap: wrap;
  1449.             border-radius: 6px;
  1450. \t\t} 
  1452.         .category-title {
  1453.             padding: 3px;
  1454.             margin-left: 2%;
  1455.         }
  1457.         .category-title h5 {
  1458.             color: black;
  1459.         }
  1461.         .ec-headerSearch__keywordBtn {
  1462.             border-radius: 6px;
  1463.         }
  1466.         a {
  1467.             color: black;
  1468.             text-decoration: none;
  1469.         }
  1471.         a:hover {
  1472.             color: #d5a770;
  1473.             text-decoration: none;
  1474.         }
  1476.         .mb {
  1477.             margin-bottom: 5px;
  1478.         }
  1480.         .img-wrap {
  1481.             width: auto;
  1482.             height: 300px;
  1483.         }
  1485.         .img-wrap img {
  1486.             min-width: 250px;
  1487.             width: auto;
  1488.             height: 300px;
  1489.             border-radius: 6px;
  1490.         }
  1491.         
  1492.         .img {
  1493.             width: auto;
  1494.             height: 300px;
  1495.             max-width: auto;
  1496.             max-height: 300px;
  1497.             object-fit: cover;
  1498.         }
  1500.         .ec-blockBtn--action {
  1501.             display: inline-block;
  1502.             margin-bottom: 0;
  1503.             font-weight: bold;
  1504.             text-align: center;
  1505.             vertical-align: middle;
  1506.             touch-action: manipulation;
  1507.             cursor: pointer;
  1508.             background-image: none;
  1509.             border: 1px solid transparent;
  1510.             white-space: nowrap;
  1511.             padding: 6px 12px;
  1512.             font-size: 0.875rem;
  1513.             border-radius: 1.42857142;
  1514.             -webkit-user-select: none;
  1515.             -moz-user-select: none;
  1516.             -ms-user-select: none;
  1517.             user-select: none;
  1518.             padding: 10px 16px;
  1519.             text-decoration: none;
  1520.             color: #fff;
  1521.             background-color: #d5a770;
  1522.             border-color: #d5a770;
  1523.             display: block;
  1524.             width: 100%;
  1525.             height: 56px;
  1526.             line-height: 56px;
  1527.             padding-top: 0;
  1528.             padding-bottom: 0;
  1529.         }
  1531.         {# これしないとmaker_idのフォームが表示されてしまう #}
  1532.         .form-control {
  1533.             display: none;
  1534.         }
  1535.         .form-label {
  1536.             display: none;
  1537.         }
  1539.         .ml-20 {
  1540.             margin-left: 20%;
  1541.         }
  1543.         .deleteIcon {
  1544.             color: red;
  1545.         }
  1546.         .deleteIcon:hover {
  1547.             color: red;
  1548.         }
  1550.         .product-list-flex {
  1551.             display: flex;
  1552.             justify-content: center;
  1553.             padding: 40px;
  1554.             margin: 0 auto 30px auto;
  1555.             border-radius: 6px;
  1556.             background-color: #F2F2F2;
  1557.             max-width: 750px;
  1558.         }
  1560.         .pr-16 {
  1561.             padding-right: 16px;
  1562.         }
  1564.         .skelton_btn {
  1565.             width: 130px;
  1566.             padding: 6px 12px;
  1567.             text-align: center;
  1568.             text-decoration: none;
  1569.             background: #fff;
  1570.         }
  1571.         .skelton_btn:hover {
  1572.             background: #F2F2F2;
  1573.             cursor: pointer;
  1574.             text-decoration: none;
  1575.             border-radius: 3px;
  1576.         }
  1578.         @media screen and ( max-width:1035px) {
  1579.             .product-list-flex {
  1580.                 display: flex;
  1581.             }
  1582.             .slidebar-multithumb {
  1583.                 width: 100%;
  1584.             }
  1585.             .line {
  1586.                 display: none;
  1587.             }
  1588.             .searchWord {
  1589.                 display: none;
  1590.             }
  1591.             .img-wrap img {
  1592.                 min-width: 180px;
  1593.                 width: auto;
  1594.                 height: 300px;
  1595.             }
  1596.         }
  1598.         @media screen and ( max-width:768px) {
  1599.             .product-list-flex {
  1600.                 display: none;
  1601.             }
  1602.             .skelton_btn {
  1603.                 display: none;
  1604.             }
  1605.         }
  1608.         .ec-numberInput {
  1609.             display: none;
  1610.         }
  1612.         .product-list-description:hover {
  1613.             color: black;
  1614.         }
  1616. \t</style>
  1617. {% endblock %}
  1619. {% block main %}
  1620.     {% if search_form.category_id.vars.errors|length > 0 %}
  1621.         <div class=\"ec-searchnavRole\">
  1622.             <p class=\"errormsg text-danger\">{{ 'ご指定のカテゴリは存在しません'|trans }}</p>
  1623.         </div>
  1624.     {% else %}
  1625.         <div class=\"ec-searchnavRole\">
  1626.             <form name=\"form1\" id=\"form1\" method=\"get\" action=\"?\">
  1627.                 {% for item in search_form %}
  1628.                     <input type=\"hidden\" id=\"{{ item.vars.id }}\"
  1629.                            name=\"{{ item.vars.full_name }}\"
  1630.                            {% if item.vars.value is not empty %}value=\"{{ item.vars.value }}\" {% endif %}/>
  1631.                 {% endfor %}
  1632.             </form>
  1633.             <div class=\"ec-searchnavRole__topicpath\">
  1634.                 <ol class=\"ec-topicpath\">
  1635.                     {% if Category is null %}
  1636.                         {# <li class=\"ec-topicpath__item\"><a href=\"{{ url('product_list') }}\">{{ '全て'|trans }}</a>
  1637.                         </li> #}
  1638.                         <div class=\"artcategory-flex\">
  1639.                             <div class=\"category-title\"><h2 class=\"fontweight-bold gold\"><a href=\"{{ url('product_list') }}\">{{ 'アート作品'|trans }}</a></h2></div>
  1640.                         </div>
  1641.                     {% endif %}
  1642.                     {% if Category is not null %}
  1643.                         {% for Path in Category.path %}
  1644.                             {# <li class=\"ec-topicpath__item{% if loop.last %}--active{% endif %}\"><a
  1645.                                         href=\"{{ url('product_list') }}?category_id={{ Path.id }}\">{{ Path.name }}</a>
  1646.                             </li> #}
  1647.                             <div class=\"artcategory-flex\">
  1648.                                 <div class=\"category-title\"><h2 class=\"fontweight-bold gold\"><a href=\"{{ url('product_list') }}?category_id={{ Path.id }}\">{{ Path.name }}</a></h2></div>
  1649.                             </div>
  1650.                         {% endfor %}
  1651.                     {% endif %}
  1652.                     {% if search_form.vars.value and search_form.vars.value.name %}
  1653.                         <li class=\"ec-topicpath__divider\">|</li>
  1654.                         <li class=\"ec-topicpath__item\">{{ '「%name%」の検索結果'|trans({ '%name%': search_form.vars.value.name }) }}</li>
  1655.                     {% endif %}
  1656.                 </ol>
  1657.             </div>
  1659.             <div class=\"ec-searchnavRole__infos\">
  1660.                 <div class=\"ec-searchnavRole__counter\">
  1661.                     {% if pagination.totalItemCount > 0 %}
  1662.                         {{ '<span class=\"ec-font-bold\">%count%件</span><span>の作品が見つかりました</span>'|trans({ '%count%': pagination.totalItemCount })|raw }}
  1663.                     {% else %}
  1664.                         <span>{{ 'お探しの作品は見つかりませんでした'|trans }}</span>
  1665.                     {% endif %}
  1666.                 </div>
  1667.                 {% if pagination.totalItemCount > 0 %}
  1668.                     <div class=\"ec-searchnavRole__actions\">
  1669.                         <div class=\"ec-select\">
  1670.                             <a href=\"#\" class=\"skelton_btn\" id=\"isSelected\" onclick=\"clickBtn2()\">絞り込み</a>
  1671.                             {{ form_widget(search_form.disp_number, {'id': '', 'attr': {'class': 'disp-number'}}) }}
  1672.                             {{ form_widget(search_form.orderby, {'id': '', 'attr': {'class': 'order-by'}}) }}
  1673.                         </div>
  1674.                     </div>
  1675.                 {% endif %}
  1676.             </div>
  1677.         </div>
  1679.         <form method=\"get\" class=\"searchform\" id='search-product' action=\"{{ path('product_list') }}\">
  1680. \t\t\t<div class=\"product-list-flex\" id=\"searchBox\">
  1681.                 <div class=\"product-list-size pr-16\">
  1682. \t\t\t\t\t<div class=\"ec-headerSearch__category\">
  1683.                     <div class=\"fontweight-bold\"><label for=\"range-label\">ワード</label><a class='deleteIcon' href='/products/list?name=&price_min={{price_min}}&price_max={{price_max}}&size_vertical_min={{size_vertical_min}}&size_vertical_max={{size_vertical_max}}&size_width_min={{size_width_min}}&size_width_max={{size_width_max}}'><i class=\"fa-regular fa-trash-can ml-20\"></i></a></div>
  1684.                         <div class=\"ec-select ec-select_search margin-top \">
  1685.                             {% if name %}
  1686.                             <input type=\"text\" name=\"name\" id=\"name\" placeholder={{name}}>
  1687.                             {% else %}
  1688.                             <input type=\"text\" name=\"name\" id=\"name\">
  1689.                             {% endif %}
  1690.                         </div>
  1691.                     </div>
  1692. \t\t\t\t</div>
  1694. \t\t\t\t<div class=\"product-list-size\">
  1695. \t\t\t\t\t<div class=\"slidebar-multithumb\">
  1696.                         <div class=\"fontweight-bold mb\"><label for=\"range-label\">価格</label><a class='deleteIcon' href='/products/list?name={{name}}&price_min=0&price_max=1000000&size_vertical_min={{size_vertical_min}}&size_vertical_max={{size_vertical_max}}&size_width_min={{size_width_min}}&size_width_max={{size_width_max}}'><i class=\"fa-regular fa-trash-can ml-20\"></i></a></div>
  1697. \t\t\t\t\t\t<div class=\"flex\">
  1698. \t\t\t\t\t\t\t<div><span id=\"start-value1\"></span>~</div>
  1699. \t\t\t\t\t\t\t<div><span id=\"end-value2\"></span>円</div>
  1700. \t\t\t\t\t\t</div>
  1701. \t\t\t\t\t\t<div class=\"slidebar-multithumb-title\"></div>
  1702.                         {% if price_min %}
  1703. \t\t\t\t\t\t<input class=\"thumb-1\" type=\"range\" name=\"price_min\" id=\"range-1\" value={{price_min}} min=\"0\" max=\"1000000\" step=\"100\">
  1704.                         {% else %}
  1705.                         <input class=\"thumb-1\" type=\"range\" name=\"price_min\" id=\"range-1\" value=\"0\" min=\"0\" max=\"1000000\" step=\"100\">
  1706.                         {% endif %}
  1707.                         {% if price_max %}
  1708. \t\t\t\t\t\t<input class=\"thumb-2\" type=\"range\" name=\"price_max\" id=\"range-2\" value={{price_max}} min=\"0\" max=\"1000000\" step=\"100\">
  1709.                         {% else %}
  1710.                         <input class=\"thumb-2\" type=\"range\" name=\"price_max\" id=\"range-2\" value=\"1000000\" min=\"0\" max=\"1000000\" step=\"100\">
  1711.                         {% endif %}
  1712. \t\t\t\t\t</div>
  1713. \t\t\t\t</div>
  1715. \t\t\t\t<div class=\"product-list-size\">
  1716. \t\t\t\t\t<div class=\"slidebar-multithumb\">
  1717.                         <div class=\"fontweight-bold mb\"><label for=\"range-label\">高さ</label><a class='deleteIcon' href='/products/list?name={{name}}&price_min={{price_min}}&price_max={{price_max}}&size_vertical_min=0&size_vertical_max=300&size_width_min={{size_width_min}}&size_width_max={{size_width_max}}'><i class=\"fa-regular fa-trash-can ml-20\"></i></a></div>
  1718. \t\t\t\t\t\t<div class=\"flex\">
  1719. \t\t\t\t\t\t\t<div><span id=\"start-value3\"></span>~</div>
  1720. \t\t\t\t\t\t\t<div><span id=\"end-value4\"></span>cm</div>
  1721. \t\t\t\t\t\t</div>
  1722.                         <div class=\"slidebar-multithumb-title\"></div>
  1723.                         {% if size_vertical_min %}
  1724. \t\t\t\t\t\t<input class=\"thumb-1\" type=\"range\" name=\"size_vertical_min\" id=\"range-3\" value={{size_vertical_min}} min=\"0\" max=\"500\" step=\"10\">
  1725.                         {% else %}
  1726.                         <input class=\"thumb-1\" type=\"range\" name=\"size_vertical_min\" id=\"range-3\" value=\"0\" min=\"0\" max=\"300\" step=\"10\">
  1727.                         {% endif %}
  1729.                         {% if size_vertical_max %}
  1730. \t\t\t\t\t\t<input class=\"thumb-2\" type=\"range\" name=\"size_vertical_max\" id=\"range-4\" value={{size_vertical_max}} min=\"0\" max=\"300\" step=\"10\">
  1731.                         {% else %}
  1732.                         <input class=\"thumb-2\" type=\"range\" name=\"size_vertical_max\" id=\"range-4\" value=\"300\" min=\"0\" max=\"300\" step=\"10\">
  1733.                         {% endif %}
  1734. \t\t\t\t\t</div>
  1735. \t\t\t\t</div>
  1737. \t\t\t\t<div class=\"product-list-size\">
  1738. \t\t\t\t\t<div class=\"slidebar-multithumb\">
  1739.                         <div class=\"fontweight-bold mb\"><label for=\"range-label\">幅</label><a class='deleteIcon' href='/products/list?name={{name}}&price_min={{price_min}}&price_max={{price_max}}&size_vertical_min={{size_vertical_min}}&size_vertical_max={{size_vertical_max}}&size_width_min=0&size_width_max=300'><i class=\"fa-regular fa-trash-can ml-20\"></i></a></div>
  1740. \t\t\t\t\t\t<div class=\"flex\">
  1741. \t\t\t\t\t\t\t<div><span id=\"start-value5\"></span>~</div>
  1742. \t\t\t\t\t\t\t<div><span id=\"end-value6\"></span>cm</div>
  1743. \t\t\t\t\t\t</div>
  1744. \t\t\t\t\t\t<div class=\"slidebar-multithumb-title\"></div>
  1745.                         {% if size_width_min %}
  1746. \t\t\t\t\t\t<input class=\"thumb-1\" type=\"range\" name=\"size_width_min\" id=\"range-5\" value={{size_width_min}} min=\"0\" max=\"300\" step=\"10\">
  1747.                         {% else %}
  1748.                         <input class=\"thumb-1\" type=\"range\" name=\"size_width_min\" id=\"range-5\" value=\"0\" min=\"0\" max=\"300\" step=\"10\">
  1749.                         {% endif %}
  1751.                         {% if size_width_max %}
  1752. \t\t\t\t\t\t<input class=\"thumb-2\" type=\"range\" name=\"size_width_max\" id=\"range-6\" value={{size_width_max}} min=\"0\" max=\"300\" step=\"10\">
  1753.                         {% else %}
  1754.                         <input class=\"thumb-2\" type=\"range\" name=\"size_width_max\" id=\"range-6\" value=\"300\" min=\"0\" max=\"300\" step=\"10\">
  1755.                         {% endif %}
  1756. \t\t\t\t\t</div>
  1757. \t\t\t\t</div>
  1759. \t\t\t</div>
  1760.         </form>
  1761.             
  1762.         {% if pagination.totalItemCount > 0 %}
  1763.             <div class=\"ec-shelfRole\">
  1764.                 <ul class=\"ec-shelfGrid\">
  1765.                     {% for Product in pagination %}
  1766.                         <li class=\"ec-shelfGrid__item\">
  1767.                             <a href=\"{{ url('product_detail', {'id': Product.id}) }}\" class=\"product-list-description\">
  1768.                                 {# <p class=\"ec-shelfGrid__item-image\"> #}
  1769.                                 <div class=\"img-wrap\">
  1770.                                     <img class=\"img\" src=\"{{ asset(Product.main_list_image|no_image_product, 'save_image') }}\" alt=\"{{ Product.name }}\" {% if loop.index > 5 %} loading=\"lazy\"{% endif %}>
  1771.                                 </div>
  1772.                                 {# </p> #}
  1773.                                 <p class=\"price02-default margin\">{{ Product.name }}</p>
  1774. \t\t\t\t\t\t\t\t{# アーティスト名 #}
  1775.                                 {# {% for artist in artists %}
  1776.                                     {% if Product.getArtistId == artist.id %}
  1777.                                         <p class=\"margin\">{{ artist.name }}</P>
  1778.                                     {% endif %}
  1779.                                 {% endfor %} #}
  1780.                                 {# 絵の技法 #}
  1781.                                 {% if Product.getProductionTechnique is not null %}
  1782.                                     <p class=\"margin\">{{ Product.getProductionTechnique }}</p>
  1783.                                 {% endif %}
  1784. \t\t\t\t\t\t\t\t{# 絵のサイズ #}
  1785.                                 {% if Product.getProductionSizeVertical and Product.getProductionSizeWidth %}
  1786. \t\t\t\t\t\t\t\t    <p class=\"margin\">{{ Product.getProductionSizeVertical }} x {{ Product.getProductionSizeWidth }} cm</p>
  1787.                                 {% endif %}
  1788.                                 {% if Product.description_list %}
  1789.                                     <p class=\"margin\">{{ Product.description_list|raw|nl2br }}</p>
  1790.                                 {% endif %}
  1791.                                 <p class=\"price02-default margin\">
  1792.                                     {% if Product.hasProductClass %}
  1793.                                         {% if Product.getPrice02Min == Product.getPrice02Max %}
  1794.                                             {{ Product.getPrice02IncTaxMin|price }}
  1795.                                         {% else %}
  1796.                                             {{ Product.getPrice02IncTaxMin|price }} ～ {{ Product.getPrice02IncTaxMax|price }}
  1797.                                         {% endif %}
  1798.                                     {% else %}
  1799.                                         {{ Product.getPrice02IncTaxMin|price }}
  1800.                                     {% endif %}
  1801.                                 </p>
  1802.                             </a>
  1804.                             {% if Product.stock_find %}
  1805.                                 {% set form = forms[Product.id] %}
  1806.                                 {# Todo ここの下のform,hiddenで残しているが無くす？ #}
  1807.                                 <form name=\"form{{ Product.id }}\" id=\"productForm{{ Product.id }}\" action=\"{{ url('product_add_cart', {id:Product.id}) }}\" method=\"post\">
  1808.                                     <div class=\"ec-productRole__actions\">
  1809.                                         {% if form.classcategory_id1 is defined %}
  1810.                                             <div class=\"ec-select\">
  1811.                                                 {{ form_widget(form.classcategory_id1) }}
  1812.                                                 {{ form_errors(form.classcategory_id1) }}
  1813.                                             </div>
  1814.                                             {% if form.classcategory_id2 is defined %}
  1815.                                                 <div class=\"ec-select\">
  1816.                                                     {{ form_widget(form.classcategory_id2) }}
  1817.                                                     {{ form_errors(form.classcategory_id2) }}
  1818.                                                 </div>
  1819.                                             {% endif %}
  1820.                                         {% endif %}
  1821.                                         <div class=\"ec-numberInput\"><span>{{ '数量'|trans }}</span>
  1822.                                             {{ form_widget(form.quantity, {'attr': {'class': 'quantity'}}) }}
  1823.                                             {{ form_errors(form.quantity) }}
  1824.                                         </div>
  1825.                                     </div>
  1826.                                     {{ form_rest(form) }}
  1827.                                 </form>
  1828.                                 <div class=\"ec-productRole__btn\">
  1829.                                     <button type=\"submit\" class=\"ec-blockBtn--action add-cart\" data-cartid=\"{{ Product.id }}\" form=\"productForm{{ Product.id }}\">
  1830.                                         {{ 'カートに入れる'|trans }}
  1831.                                     </button>
  1832.                                 </div>
  1833.                             {% else %}
  1834.                                 <div class=\"ec-productRole__btn\">
  1835.                                     <button type=\"button\" class=\"ec-blockBtn--action\" disabled=\"disabled\">
  1836.                                         {{ 'ただいま品切れ中です。'|trans }}
  1837.                                     </button>
  1838.                                 </div>
  1839.                             {% endif %}
  1840.                         </li>
  1841.                     {% endfor %}
  1842.                 </ul>
  1843.             </div>
  1844.             <div class=\"ec-modal\">
  1845.                 <div class=\"ec-modal-overlay\">
  1846.                     <div class=\"ec-modal-wrap\">
  1847.                         <span class=\"ec-modal-close\"><span class=\"ec-icon\"><img src=\"{{ asset('assets/icon/cross-dark.svg') }}\" alt=\"\"/></span></span>
  1848.                         <div id=\"ec-modal-header\" class=\"text-center\">{{ 'カートに追加しました。'|trans }}</div>
  1849.                         <div class=\"ec-modal-box\">
  1850.                             <div class=\"ec-role\">
  1851.                                 <span class=\"ec-inlineBtn--cancel\">{{ 'お買い物を続ける'|trans }}</span>
  1852.                                 <a href=\"{{ url('cart') }}\" class=\"ec-inlineBtn--action mt-5per\">{{ 'カートへ進む'|trans }}</a>
  1853.                             </div>
  1854.                         </div>
  1855.                     </div>
  1856.                 </div>
  1857.             </div>
  1858.             <div class=\"ec-pagerRole\">
  1859.                 {% include \"pager.twig\" with {'pages': pagination.paginationData} %}
  1860.             </div>
  1861.         {% endif %}
  1862.     {% endif %}
  1863. {% endblock %}
  1864. ", "Product/list.twig", "/home/xs230941/tas-lab.net/public_html/app/template/default/Product/list.twig");
  1865.     }
  1866. }