var/cache/dev/twig/52/5210736d93b46635a0f87192ecfc8773.php line 39

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. /* __string_template__9c6ac0772783a8d55f9aebe8425d88ba */
  16. class __TwigTemplate_02ea38849f655d93740194ee6f31d8bc 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.             'main' => [$this, 'block_main'],
  30.         ];
  31.     }
  33.     protected function doGetParent(array $context)
  34.     {
  35.         // line 11
  36.         return "default_frame.twig";
  37.     }
  39.     protected function doDisplay(array $context, array $blocks = [])
  40.     {
  41.         $macros = $this->macros;
  42.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  43.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "__string_template__9c6ac0772783a8d55f9aebe8425d88ba"));
  45.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  46.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "__string_template__9c6ac0772783a8d55f9aebe8425d88ba"));
  48.         // line 13
  49.         $context["body_class"] = "product_page";
  50.         // line 11
  51.         $this->parent = $this->loadTemplate("default_frame.twig", "__string_template__9c6ac0772783a8d55f9aebe8425d88ba", 11);
  52.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  53.         
  54.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  56.         
  57.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  59.     }
  61.     // line 15
  62.     public function block_javascript($context, array $blocks = [])
  63.     {
  64.         $macros = $this->macros;
  65.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  66.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  68.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  69.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  71.         // line 16
  72.         echo "    <script>
  73.         eccube.productsClassCategories = {
  74.             ";
  75.         // line 18
  76.         $context['_parent'] = $context;
  77.         $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); })()));
  78.         $context['loop'] = [
  79.           'parent' => $context['_parent'],
  80.           'index0' => 0,
  81.           'index'  => 1,
  82.           'first'  => true,
  83.         ];
  84.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  85.             $length = count($context['_seq']);
  86.             $context['loop']['revindex0'] = $length - 1;
  87.             $context['loop']['revindex'] = $length;
  88.             $context['loop']['length'] = $length;
  89.             $context['loop']['last'] = 1 === $length;
  90.         }
  91.         foreach ($context['_seq'] as $context["_key"] => $context["Product"]) {
  92.             // line 19
  93.             echo "            \"";
  94.             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);
  95.             echo "\": ";
  96.             echo $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getClassCategoriesAsJson($context["Product"]);
  97.             if ((twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 19) == false)) {
  98.                 echo ", ";
  99.             }
  100.             // line 20
  101.             echo "            ";
  102.             ++$context['loop']['index0'];
  103.             ++$context['loop']['index'];
  104.             $context['loop']['first'] = false;
  105.             if (isset($context['loop']['length'])) {
  106.                 --$context['loop']['revindex0'];
  107.                 --$context['loop']['revindex'];
  108.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  109.             }
  110.         }
  111.         $_parent = $context['_parent'];
  112.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Product'], $context['_parent'], $context['loop']);
  113.         $context = array_intersect_key($context, $_parent) + $_parent;
  114.         // line 21
  115.         echo "        };
  117.         \$(function() {
  119.             // 表示件数を変更
  120.             \$('.disp-number').change(function() {
  121.                 var dispNumber = \$(this).val();
  122.                 \$('#disp_number').val(dispNumber);
  123.                 \$('#pageno').val(1);
  124.                 \$(\"#form1\").submit();
  125.             });
  127.             // 並び順を変更
  128.             \$('.order-by').change(function() {
  129.                 var orderBy = \$(this).val();
  130.                 \$('#orderby').val(orderBy);
  131.                 \$('#pageno').val(1);
  132.                 \$(\"#form1\").submit();
  133.             });
  135.             \$('.add-cart').on('click', function(e) {
  136.                 var \$form = \$(this).parents('li').find('form');
  138.                 // 個数フォームのチェック
  139.                 var \$quantity = \$form.parent().find('.quantity');
  140.                 if (\$quantity.val() < 1) {
  141.                     \$quantity[0].setCustomValidity('";
  142.         // line 47
  143.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("1以上で入力してください。"), "html", null, true);
  144.         echo "');
  145.                     setTimeout(function() {
  146.                         loadingOverlay('hide');
  147.                     }, 100);
  148.                     return true;
  149.                 } else {
  150.                     \$quantity[0].setCustomValidity('');
  151.                 }
  152.                 e.preventDefault();
  153.                 \$.ajax({
  154.                     url: \$form.attr('action'),
  155.                     type: \$form.attr('method'),
  156.                     data: \$form.serialize(),
  157.                     dataType: 'json',
  158.                     beforeSend: function(xhr, settings) {
  159.                         // Buttonを無効にする
  160.                         \$('.add-cart').prop('disabled', true);
  161.                     }
  162.                 }).done(function(data) {
  163.                     // レスポンス内のメッセージをalertで表示
  164.                     \$.each(data.messages, function() {
  165.                         \$('#ec-modal-header').html(this);
  166.                     });
  168.                     \$('.ec-modal').show()
  170.                     // カートブロックを更新する
  171.                     \$.ajax({
  172.                         url: '";
  173.         // line 75
  174.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("block_cart");
  175.         echo "',
  176.                         type: 'GET',
  177.                         dataType: 'html'
  178.                     }).done(function(html) {
  179.                         \$('.ec-headerRole__cart').html(html);
  180.                     });
  181.                 }).fail(function(data) {
  182.                     alert('";
  183.         // line 82
  184.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートへの追加に失敗しました。"), "html", null, true);
  185.         echo "');
  186.                 }).always(function(data) {
  187.                     // Buttonを有効にする
  188.                     \$('.add-cart').prop('disabled', false);
  189.                 });
  190.             });
  191.         });
  193.         \$('.ec-modal-wrap').on('click', function(e) {
  194.             // モーダル内の処理は外側にバブリングさせない
  195.             e.stopPropagation();
  196.         });
  197.         \$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .ec-inlineBtn--cancel').on('click', function() {
  198.             \$('.ec-modal').hide()
  199.         });
  200.     </script>
  201. ";
  202.         
  203.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  205.         
  206.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  208.     }
  210.     // line 100
  211.     public function block_main($context, array $blocks = [])
  212.     {
  213.         $macros = $this->macros;
  214.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  215.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  217.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  218.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  220.         // line 101
  221.         echo "
  222. <div class=\"main_visual\" 
  223.     data-imgpc=\"";
  224.         // line 103
  225.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/common/main_visual.jpg", "user_data"), "html", null, true);
  226.         echo "\" 
  227.     data-imgsmp=\"";
  228.         // line 104
  229.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/common/main_visualsmp.jpg", "user_data"), "html", null, true);
  230.         echo "\">
  231.     <div class=\"container\">
  232.         <h2 class=\"main_visual_title\">
  233.             <span class=\"_big\">G-Laboウクレレラインナップ</span>
  234.             <span class=\"_small\">ベトナム工房で生まれる、世界に一つだけの音色。<br>職人の手で一つひとつ丁寧に作られた、G-Laboウクレレのラインナップをご覧ください。</span>
  235.         </h2>
  236.     </div>
  237. </div>
  239. <div class=\"product_list container\">
  240.     <div class=\"product_list_category\">
  241.         <p class=\"_list\"><a href=\"";
  242.         // line 115
  243.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  244.         echo "\">すべての商品</a></p>
  245.         ";
  246.         // line 116
  247.         echo twig_include($this->env, $context, "Block/category.twig");
  248.         echo "
  249.     </div>
  251.     <div class=\"product_list_container\">
  253.         <div id=\"main_side\" class=\"side\">
  254.                 <script>
  255.     \$(function() {
  256.         \$(\".product_btn_search\").click(function(){
  257.             \$(this).parent().submit();
  258.         });
  260.         \$(\".product_btn_del\").click(function(){
  261.             \$(\".search-form-custom\").find(\"input[type='text'], input[type='checkbox'], select\").val(\"\");
  262.             \$(this).parent().submit();
  263.         });
  264.     });
  265.     </script>
  267. <div class=\"ec-headerNaviRole__search\">
  268.     <form method=\"get\" action=\"/products/search\" class=\"search-form-custom product_form_search\">
  270.         <div class=\"ec-headerSearch__keyword\">
  271.             <div class=\"ec-input\">
  272.                 <p class=\"_title02\">キーワード</p>
  273.                 <div class='cus-input-search'>
  274.                     <input type=\"text\" id=\"keyword\" name=\"keyword\" placeholder=\"\" class=\"form-control form-control\" />
  275.                     <button class=\"ec-headerSearch__keywordBtn\" type=\"submit\"></button>
  276.                 </div>
  277.             </div>
  278.         </div>
  280.         <h3 class=\"product_form_title \">
  281.             <span>カテゴリー</span>
  282.         </h3>
  283.         <ul class=\"product_form_checkbox\" >
  284.                         <li>
  285.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_0\" name=\"category[]\" class=\"form-check-input form-check-input\" id=\"category_20\" value=\"20\" />
  286.         <label class=\"form-check-label\" for=\"category_0\">ガズのわがままウクレレ</label></div>
  287.             </li>
  288.                         <li>
  289.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_1\" name=\"category[]\" class=\"form-check-input form-check-input\" id=\"category_21\" value=\"21\" />
  290.         <label class=\"form-check-label\" for=\"category_1\">ウスレレ</label></div>
  291.             </li>
  292.                         <li>
  293.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_2\" name=\"category[]\" class=\"form-check-input form-check-input\" id=\"category_22\" value=\"22\" />
  294.         <label class=\"form-check-label\" for=\"category_2\">たびレレ</label></div>
  295.             </li>
  296.                         <li>
  297.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_3\" name=\"category[]\" class=\"form-check-input form-check-input\" id=\"category_23\" value=\"23\" />
  298.         <label class=\"form-check-label\" for=\"category_3\">竹レレ</label></div>
  299.             </li>
  300.                         <li>
  301.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_4\" name=\"category[]\" class=\"form-check-input form-check-input\" id=\"category_24\" value=\"24\" />
  302.         <label class=\"form-check-label\" for=\"category_4\">THE CLASSIC</label></div>
  303.             </li>
  304.                         <li>
  305.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_5\" name=\"category[]\" class=\"form-check-input form-check-input\" id=\"category_25\" value=\"25\" />
  306.         <label class=\"form-check-label\" for=\"category_5\">コズモデル</label></div>
  307.             </li>
  308.                         <li>
  309.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_6\" name=\"category[]\" class=\"form-check-input form-check-input\" id=\"category_26\" value=\"26\" />
  310.         <label class=\"form-check-label\" for=\"category_6\">GM Vintage</label></div>
  311.             </li>
  312.                         <li>
  313.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_7\" name=\"category[]\" class=\"form-check-input form-check-input\" id=\"category_27\" value=\"27\" />
  314.         <label class=\"form-check-label\" for=\"category_7\">ガズモデル</label></div>
  315.             </li>
  316.                         <li>
  317.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_8\" name=\"category[]\" class=\"form-check-input form-check-input\" id=\"category_28\" value=\"28\" />
  318.         <label class=\"form-check-label\" for=\"category_8\">その他（グッズ）</label></div>
  319.             </li>
  320.                     </ul>
  322.         <h3 class=\"product_form_title _icon01 \">
  323.             <span>ライフスタイル</span>
  324.         </h3>
  325.         <ul class=\"product_form_checkbox\" >
  326.                         <li>
  327.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_17_0\" name=\"category_17[]\" class=\"form-check-input form-check-input\" id=\"category_33\" value=\"33\" />
  328.         <label class=\"form-check-label\" for=\"category_17_0\">自宅でリラックスして楽しむ</label></div>
  329.             </li>
  330.                         <li>
  331.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_17_1\" name=\"category_17[]\" class=\"form-check-input form-check-input\" id=\"category_34\" value=\"34\" />
  332.         <label class=\"form-check-label\" for=\"category_17_1\">ビジネスの合間に楽しむ</label></div>
  333.             </li>
  334.                         <li>
  335.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_17_2\" name=\"category_17[]\" class=\"form-check-input form-check-input\" id=\"category_35\" value=\"35\" />
  336.         <label class=\"form-check-label\" for=\"category_17_2\">アウトドアで楽しむ</label></div>
  337.             </li>
  338.                         <li>
  339.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_17_3\" name=\"category_17[]\" class=\"form-check-input form-check-input\" id=\"category_36\" value=\"36\" />
  340.         <label class=\"form-check-label\" for=\"category_17_3\">カフェでのひととき</label></div>
  341.             </li>
  342.                         <li>
  343.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_17_4\" name=\"category_17[]\" class=\"form-check-input form-check-input\" id=\"category_37\" value=\"37\" />
  344.         <label class=\"form-check-label\" for=\"category_17_4\">旅行へのお供に</label></div>
  345.             </li>
  346.                         <li>
  347.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_17_5\" name=\"category_17[]\" class=\"form-check-input form-check-input\" id=\"category_38\" value=\"38\" />
  348.         <label class=\"form-check-label\" for=\"category_17_5\">ライブ＆パフォーマンスに</label></div>
  349.             </li>
  350.                         <li>
  351.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_17_6\" name=\"category_17[]\" class=\"form-check-input form-check-input\" id=\"category_39\" value=\"39\" />
  352.         <label class=\"form-check-label\" for=\"category_17_6\">友人や家族とセッション</label></div>
  353.             </li>
  354.                         <li>
  355.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_17_7\" name=\"category_17[]\" class=\"form-check-input form-check-input\" id=\"category_40\" value=\"40\" />
  356.         <label class=\"form-check-label\" for=\"category_17_7\">子供と一緒にに楽しむ</label></div>
  357.             </li>
  358.                         <li>
  359.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_17_8\" name=\"category_17[]\" class=\"form-check-input form-check-input\" id=\"category_41\" value=\"41\" />
  360.         <label class=\"form-check-label\" for=\"category_17_8\">作曲・クリエイティブ用途</label></div>
  361.             </li>
  362.                         <li>
  363.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_17_9\" name=\"category_17[]\" class=\"form-check-input form-check-input\" id=\"category_42\" value=\"42\" />
  364.         <label class=\"form-check-label\" for=\"category_17_9\">SNS・動画配信用</label></div>
  365.             </li>
  366.                     </ul>
  368.         <h3 class=\"product_form_title _icon02\"><span>こだわり条件から探す</span></h3>
  369.         <p class=\"_title02\">商品ステータス</p>
  370.         <select id=\"category_19\" name=\"category_19\" class=\"product_form_select form-select\"><option value=\"\">カテゴリを選択してください</option><option value=\"29\">在庫有り商品</option><option value=\"30\">予約商品</option><option value=\"31\">新着商品</option><option value=\"32\">おすすめ商品</option></select>
  371.         
  372.         <p class=\"_title02\">サイズ</p>
  373.         <ul class=\"product_size_checkbox\">
  374.                         <li>
  375.             <div class=\"form-check\"><input type=\"checkbox\" id=\"class_name_2_0\" name=\"class_name_2[]\" class=\"form-check-input form-check-input\" id=\"category_7\" value=\"7\" />
  376.         <label class=\"form-check-label\" for=\"class_name_2_0\">ソプラノ</label></div>
  377.             </li>
  378.                         <li>
  379.             <div class=\"form-check\"><input type=\"checkbox\" id=\"class_name_2_1\" name=\"class_name_2[]\" class=\"form-check-input form-check-input\" id=\"category_8\" value=\"8\" />
  380.         <label class=\"form-check-label\" for=\"class_name_2_1\">コンサート</label></div>
  381.             </li>
  382.                         <li>
  383.             <div class=\"form-check\"><input type=\"checkbox\" id=\"class_name_2_2\" name=\"class_name_2[]\" class=\"form-check-input form-check-input\" id=\"category_9\" value=\"9\" />
  384.         <label class=\"form-check-label\" for=\"class_name_2_2\">テナー</label></div>
  385.             </li>
  386.                     </ul>
  388.         <div class=\"_column\">
  389.             <p class=\"_title02\">塗装</p>
  390.             <a class=\"_tooltip _left\" href=\"#\" data-tooltip=\"ツヤありは光沢があり、ツヤなしは落ち着いたマット仕上げになります。\"></a>
  391.         </div>
  392.         <ul class=\"product_coating_checkbox\">
  393.                         <li>
  394.             <div class=\"form-check\"><input type=\"checkbox\" id=\"class_name_4_0\" name=\"class_name_4[]\" class=\"form-check-input form-check-input\" id=\"category_13\" value=\"13\" />
  395.         <label class=\"form-check-label\" for=\"class_name_4_0\">艶あり（グロス）</label></div>
  396.             </li>
  397.                         <li>
  398.             <div class=\"form-check\"><input type=\"checkbox\" id=\"class_name_4_1\" name=\"class_name_4[]\" class=\"form-check-input form-check-input\" id=\"category_12\" value=\"12\" />
  399.         <label class=\"form-check-label\" for=\"class_name_4_1\">艶なし（マット）</label></div>
  400.             </li>
  401.                     </ul>
  404.         <p class=\"_title02\">ボディタイプ</p>
  405.         <select id=\"class_name_3\" name=\"class_name_3\" class=\"product_form_select form-select\"><option value=\"\">カテゴリを選択してください</option><option value=\"11\">薄ボディ（〇〇mm）</option><option value=\"10\">ノーマル（標準〇〇mm）</option></select>
  406.         
  407.         <div class=\"_column\">
  408.             <p class=\"_title02\">フレット数</p>
  409.             <a class=\"_tooltip _left\" href=\"#\" data-tooltip=\"弦を押さえる金属の数です。フレットが多いほど高い音まで演奏できます。\"></a>
  410.         </div>
  411.         <select id=\"class_name_1\" name=\"class_name_1\" class=\"product_form_select form-select\"><option value=\"\">15フレット（標準）</option><option value=\"1\">15フレット</option><option value=\"2\">12フレット</option></select>
  413.         <div class=\"_column\">
  414.             <p class=\"_title02\">ピックアップ</p>
  415.             <a class=\"_tooltip _left\" href=\"#\" data-tooltip=\"アンプにつなぐための機能です。ライブ演奏や録音にも使えます。\"></a>
  416.         </div>
  417.         <select id=\"class_name_5\" name=\"class_name_5\" class=\"product_form_select form-select\"><option value=\"\">なし（標準）</option><option value=\"15\">あり（+¥0,000）</option><option value=\"14\">なし（標準）</option></select>
  419.         <p class=\"_title02\">価格帯</p>
  420.         <div class=\"product_form_price\">
  421.             <select id=\"price_min\" name=\"price_min\" class=\"product_form_select form-select\"><option value=\"\">選択してください</option><option value=\"0\">0</option><option value=\"10000\">10,000</option><option value=\"20000\">20,000</option><option value=\"30000\">30,000</option><option value=\"40000\">40,000</option><option value=\"50000\">50,000</option><option value=\"60000\">60,000</option><option value=\"70000\">70,000</option><option value=\"80000\">80,000</option><option value=\"90000\">90,000</option><option value=\"100000\">100,000</option><option value=\"110000\">110,000</option><option value=\"120000\">120,000</option><option value=\"130000\">130,000</option><option value=\"140000\">140,000</option><option value=\"150000\">150,000</option><option value=\"160000\">160,000</option><option value=\"170000\">170,000</option><option value=\"180000\">180,000</option><option value=\"190000\">190,000</option><option value=\"200000\">200,000</option></select>
  422.             </select><span class=\"_yen\">円</span><span class=\"_to\">〜</span>
  423.             <select id=\"price_max\" name=\"price_max\" class=\"product_form_select form-select\"><option value=\"\">選択してください</option><option value=\"10000\">10,000</option><option value=\"20000\">20,000</option><option value=\"30000\">30,000</option><option value=\"40000\">40,000</option><option value=\"50000\">50,000</option><option value=\"60000\">60,000</option><option value=\"70000\">70,000</option><option value=\"80000\">80,000</option><option value=\"90000\">90,000</option><option value=\"100000\">100,000</option><option value=\"110000\">110,000</option><option value=\"120000\">120,000</option><option value=\"130000\">130,000</option><option value=\"140000\">140,000</option><option value=\"150000\">150,000</option><option value=\"160000\">160,000</option><option value=\"170000\">170,000</option><option value=\"180000\">180,000</option><option value=\"190000\">190,000</option><option value=\"200000\">200,000</option></select>
  424.             <span class=\"_yen\">円</span>
  425.         </div>
  427.         <p class=\"product_btn_search\">この条件で絞り込む</p>
  428.         <p class=\"product_btn_del\">リセット</p>
  429.     </form>
  430. </div><div class=\"product_form_search\"></div>
  431.         </div>
  433.         <div id=\"main_content\">
  434.             ";
  435.         // line 302
  436.         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.', 302, $this->source); })()), "category_id", [], "any", false, false, false, 302), "vars", [], "any", false, false, false, 302), "errors", [], "any", false, false, false, 302)) > 0)) {
  437.             // line 303
  438.             echo "
  439.                 <div class=\"ec-searchnavRole\">
  440.                     <p class=\"errormsg text-danger\">";
  441.             // line 305
  442.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("ご指定のカテゴリは存在しません"), "html", null, true);
  443.             echo "</p>
  444.                 </div>
  446.             ";
  447.         } else {
  448.             // line 309
  449.             echo "
  450.                 <div class=\"ec-searchnavRole\">
  451.                     <form name=\"form1\" id=\"form1\" method=\"get\" action=\"?\">
  452.                         ";
  453.             // line 312
  454.             $context['_parent'] = $context;
  455.             $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.', 312, $this->source); })()));
  456.             foreach ($context['_seq'] as $context["_key"] => $context["item"]) {
  457.                 // line 313
  458.                 echo "                            <input type=\"hidden\" id=\"";
  459.                 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, 313), "id", [], "any", false, false, false, 313), "html", null, true);
  460.                 echo "\"
  461.                                 name=\"";
  462.                 // line 314
  463.                 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, 314), "full_name", [], "any", false, false, false, 314), "html", null, true);
  464.                 echo "\"
  465.                                 ";
  466.                 // line 315
  467.                 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, 315), "value", [], "any", false, false, false, 315))) {
  468.                     echo "value=\"";
  469.                     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, 315), "value", [], "any", false, false, false, 315), "html", null, true);
  470.                     echo "\" ";
  471.                 }
  472.                 echo "/>
  473.                         ";
  474.             }
  475.             $_parent = $context['_parent'];
  476.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['item'], $context['_parent'], $context['loop']);
  477.             $context = array_intersect_key($context, $_parent) + $_parent;
  478.             // line 317
  479.             echo "                    </form>
  480.                     <div class=\"product_list_navi\">
  481.                         <p class=\"_count_item\">
  482.                             ";
  483.             // line 320
  484.             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.', 320, $this->source); })()), "totalItemCount", [], "any", false, false, false, 320) > 0)) {
  485.                 // line 321
  486.                 echo "                                ";
  487.                 echo $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("<span class=\"ec-font-bold\">%count%件</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.', 321, $this->source); })()), "totalItemCount", [], "any", false, false, false, 321)]);
  488.                 echo "
  489.                             ";
  490.             } else {
  491.                 // line 323
  492.                 echo "                                <span>";
  493.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("お探しの商品は見つかりませんでした"), "html", null, true);
  494.                 echo "</span>
  495.                             ";
  496.             }
  497.             // line 325
  498.             echo "                        </p>
  499.                         ";
  500.             // line 326
  501.             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.', 326, $this->source); })()), "totalItemCount", [], "any", false, false, false, 326) > 0)) {
  502.                 // line 327
  503.                 echo "                            <div class=\"product_list_navi_role\">
  504.                                 <div class=\"ec-select\">
  505.                                     ";
  506.                 // line 329
  507.                 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.', 329, $this->source); })()), "disp_number", [], "any", false, false, false, 329), 'widget', ["id" => "", "attr" => ["class" => "disp-number"]]);
  508.                 echo "
  509.                                     ";
  510.                 // line 330
  511.                 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.', 330, $this->source); })()), "orderby", [], "any", false, false, false, 330), 'widget', ["id" => "", "attr" => ["class" => "order-by"]]);
  512.                 echo "
  513.                                 </div>
  514.                             </div>
  515.                         ";
  516.             }
  517.             // line 334
  518.             echo "                    </div>
  519.                 </div>
  520.                 
  521.                 ";
  522.             // line 337
  523.             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.', 337, $this->source); })()), "totalItemCount", [], "any", false, false, false, 337) > 0)) {
  524.                 // line 338
  525.                 echo "                    <div class=\"product_list_block\">
  526.                         ";
  527.                 // line 339
  528.                 $context['_parent'] = $context;
  529.                 $context['_seq'] = twig_ensure_traversable((isset($context["pagination"]) || array_key_exists("pagination", $context) ? $context["pagination"] : (function () { throw new RuntimeError('Variable "pagination" does not exist.', 339, $this->source); })()));
  530.                 $context['loop'] = [
  531.                   'parent' => $context['_parent'],
  532.                   'index0' => 0,
  533.                   'index'  => 1,
  534.                   'first'  => true,
  535.                 ];
  536.                 if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  537.                     $length = count($context['_seq']);
  538.                     $context['loop']['revindex0'] = $length - 1;
  539.                     $context['loop']['revindex'] = $length;
  540.                     $context['loop']['length'] = $length;
  541.                     $context['loop']['last'] = 1 === $length;
  542.                 }
  543.                 foreach ($context['_seq'] as $context["_key"] => $context["Product"]) {
  544.                     // line 340
  545.                     echo "                            <div class=\"product_list_item\">
  546.                                 <a href=\"";
  547.                     // line 341
  548.                     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, 341)]), "html", null, true);
  549.                     echo "\">
  550.                                     <div class=\"_img\">
  551.                                         <img src=\"";
  552.                     // line 343
  553.                     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, 343)), "save_image"), "html", null, true);
  554.                     echo "\" alt=\"";
  555.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Product"], "name", [], "any", false, false, false, 343), "html", null, true);
  556.                     echo "\" ";
  557.                     if ((twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 343) > 5)) {
  558.                         echo " loading=\"lazy\"";
  559.                     }
  560.                     echo ">
  561.                                     </div>
  562.                                     <div class=\"_content\">
  563.                                         <ul class=\"_tag\">
  564.                                             ";
  565.                     // line 347
  566.                     $context['_parent'] = $context;
  567.                     $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, $context["Product"], "Tags", [], "any", false, false, false, 347));
  568.                     foreach ($context['_seq'] as $context["_key"] => $context["Tag"]) {
  569.                         // line 348
  570.                         echo "                                                <li>";
  571.                         echo twig_escape_filter($this->env, $context["Tag"], "html", null, true);
  572.                         echo "</li>
  573.                                             ";
  574.                     }
  575.                     $_parent = $context['_parent'];
  576.                     unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Tag'], $context['_parent'], $context['loop']);
  577.                     $context = array_intersect_key($context, $_parent) + $_parent;
  578.                     // line 350
  579.                     echo "                                        </ul>
  580.                                         <p class=\"_title\">";
  581.                     // line 351
  582.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Product"], "name", [], "any", false, false, false, 351), "html", null, true);
  583.                     echo "</p>
  584.                                     </div>
  585.                                     <p class=\"_price\">
  586.                                         ";
  587.                     // line 354
  588.                     if (twig_get_attribute($this->env, $this->source, $context["Product"], "hasProductClass", [], "any", false, false, false, 354)) {
  589.                         // line 355
  590.                         echo "                                            ";
  591.                         if ((twig_get_attribute($this->env, $this->source, $context["Product"], "getPrice02Min", [], "any", false, false, false, 355) == twig_get_attribute($this->env, $this->source, $context["Product"], "getPrice02Max", [], "any", false, false, false, 355))) {
  592.                             // line 356
  593.                             echo "                                                ";
  594.                             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, 356)), "html", null, true);
  595.                             echo "<span class=\"_included\">（税込）</span>
  596.                                             ";
  597.                         } else {
  598.                             // line 358
  599.                             echo "                                                ";
  600.                             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, 358)), "html", null, true);
  601.                             echo " ～ ";
  602.                             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, 358)), "html", null, true);
  603.                             echo "<span class=\"_included\">（税込）</span>
  604.                                             ";
  605.                         }
  606.                         // line 360
  607.                         echo "                                        ";
  608.                     } else {
  609.                         // line 361
  610.                         echo "                                            ";
  611.                         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, 361)), "html", null, true);
  612.                         echo "<span class=\"_included\">（税込）</span>
  613.                                         ";
  614.                     }
  615.                     // line 363
  616.                     echo "                                    </p>
  617.                                 </a>
  618.                             </div>
  619.                         ";
  620.                     ++$context['loop']['index0'];
  621.                     ++$context['loop']['index'];
  622.                     $context['loop']['first'] = false;
  623.                     if (isset($context['loop']['length'])) {
  624.                         --$context['loop']['revindex0'];
  625.                         --$context['loop']['revindex'];
  626.                         $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  627.                     }
  628.                 }
  629.                 $_parent = $context['_parent'];
  630.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Product'], $context['_parent'], $context['loop']);
  631.                 $context = array_intersect_key($context, $_parent) + $_parent;
  632.                 // line 367
  633.                 echo "                    </div>
  634.                     <div class=\"ec-modal\">
  635.                         <div class=\"ec-modal-overlay\">
  636.                             <div class=\"ec-modal-wrap\">
  637.                                 <span class=\"ec-modal-close\"><span class=\"ec-icon\"><img src=\"";
  638.                 // line 371
  639.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/icon/cross-dark.svg"), "html", null, true);
  640.                 echo "\" alt=\"\"/></span></span>
  641.                                 <div id=\"ec-modal-header\" class=\"text-center\">";
  642.                 // line 372
  643.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートに追加しました。"), "html", null, true);
  644.                 echo "</div>
  645.                                 <div class=\"ec-modal-box\">
  646.                                     <div class=\"ec-role\">
  647.                                         <span class=\"ec-inlineBtn--cancel\">";
  648.                 // line 375
  649.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("お買い物を続ける"), "html", null, true);
  650.                 echo "</span>
  651.                                         <a href=\"";
  652.                 // line 376
  653.                 echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("cart");
  654.                 echo "\" class=\"ec-inlineBtn--action\">";
  655.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートへ進む"), "html", null, true);
  656.                 echo "</a>
  657.                                     </div>
  658.                                 </div>
  659.                             </div>
  660.                         </div>
  661.                     </div>
  662.                     <div class=\"ec-pagerRole\">
  663.                         ";
  664.                 // line 383
  665.                 $this->loadTemplate("pager.twig", "__string_template__9c6ac0772783a8d55f9aebe8425d88ba", 383)->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.', 383, $this->source); })()), "paginationData", [], "any", false, false, false, 383)]));
  666.                 // line 384
  667.                 echo "                    </div>
  668.                 ";
  669.             }
  670.             // line 386
  671.             echo "            ";
  672.         }
  673.         // line 387
  674.         echo "        </div>
  675.     </div>
  676. </div>
  677. ";
  678.         
  679.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  681.         
  682.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  684.     }
  686.     public function getTemplateName()
  687.     {
  688.         return "__string_template__9c6ac0772783a8d55f9aebe8425d88ba";
  689.     }
  691.     public function isTraitable()
  692.     {
  693.         return false;
  694.     }
  696.     public function getDebugInfo()
  697.     {
  698.         return array (  674 => 387,  671 => 386,  667 => 384,  665 => 383,  653 => 376,  649 => 375,  643 => 372,  639 => 371,  633 => 367,  616 => 363,  610 => 361,  607 => 360,  599 => 358,  593 => 356,  590 => 355,  588 => 354,  582 => 351,  579 => 350,  570 => 348,  566 => 347,  553 => 343,  548 => 341,  545 => 340,  528 => 339,  525 => 338,  523 => 337,  518 => 334,  511 => 330,  507 => 329,  503 => 327,  501 => 326,  498 => 325,  492 => 323,  486 => 321,  484 => 320,  479 => 317,  467 => 315,  463 => 314,  458 => 313,  454 => 312,  449 => 309,  442 => 305,  438 => 303,  436 => 302,  247 => 116,  243 => 115,  229 => 104,  225 => 103,  221 => 101,  211 => 100,  184 => 82,  174 => 75,  143 => 47,  115 => 21,  101 => 20,  93 => 19,  76 => 18,  72 => 16,  62 => 15,  51 => 11,  49 => 13,  36 => 11,);
  699.     }
  701.     public function getSourceContext()
  702.     {
  703.         return new Source("{#
  704. This file is part of EC-CUBE
  706. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  708. http://www.ec-cube.co.jp/
  710. For the full copyright and license information, please view the LICENSE
  711. file that was distributed with this source code.
  712. #}
  713. {% extends 'default_frame.twig' %}
  715. {% set body_class = 'product_page' %}
  717. {% block javascript %}
  718.     <script>
  719.         eccube.productsClassCategories = {
  720.             {% for Product in pagination %}
  721.             \"{{ Product.id|escape('js') }}\": {{ class_categories_as_json(Product)|raw }}{% if loop.last == false %}, {% endif %}
  722.             {% endfor %}
  723.         };
  725.         \$(function() {
  727.             // 表示件数を変更
  728.             \$('.disp-number').change(function() {
  729.                 var dispNumber = \$(this).val();
  730.                 \$('#disp_number').val(dispNumber);
  731.                 \$('#pageno').val(1);
  732.                 \$(\"#form1\").submit();
  733.             });
  735.             // 並び順を変更
  736.             \$('.order-by').change(function() {
  737.                 var orderBy = \$(this).val();
  738.                 \$('#orderby').val(orderBy);
  739.                 \$('#pageno').val(1);
  740.                 \$(\"#form1\").submit();
  741.             });
  743.             \$('.add-cart').on('click', function(e) {
  744.                 var \$form = \$(this).parents('li').find('form');
  746.                 // 個数フォームのチェック
  747.                 var \$quantity = \$form.parent().find('.quantity');
  748.                 if (\$quantity.val() < 1) {
  749.                     \$quantity[0].setCustomValidity('{{ '1以上で入力してください。'|trans }}');
  750.                     setTimeout(function() {
  751.                         loadingOverlay('hide');
  752.                     }, 100);
  753.                     return true;
  754.                 } else {
  755.                     \$quantity[0].setCustomValidity('');
  756.                 }
  757.                 e.preventDefault();
  758.                 \$.ajax({
  759.                     url: \$form.attr('action'),
  760.                     type: \$form.attr('method'),
  761.                     data: \$form.serialize(),
  762.                     dataType: 'json',
  763.                     beforeSend: function(xhr, settings) {
  764.                         // Buttonを無効にする
  765.                         \$('.add-cart').prop('disabled', true);
  766.                     }
  767.                 }).done(function(data) {
  768.                     // レスポンス内のメッセージをalertで表示
  769.                     \$.each(data.messages, function() {
  770.                         \$('#ec-modal-header').html(this);
  771.                     });
  773.                     \$('.ec-modal').show()
  775.                     // カートブロックを更新する
  776.                     \$.ajax({
  777.                         url: '{{ url('block_cart') }}',
  778.                         type: 'GET',
  779.                         dataType: 'html'
  780.                     }).done(function(html) {
  781.                         \$('.ec-headerRole__cart').html(html);
  782.                     });
  783.                 }).fail(function(data) {
  784.                     alert('{{ 'カートへの追加に失敗しました。'|trans }}');
  785.                 }).always(function(data) {
  786.                     // Buttonを有効にする
  787.                     \$('.add-cart').prop('disabled', false);
  788.                 });
  789.             });
  790.         });
  792.         \$('.ec-modal-wrap').on('click', function(e) {
  793.             // モーダル内の処理は外側にバブリングさせない
  794.             e.stopPropagation();
  795.         });
  796.         \$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .ec-inlineBtn--cancel').on('click', function() {
  797.             \$('.ec-modal').hide()
  798.         });
  799.     </script>
  800. {% endblock %}
  802. {% block main %}
  804. <div class=\"main_visual\" 
  805.     data-imgpc=\"{{ asset('assets/img/common/main_visual.jpg','user_data') }}\" 
  806.     data-imgsmp=\"{{ asset('assets/img/common/main_visualsmp.jpg','user_data') }}\">
  807.     <div class=\"container\">
  808.         <h2 class=\"main_visual_title\">
  809.             <span class=\"_big\">G-Laboウクレレラインナップ</span>
  810.             <span class=\"_small\">ベトナム工房で生まれる、世界に一つだけの音色。<br>職人の手で一つひとつ丁寧に作られた、G-Laboウクレレのラインナップをご覧ください。</span>
  811.         </h2>
  812.     </div>
  813. </div>
  815. <div class=\"product_list container\">
  816.     <div class=\"product_list_category\">
  817.         <p class=\"_list\"><a href=\"{{ url('product_list') }}\">すべての商品</a></p>
  818.         {{ include('Block/category.twig') }}
  819.     </div>
  821.     <div class=\"product_list_container\">
  823.         <div id=\"main_side\" class=\"side\">
  824.                 <script>
  825.     \$(function() {
  826.         \$(\".product_btn_search\").click(function(){
  827.             \$(this).parent().submit();
  828.         });
  830.         \$(\".product_btn_del\").click(function(){
  831.             \$(\".search-form-custom\").find(\"input[type='text'], input[type='checkbox'], select\").val(\"\");
  832.             \$(this).parent().submit();
  833.         });
  834.     });
  835.     </script>
  837. <div class=\"ec-headerNaviRole__search\">
  838.     <form method=\"get\" action=\"/products/search\" class=\"search-form-custom product_form_search\">
  840.         <div class=\"ec-headerSearch__keyword\">
  841.             <div class=\"ec-input\">
  842.                 <p class=\"_title02\">キーワード</p>
  843.                 <div class='cus-input-search'>
  844.                     <input type=\"text\" id=\"keyword\" name=\"keyword\" placeholder=\"\" class=\"form-control form-control\" />
  845.                     <button class=\"ec-headerSearch__keywordBtn\" type=\"submit\"></button>
  846.                 </div>
  847.             </div>
  848.         </div>
  850.         <h3 class=\"product_form_title \">
  851.             <span>カテゴリー</span>
  852.         </h3>
  853.         <ul class=\"product_form_checkbox\" >
  854.                         <li>
  855.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_0\" name=\"category[]\" class=\"form-check-input form-check-input\" id=\"category_20\" value=\"20\" />
  856.         <label class=\"form-check-label\" for=\"category_0\">ガズのわがままウクレレ</label></div>
  857.             </li>
  858.                         <li>
  859.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_1\" name=\"category[]\" class=\"form-check-input form-check-input\" id=\"category_21\" value=\"21\" />
  860.         <label class=\"form-check-label\" for=\"category_1\">ウスレレ</label></div>
  861.             </li>
  862.                         <li>
  863.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_2\" name=\"category[]\" class=\"form-check-input form-check-input\" id=\"category_22\" value=\"22\" />
  864.         <label class=\"form-check-label\" for=\"category_2\">たびレレ</label></div>
  865.             </li>
  866.                         <li>
  867.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_3\" name=\"category[]\" class=\"form-check-input form-check-input\" id=\"category_23\" value=\"23\" />
  868.         <label class=\"form-check-label\" for=\"category_3\">竹レレ</label></div>
  869.             </li>
  870.                         <li>
  871.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_4\" name=\"category[]\" class=\"form-check-input form-check-input\" id=\"category_24\" value=\"24\" />
  872.         <label class=\"form-check-label\" for=\"category_4\">THE CLASSIC</label></div>
  873.             </li>
  874.                         <li>
  875.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_5\" name=\"category[]\" class=\"form-check-input form-check-input\" id=\"category_25\" value=\"25\" />
  876.         <label class=\"form-check-label\" for=\"category_5\">コズモデル</label></div>
  877.             </li>
  878.                         <li>
  879.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_6\" name=\"category[]\" class=\"form-check-input form-check-input\" id=\"category_26\" value=\"26\" />
  880.         <label class=\"form-check-label\" for=\"category_6\">GM Vintage</label></div>
  881.             </li>
  882.                         <li>
  883.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_7\" name=\"category[]\" class=\"form-check-input form-check-input\" id=\"category_27\" value=\"27\" />
  884.         <label class=\"form-check-label\" for=\"category_7\">ガズモデル</label></div>
  885.             </li>
  886.                         <li>
  887.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_8\" name=\"category[]\" class=\"form-check-input form-check-input\" id=\"category_28\" value=\"28\" />
  888.         <label class=\"form-check-label\" for=\"category_8\">その他（グッズ）</label></div>
  889.             </li>
  890.                     </ul>
  892.         <h3 class=\"product_form_title _icon01 \">
  893.             <span>ライフスタイル</span>
  894.         </h3>
  895.         <ul class=\"product_form_checkbox\" >
  896.                         <li>
  897.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_17_0\" name=\"category_17[]\" class=\"form-check-input form-check-input\" id=\"category_33\" value=\"33\" />
  898.         <label class=\"form-check-label\" for=\"category_17_0\">自宅でリラックスして楽しむ</label></div>
  899.             </li>
  900.                         <li>
  901.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_17_1\" name=\"category_17[]\" class=\"form-check-input form-check-input\" id=\"category_34\" value=\"34\" />
  902.         <label class=\"form-check-label\" for=\"category_17_1\">ビジネスの合間に楽しむ</label></div>
  903.             </li>
  904.                         <li>
  905.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_17_2\" name=\"category_17[]\" class=\"form-check-input form-check-input\" id=\"category_35\" value=\"35\" />
  906.         <label class=\"form-check-label\" for=\"category_17_2\">アウトドアで楽しむ</label></div>
  907.             </li>
  908.                         <li>
  909.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_17_3\" name=\"category_17[]\" class=\"form-check-input form-check-input\" id=\"category_36\" value=\"36\" />
  910.         <label class=\"form-check-label\" for=\"category_17_3\">カフェでのひととき</label></div>
  911.             </li>
  912.                         <li>
  913.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_17_4\" name=\"category_17[]\" class=\"form-check-input form-check-input\" id=\"category_37\" value=\"37\" />
  914.         <label class=\"form-check-label\" for=\"category_17_4\">旅行へのお供に</label></div>
  915.             </li>
  916.                         <li>
  917.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_17_5\" name=\"category_17[]\" class=\"form-check-input form-check-input\" id=\"category_38\" value=\"38\" />
  918.         <label class=\"form-check-label\" for=\"category_17_5\">ライブ＆パフォーマンスに</label></div>
  919.             </li>
  920.                         <li>
  921.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_17_6\" name=\"category_17[]\" class=\"form-check-input form-check-input\" id=\"category_39\" value=\"39\" />
  922.         <label class=\"form-check-label\" for=\"category_17_6\">友人や家族とセッション</label></div>
  923.             </li>
  924.                         <li>
  925.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_17_7\" name=\"category_17[]\" class=\"form-check-input form-check-input\" id=\"category_40\" value=\"40\" />
  926.         <label class=\"form-check-label\" for=\"category_17_7\">子供と一緒にに楽しむ</label></div>
  927.             </li>
  928.                         <li>
  929.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_17_8\" name=\"category_17[]\" class=\"form-check-input form-check-input\" id=\"category_41\" value=\"41\" />
  930.         <label class=\"form-check-label\" for=\"category_17_8\">作曲・クリエイティブ用途</label></div>
  931.             </li>
  932.                         <li>
  933.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_17_9\" name=\"category_17[]\" class=\"form-check-input form-check-input\" id=\"category_42\" value=\"42\" />
  934.         <label class=\"form-check-label\" for=\"category_17_9\">SNS・動画配信用</label></div>
  935.             </li>
  936.                     </ul>
  938.         <h3 class=\"product_form_title _icon02\"><span>こだわり条件から探す</span></h3>
  939.         <p class=\"_title02\">商品ステータス</p>
  940.         <select id=\"category_19\" name=\"category_19\" class=\"product_form_select form-select\"><option value=\"\">カテゴリを選択してください</option><option value=\"29\">在庫有り商品</option><option value=\"30\">予約商品</option><option value=\"31\">新着商品</option><option value=\"32\">おすすめ商品</option></select>
  941.         
  942.         <p class=\"_title02\">サイズ</p>
  943.         <ul class=\"product_size_checkbox\">
  944.                         <li>
  945.             <div class=\"form-check\"><input type=\"checkbox\" id=\"class_name_2_0\" name=\"class_name_2[]\" class=\"form-check-input form-check-input\" id=\"category_7\" value=\"7\" />
  946.         <label class=\"form-check-label\" for=\"class_name_2_0\">ソプラノ</label></div>
  947.             </li>
  948.                         <li>
  949.             <div class=\"form-check\"><input type=\"checkbox\" id=\"class_name_2_1\" name=\"class_name_2[]\" class=\"form-check-input form-check-input\" id=\"category_8\" value=\"8\" />
  950.         <label class=\"form-check-label\" for=\"class_name_2_1\">コンサート</label></div>
  951.             </li>
  952.                         <li>
  953.             <div class=\"form-check\"><input type=\"checkbox\" id=\"class_name_2_2\" name=\"class_name_2[]\" class=\"form-check-input form-check-input\" id=\"category_9\" value=\"9\" />
  954.         <label class=\"form-check-label\" for=\"class_name_2_2\">テナー</label></div>
  955.             </li>
  956.                     </ul>
  958.         <div class=\"_column\">
  959.             <p class=\"_title02\">塗装</p>
  960.             <a class=\"_tooltip _left\" href=\"#\" data-tooltip=\"ツヤありは光沢があり、ツヤなしは落ち着いたマット仕上げになります。\"></a>
  961.         </div>
  962.         <ul class=\"product_coating_checkbox\">
  963.                         <li>
  964.             <div class=\"form-check\"><input type=\"checkbox\" id=\"class_name_4_0\" name=\"class_name_4[]\" class=\"form-check-input form-check-input\" id=\"category_13\" value=\"13\" />
  965.         <label class=\"form-check-label\" for=\"class_name_4_0\">艶あり（グロス）</label></div>
  966.             </li>
  967.                         <li>
  968.             <div class=\"form-check\"><input type=\"checkbox\" id=\"class_name_4_1\" name=\"class_name_4[]\" class=\"form-check-input form-check-input\" id=\"category_12\" value=\"12\" />
  969.         <label class=\"form-check-label\" for=\"class_name_4_1\">艶なし（マット）</label></div>
  970.             </li>
  971.                     </ul>
  974.         <p class=\"_title02\">ボディタイプ</p>
  975.         <select id=\"class_name_3\" name=\"class_name_3\" class=\"product_form_select form-select\"><option value=\"\">カテゴリを選択してください</option><option value=\"11\">薄ボディ（〇〇mm）</option><option value=\"10\">ノーマル（標準〇〇mm）</option></select>
  976.         
  977.         <div class=\"_column\">
  978.             <p class=\"_title02\">フレット数</p>
  979.             <a class=\"_tooltip _left\" href=\"#\" data-tooltip=\"弦を押さえる金属の数です。フレットが多いほど高い音まで演奏できます。\"></a>
  980.         </div>
  981.         <select id=\"class_name_1\" name=\"class_name_1\" class=\"product_form_select form-select\"><option value=\"\">15フレット（標準）</option><option value=\"1\">15フレット</option><option value=\"2\">12フレット</option></select>
  983.         <div class=\"_column\">
  984.             <p class=\"_title02\">ピックアップ</p>
  985.             <a class=\"_tooltip _left\" href=\"#\" data-tooltip=\"アンプにつなぐための機能です。ライブ演奏や録音にも使えます。\"></a>
  986.         </div>
  987.         <select id=\"class_name_5\" name=\"class_name_5\" class=\"product_form_select form-select\"><option value=\"\">なし（標準）</option><option value=\"15\">あり（+¥0,000）</option><option value=\"14\">なし（標準）</option></select>
  989.         <p class=\"_title02\">価格帯</p>
  990.         <div class=\"product_form_price\">
  991.             <select id=\"price_min\" name=\"price_min\" class=\"product_form_select form-select\"><option value=\"\">選択してください</option><option value=\"0\">0</option><option value=\"10000\">10,000</option><option value=\"20000\">20,000</option><option value=\"30000\">30,000</option><option value=\"40000\">40,000</option><option value=\"50000\">50,000</option><option value=\"60000\">60,000</option><option value=\"70000\">70,000</option><option value=\"80000\">80,000</option><option value=\"90000\">90,000</option><option value=\"100000\">100,000</option><option value=\"110000\">110,000</option><option value=\"120000\">120,000</option><option value=\"130000\">130,000</option><option value=\"140000\">140,000</option><option value=\"150000\">150,000</option><option value=\"160000\">160,000</option><option value=\"170000\">170,000</option><option value=\"180000\">180,000</option><option value=\"190000\">190,000</option><option value=\"200000\">200,000</option></select>
  992.             </select><span class=\"_yen\">円</span><span class=\"_to\">〜</span>
  993.             <select id=\"price_max\" name=\"price_max\" class=\"product_form_select form-select\"><option value=\"\">選択してください</option><option value=\"10000\">10,000</option><option value=\"20000\">20,000</option><option value=\"30000\">30,000</option><option value=\"40000\">40,000</option><option value=\"50000\">50,000</option><option value=\"60000\">60,000</option><option value=\"70000\">70,000</option><option value=\"80000\">80,000</option><option value=\"90000\">90,000</option><option value=\"100000\">100,000</option><option value=\"110000\">110,000</option><option value=\"120000\">120,000</option><option value=\"130000\">130,000</option><option value=\"140000\">140,000</option><option value=\"150000\">150,000</option><option value=\"160000\">160,000</option><option value=\"170000\">170,000</option><option value=\"180000\">180,000</option><option value=\"190000\">190,000</option><option value=\"200000\">200,000</option></select>
  994.             <span class=\"_yen\">円</span>
  995.         </div>
  997.         <p class=\"product_btn_search\">この条件で絞り込む</p>
  998.         <p class=\"product_btn_del\">リセット</p>
  999.     </form>
  1000. </div><div class=\"product_form_search\"></div>
  1001.         </div>
  1003.         <div id=\"main_content\">
  1004.             {% if search_form.category_id.vars.errors|length > 0 %}
  1006.                 <div class=\"ec-searchnavRole\">
  1007.                     <p class=\"errormsg text-danger\">{{ 'ご指定のカテゴリは存在しません'|trans }}</p>
  1008.                 </div>
  1010.             {% else %}
  1012.                 <div class=\"ec-searchnavRole\">
  1013.                     <form name=\"form1\" id=\"form1\" method=\"get\" action=\"?\">
  1014.                         {% for item in search_form %}
  1015.                             <input type=\"hidden\" id=\"{{ item.vars.id }}\"
  1016.                                 name=\"{{ item.vars.full_name }}\"
  1017.                                 {% if item.vars.value is not empty %}value=\"{{ item.vars.value }}\" {% endif %}/>
  1018.                         {% endfor %}
  1019.                     </form>
  1020.                     <div class=\"product_list_navi\">
  1021.                         <p class=\"_count_item\">
  1022.                             {% if pagination.totalItemCount > 0 %}
  1023.                                 {{ '<span class=\"ec-font-bold\">%count%件</span>'|trans({ '%count%': pagination.totalItemCount })|raw }}
  1024.                             {% else %}
  1025.                                 <span>{{ 'お探しの商品は見つかりませんでした'|trans }}</span>
  1026.                             {% endif %}
  1027.                         </p>
  1028.                         {% if pagination.totalItemCount > 0 %}
  1029.                             <div class=\"product_list_navi_role\">
  1030.                                 <div class=\"ec-select\">
  1031.                                     {{ form_widget(search_form.disp_number, {'id': '', 'attr': {'class': 'disp-number'}}) }}
  1032.                                     {{ form_widget(search_form.orderby, {'id': '', 'attr': {'class': 'order-by'}}) }}
  1033.                                 </div>
  1034.                             </div>
  1035.                         {% endif %}
  1036.                     </div>
  1037.                 </div>
  1038.                 
  1039.                 {% if pagination.totalItemCount > 0 %}
  1040.                     <div class=\"product_list_block\">
  1041.                         {% for Product in pagination %}
  1042.                             <div class=\"product_list_item\">
  1043.                                 <a href=\"{{ url('product_detail', {'id': Product.id}) }}\">
  1044.                                     <div class=\"_img\">
  1045.                                         <img src=\"{{ asset(Product.main_list_image|no_image_product, 'save_image') }}\" alt=\"{{ Product.name }}\" {% if loop.index > 5 %} loading=\"lazy\"{% endif %}>
  1046.                                     </div>
  1047.                                     <div class=\"_content\">
  1048.                                         <ul class=\"_tag\">
  1049.                                             {% for Tag in Product.Tags %}
  1050.                                                 <li>{{ Tag }}</li>
  1051.                                             {% endfor %}
  1052.                                         </ul>
  1053.                                         <p class=\"_title\">{{ Product.name }}</p>
  1054.                                     </div>
  1055.                                     <p class=\"_price\">
  1056.                                         {% if Product.hasProductClass %}
  1057.                                             {% if Product.getPrice02Min == Product.getPrice02Max %}
  1058.                                                 {{ Product.getPrice02IncTaxMin|price }}<span class=\"_included\">（税込）</span>
  1059.                                             {% else %}
  1060.                                                 {{ Product.getPrice02IncTaxMin|price }} ～ {{ Product.getPrice02IncTaxMax|price }}<span class=\"_included\">（税込）</span>
  1061.                                             {% endif %}
  1062.                                         {% else %}
  1063.                                             {{ Product.getPrice02IncTaxMin|price }}<span class=\"_included\">（税込）</span>
  1064.                                         {% endif %}
  1065.                                     </p>
  1066.                                 </a>
  1067.                             </div>
  1068.                         {% endfor %}
  1069.                     </div>
  1070.                     <div class=\"ec-modal\">
  1071.                         <div class=\"ec-modal-overlay\">
  1072.                             <div class=\"ec-modal-wrap\">
  1073.                                 <span class=\"ec-modal-close\"><span class=\"ec-icon\"><img src=\"{{ asset('assets/icon/cross-dark.svg') }}\" alt=\"\"/></span></span>
  1074.                                 <div id=\"ec-modal-header\" class=\"text-center\">{{ 'カートに追加しました。'|trans }}</div>
  1075.                                 <div class=\"ec-modal-box\">
  1076.                                     <div class=\"ec-role\">
  1077.                                         <span class=\"ec-inlineBtn--cancel\">{{ 'お買い物を続ける'|trans }}</span>
  1078.                                         <a href=\"{{ url('cart') }}\" class=\"ec-inlineBtn--action\">{{ 'カートへ進む'|trans }}</a>
  1079.                                     </div>
  1080.                                 </div>
  1081.                             </div>
  1082.                         </div>
  1083.                     </div>
  1084.                     <div class=\"ec-pagerRole\">
  1085.                         {% include \"pager.twig\" with {'pages': pagination.paginationData} %}
  1086.                     </div>
  1087.                 {% endif %}
  1088.             {% endif %}
  1089.         </div>
  1090.     </div>
  1091. </div>
  1092. {% endblock %}", "__string_template__9c6ac0772783a8d55f9aebe8425d88ba", "");
  1093.     }
  1094. }