var/cache/dev/twig/74/74423c9249e107f2b11fdef5f7005621.php line 558

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__7c560d45e25bfb116c3dd168fcef91ac */
  16. class __TwigTemplate_5ac2e59451f17658b619dcecbdf8e5a2 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__7c560d45e25bfb116c3dd168fcef91ac"));
  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__7c560d45e25bfb116c3dd168fcef91ac"));
  48.         // line 13
  49.         $context["body_class"] = "product_page";
  50.         // line 11
  51.         $this->parent = $this->loadTemplate("default_frame.twig", "__string_template__7c560d45e25bfb116c3dd168fcef91ac", 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\">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.         <p class=\"_title02 icon01\">塗装</p>
  389.         <ul class=\"product_coating_checkbox\">
  390.                         <li>
  391.             <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\" />
  392.         <label class=\"form-check-label\" for=\"class_name_4_0\">艶あり（グロス）</label></div>
  393.             </li>
  394.                         <li>
  395.             <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\" />
  396.         <label class=\"form-check-label\" for=\"class_name_4_1\">艶なし（マット）</label></div>
  397.             </li>
  398.                     </ul>
  401.         <p class=\"_title02\">ボディタイプ</p>
  402.         <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>
  403.         
  404.         <p class=\"_title02\">フレット数</p>
  405.         <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>
  407.         <p class=\"_title02\">ピックアップ</p>
  408.         <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>
  410.         <p class=\"_title02\">価格帯</p>
  411.         <div class=\"product_form_price\">
  412.             <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>
  413.             </select><span class=\"_yen\">円</span><span class=\"_to\">〜</span>
  414.             <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>
  415.             <span class=\"_yen\">円</span>
  416.         </div>
  418.         <p class=\"product_btn_search\">この条件で絞り込む</p>
  419.         <p class=\"product_btn_del\">リセット</p>
  420.     </form>
  421. </div><div class=\"product_form_search\"></div>
  422.         </div>
  424.         <div id=\"main_content\">
  425.             ";
  426.         // line 293
  427.         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.', 293, $this->source); })()), "category_id", [], "any", false, false, false, 293), "vars", [], "any", false, false, false, 293), "errors", [], "any", false, false, false, 293)) > 0)) {
  428.             // line 294
  429.             echo "
  430.                 <div class=\"ec-searchnavRole\">
  431.                     <p class=\"errormsg text-danger\">";
  432.             // line 296
  433.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("ご指定のカテゴリは存在しません"), "html", null, true);
  434.             echo "</p>
  435.                 </div>
  437.             ";
  438.         } else {
  439.             // line 300
  440.             echo "
  441.                 <div class=\"ec-searchnavRole\">
  442.                     <form name=\"form1\" id=\"form1\" method=\"get\" action=\"?\">
  443.                         ";
  444.             // line 303
  445.             $context['_parent'] = $context;
  446.             $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.', 303, $this->source); })()));
  447.             foreach ($context['_seq'] as $context["_key"] => $context["item"]) {
  448.                 // line 304
  449.                 echo "                            <input type=\"hidden\" id=\"";
  450.                 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, 304), "id", [], "any", false, false, false, 304), "html", null, true);
  451.                 echo "\"
  452.                                 name=\"";
  453.                 // line 305
  454.                 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, 305), "full_name", [], "any", false, false, false, 305), "html", null, true);
  455.                 echo "\"
  456.                                 ";
  457.                 // line 306
  458.                 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, 306), "value", [], "any", false, false, false, 306))) {
  459.                     echo "value=\"";
  460.                     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, 306), "value", [], "any", false, false, false, 306), "html", null, true);
  461.                     echo "\" ";
  462.                 }
  463.                 echo "/>
  464.                         ";
  465.             }
  466.             $_parent = $context['_parent'];
  467.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['item'], $context['_parent'], $context['loop']);
  468.             $context = array_intersect_key($context, $_parent) + $_parent;
  469.             // line 308
  470.             echo "                    </form>
  471.                     <div class=\"product_list_navi\">
  472.                         <p class=\"_count_item\">
  473.                             ";
  474.             // line 311
  475.             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.', 311, $this->source); })()), "totalItemCount", [], "any", false, false, false, 311) > 0)) {
  476.                 // line 312
  477.                 echo "                                ";
  478.                 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.', 312, $this->source); })()), "totalItemCount", [], "any", false, false, false, 312)]);
  479.                 echo "
  480.                             ";
  481.             } else {
  482.                 // line 314
  483.                 echo "                                <span>";
  484.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("お探しの商品は見つかりませんでした"), "html", null, true);
  485.                 echo "</span>
  486.                             ";
  487.             }
  488.             // line 316
  489.             echo "                        </p>
  490.                         ";
  491.             // line 317
  492.             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.', 317, $this->source); })()), "totalItemCount", [], "any", false, false, false, 317) > 0)) {
  493.                 // line 318
  494.                 echo "                            <div class=\"product_list_navi_role\">
  495.                                 <div class=\"ec-select\">
  496.                                     ";
  497.                 // line 320
  498.                 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.', 320, $this->source); })()), "disp_number", [], "any", false, false, false, 320), 'widget', ["id" => "", "attr" => ["class" => "disp-number"]]);
  499.                 echo "
  500.                                     ";
  501.                 // line 321
  502.                 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.', 321, $this->source); })()), "orderby", [], "any", false, false, false, 321), 'widget', ["id" => "", "attr" => ["class" => "order-by"]]);
  503.                 echo "
  504.                                 </div>
  505.                             </div>
  506.                         ";
  507.             }
  508.             // line 325
  509.             echo "                    </div>
  510.                 </div>
  511.                 
  512.                 ";
  513.             // line 328
  514.             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.', 328, $this->source); })()), "totalItemCount", [], "any", false, false, false, 328) > 0)) {
  515.                 // line 329
  516.                 echo "                    <div class=\"product_list_block\">
  517.                         ";
  518.                 // line 330
  519.                 $context['_parent'] = $context;
  520.                 $context['_seq'] = twig_ensure_traversable((isset($context["pagination"]) || array_key_exists("pagination", $context) ? $context["pagination"] : (function () { throw new RuntimeError('Variable "pagination" does not exist.', 330, $this->source); })()));
  521.                 $context['loop'] = [
  522.                   'parent' => $context['_parent'],
  523.                   'index0' => 0,
  524.                   'index'  => 1,
  525.                   'first'  => true,
  526.                 ];
  527.                 if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  528.                     $length = count($context['_seq']);
  529.                     $context['loop']['revindex0'] = $length - 1;
  530.                     $context['loop']['revindex'] = $length;
  531.                     $context['loop']['length'] = $length;
  532.                     $context['loop']['last'] = 1 === $length;
  533.                 }
  534.                 foreach ($context['_seq'] as $context["_key"] => $context["Product"]) {
  535.                     // line 331
  536.                     echo "                            <div class=\"product_list_item\">
  537.                                 <a href=\"";
  538.                     // line 332
  539.                     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, 332)]), "html", null, true);
  540.                     echo "\">
  541.                                     <div class=\"_img\">
  542.                                         <img src=\"";
  543.                     // line 334
  544.                     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, 334)), "save_image"), "html", null, true);
  545.                     echo "\" alt=\"";
  546.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Product"], "name", [], "any", false, false, false, 334), "html", null, true);
  547.                     echo "\" ";
  548.                     if ((twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 334) > 5)) {
  549.                         echo " loading=\"lazy\"";
  550.                     }
  551.                     echo ">
  552.                                     </div>
  553.                                     <div class=\"_content\">
  554.                                         <ul class=\"_tag\">
  555.                                             ";
  556.                     // line 338
  557.                     $context['_parent'] = $context;
  558.                     $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, $context["Product"], "Tags", [], "any", false, false, false, 338));
  559.                     foreach ($context['_seq'] as $context["_key"] => $context["Tag"]) {
  560.                         // line 339
  561.                         echo "                                                <li>";
  562.                         echo twig_escape_filter($this->env, $context["Tag"], "html", null, true);
  563.                         echo "</li>
  564.                                             ";
  565.                     }
  566.                     $_parent = $context['_parent'];
  567.                     unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Tag'], $context['_parent'], $context['loop']);
  568.                     $context = array_intersect_key($context, $_parent) + $_parent;
  569.                     // line 341
  570.                     echo "                                        </ul>
  571.                                         <p class=\"_title\">";
  572.                     // line 342
  573.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Product"], "name", [], "any", false, false, false, 342), "html", null, true);
  574.                     echo "</p>
  575.                                     </div>
  576.                                     <p class=\"_price\">
  577.                                         ";
  578.                     // line 345
  579.                     if (twig_get_attribute($this->env, $this->source, $context["Product"], "hasProductClass", [], "any", false, false, false, 345)) {
  580.                         // line 346
  581.                         echo "                                            ";
  582.                         if ((twig_get_attribute($this->env, $this->source, $context["Product"], "getPrice02Min", [], "any", false, false, false, 346) == twig_get_attribute($this->env, $this->source, $context["Product"], "getPrice02Max", [], "any", false, false, false, 346))) {
  583.                             // line 347
  584.                             echo "                                                ";
  585.                             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, 347)), "html", null, true);
  586.                             echo "<span class=\"_included\">（税込）</span>
  587.                                             ";
  588.                         } else {
  589.                             // line 349
  590.                             echo "                                                ";
  591.                             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, 349)), "html", null, true);
  592.                             echo " ～ ";
  593.                             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, 349)), "html", null, true);
  594.                             echo "<span class=\"_included\">（税込）</span>
  595.                                             ";
  596.                         }
  597.                         // line 351
  598.                         echo "                                        ";
  599.                     } else {
  600.                         // line 352
  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"], "getPrice02IncTaxMin", [], "any", false, false, false, 352)), "html", null, true);
  603.                         echo "<span class=\"_included\">（税込）</span>
  604.                                         ";
  605.                     }
  606.                     // line 354
  607.                     echo "                                    </p>
  608.                                 </a>
  609.                             </div>
  610.                         ";
  611.                     ++$context['loop']['index0'];
  612.                     ++$context['loop']['index'];
  613.                     $context['loop']['first'] = false;
  614.                     if (isset($context['loop']['length'])) {
  615.                         --$context['loop']['revindex0'];
  616.                         --$context['loop']['revindex'];
  617.                         $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  618.                     }
  619.                 }
  620.                 $_parent = $context['_parent'];
  621.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Product'], $context['_parent'], $context['loop']);
  622.                 $context = array_intersect_key($context, $_parent) + $_parent;
  623.                 // line 358
  624.                 echo "                    </div>
  625.                     <div class=\"ec-modal\">
  626.                         <div class=\"ec-modal-overlay\">
  627.                             <div class=\"ec-modal-wrap\">
  628.                                 <span class=\"ec-modal-close\"><span class=\"ec-icon\"><img src=\"";
  629.                 // line 362
  630.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/icon/cross-dark.svg"), "html", null, true);
  631.                 echo "\" alt=\"\"/></span></span>
  632.                                 <div id=\"ec-modal-header\" class=\"text-center\">";
  633.                 // line 363
  634.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートに追加しました。"), "html", null, true);
  635.                 echo "</div>
  636.                                 <div class=\"ec-modal-box\">
  637.                                     <div class=\"ec-role\">
  638.                                         <span class=\"ec-inlineBtn--cancel\">";
  639.                 // line 366
  640.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("お買い物を続ける"), "html", null, true);
  641.                 echo "</span>
  642.                                         <a href=\"";
  643.                 // line 367
  644.                 echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("cart");
  645.                 echo "\" class=\"ec-inlineBtn--action\">";
  646.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートへ進む"), "html", null, true);
  647.                 echo "</a>
  648.                                     </div>
  649.                                 </div>
  650.                             </div>
  651.                         </div>
  652.                     </div>
  653.                     <div class=\"ec-pagerRole\">
  654.                         ";
  655.                 // line 374
  656.                 $this->loadTemplate("pager.twig", "__string_template__7c560d45e25bfb116c3dd168fcef91ac", 374)->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.', 374, $this->source); })()), "paginationData", [], "any", false, false, false, 374)]));
  657.                 // line 375
  658.                 echo "                    </div>
  659.                 ";
  660.             }
  661.             // line 377
  662.             echo "            ";
  663.         }
  664.         // line 378
  665.         echo "        </div>
  666.     </div>
  667. </div>
  668. ";
  669.         
  670.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  672.         
  673.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  675.     }
  677.     public function getTemplateName()
  678.     {
  679.         return "__string_template__7c560d45e25bfb116c3dd168fcef91ac";
  680.     }
  682.     public function isTraitable()
  683.     {
  684.         return false;
  685.     }
  687.     public function getDebugInfo()
  688.     {
  689.         return array (  665 => 378,  662 => 377,  658 => 375,  656 => 374,  644 => 367,  640 => 366,  634 => 363,  630 => 362,  624 => 358,  607 => 354,  601 => 352,  598 => 351,  590 => 349,  584 => 347,  581 => 346,  579 => 345,  573 => 342,  570 => 341,  561 => 339,  557 => 338,  544 => 334,  539 => 332,  536 => 331,  519 => 330,  516 => 329,  514 => 328,  509 => 325,  502 => 321,  498 => 320,  494 => 318,  492 => 317,  489 => 316,  483 => 314,  477 => 312,  475 => 311,  470 => 308,  458 => 306,  454 => 305,  449 => 304,  445 => 303,  440 => 300,  433 => 296,  429 => 294,  427 => 293,  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,);
  690.     }
  692.     public function getSourceContext()
  693.     {
  694.         return new Source("{#
  695. This file is part of EC-CUBE
  697. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  699. http://www.ec-cube.co.jp/
  701. For the full copyright and license information, please view the LICENSE
  702. file that was distributed with this source code.
  703. #}
  704. {% extends 'default_frame.twig' %}
  706. {% set body_class = 'product_page' %}
  708. {% block javascript %}
  709.     <script>
  710.         eccube.productsClassCategories = {
  711.             {% for Product in pagination %}
  712.             \"{{ Product.id|escape('js') }}\": {{ class_categories_as_json(Product)|raw }}{% if loop.last == false %}, {% endif %}
  713.             {% endfor %}
  714.         };
  716.         \$(function() {
  718.             // 表示件数を変更
  719.             \$('.disp-number').change(function() {
  720.                 var dispNumber = \$(this).val();
  721.                 \$('#disp_number').val(dispNumber);
  722.                 \$('#pageno').val(1);
  723.                 \$(\"#form1\").submit();
  724.             });
  726.             // 並び順を変更
  727.             \$('.order-by').change(function() {
  728.                 var orderBy = \$(this).val();
  729.                 \$('#orderby').val(orderBy);
  730.                 \$('#pageno').val(1);
  731.                 \$(\"#form1\").submit();
  732.             });
  734.             \$('.add-cart').on('click', function(e) {
  735.                 var \$form = \$(this).parents('li').find('form');
  737.                 // 個数フォームのチェック
  738.                 var \$quantity = \$form.parent().find('.quantity');
  739.                 if (\$quantity.val() < 1) {
  740.                     \$quantity[0].setCustomValidity('{{ '1以上で入力してください。'|trans }}');
  741.                     setTimeout(function() {
  742.                         loadingOverlay('hide');
  743.                     }, 100);
  744.                     return true;
  745.                 } else {
  746.                     \$quantity[0].setCustomValidity('');
  747.                 }
  748.                 e.preventDefault();
  749.                 \$.ajax({
  750.                     url: \$form.attr('action'),
  751.                     type: \$form.attr('method'),
  752.                     data: \$form.serialize(),
  753.                     dataType: 'json',
  754.                     beforeSend: function(xhr, settings) {
  755.                         // Buttonを無効にする
  756.                         \$('.add-cart').prop('disabled', true);
  757.                     }
  758.                 }).done(function(data) {
  759.                     // レスポンス内のメッセージをalertで表示
  760.                     \$.each(data.messages, function() {
  761.                         \$('#ec-modal-header').html(this);
  762.                     });
  764.                     \$('.ec-modal').show()
  766.                     // カートブロックを更新する
  767.                     \$.ajax({
  768.                         url: '{{ url('block_cart') }}',
  769.                         type: 'GET',
  770.                         dataType: 'html'
  771.                     }).done(function(html) {
  772.                         \$('.ec-headerRole__cart').html(html);
  773.                     });
  774.                 }).fail(function(data) {
  775.                     alert('{{ 'カートへの追加に失敗しました。'|trans }}');
  776.                 }).always(function(data) {
  777.                     // Buttonを有効にする
  778.                     \$('.add-cart').prop('disabled', false);
  779.                 });
  780.             });
  781.         });
  783.         \$('.ec-modal-wrap').on('click', function(e) {
  784.             // モーダル内の処理は外側にバブリングさせない
  785.             e.stopPropagation();
  786.         });
  787.         \$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .ec-inlineBtn--cancel').on('click', function() {
  788.             \$('.ec-modal').hide()
  789.         });
  790.     </script>
  791. {% endblock %}
  793. {% block main %}
  795. <div class=\"main_visual\" 
  796.     data-imgpc=\"{{ asset('assets/img/common/main_visual.jpg','user_data') }}\" 
  797.     data-imgsmp=\"{{ asset('assets/img/common/main_visualsmp.jpg','user_data') }}\">
  798.     <div class=\"container\">
  799.         <h2 class=\"main_visual_title\">
  800.             <span class=\"_big\">G-Laboウクレレラインナップ</span>
  801.             <span class=\"_small\">G-Laboは、職人によってテキストテキストテキストテキストなウクレレブランドです。</span>
  802.         </h2>
  803.     </div>
  804. </div>
  806. <div class=\"product_list container\">
  807.     <div class=\"product_list_category\">
  808.         <p class=\"_list\"><a href=\"{{ url('product_list') }}\">すべての商品</a></p>
  809.         {{ include('Block/category.twig') }}
  810.     </div>
  812.     <div class=\"product_list_container\">
  814.         <div id=\"main_side\" class=\"side\">
  815.                 <script>
  816.     \$(function() {
  817.         \$(\".product_btn_search\").click(function(){
  818.             \$(this).parent().submit();
  819.         });
  821.         \$(\".product_btn_del\").click(function(){
  822.             \$(\".search-form-custom\").find(\"input[type='text'], input[type='checkbox'], select\").val(\"\");
  823.             \$(this).parent().submit();
  824.         });
  825.     });
  826.     </script>
  828. <div class=\"ec-headerNaviRole__search\">
  829.     <form method=\"get\" action=\"/products/search\" class=\"search-form-custom product_form_search\">
  831.         <div class=\"ec-headerSearch__keyword\">
  832.             <div class=\"ec-input\">
  833.                 <p class=\"_title02\">キーワード</p>
  834.                 <div class='cus-input-search'>
  835.                     <input type=\"text\" id=\"keyword\" name=\"keyword\" placeholder=\"\" class=\"form-control form-control\" />
  836.                     <button class=\"ec-headerSearch__keywordBtn\" type=\"submit\"></button>
  837.                 </div>
  838.             </div>
  839.         </div>
  841.         <h3 class=\"product_form_title \">
  842.             <span>カテゴリー</span>
  843.         </h3>
  844.         <ul class=\"product_form_checkbox\" >
  845.                         <li>
  846.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_0\" name=\"category[]\" class=\"form-check-input form-check-input\" id=\"category_20\" value=\"20\" />
  847.         <label class=\"form-check-label\" for=\"category_0\">ガズのわがままウクレレ</label></div>
  848.             </li>
  849.                         <li>
  850.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_1\" name=\"category[]\" class=\"form-check-input form-check-input\" id=\"category_21\" value=\"21\" />
  851.         <label class=\"form-check-label\" for=\"category_1\">ウスレレ</label></div>
  852.             </li>
  853.                         <li>
  854.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_2\" name=\"category[]\" class=\"form-check-input form-check-input\" id=\"category_22\" value=\"22\" />
  855.         <label class=\"form-check-label\" for=\"category_2\">たびレレ</label></div>
  856.             </li>
  857.                         <li>
  858.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_3\" name=\"category[]\" class=\"form-check-input form-check-input\" id=\"category_23\" value=\"23\" />
  859.         <label class=\"form-check-label\" for=\"category_3\">竹レレ</label></div>
  860.             </li>
  861.                         <li>
  862.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_4\" name=\"category[]\" class=\"form-check-input form-check-input\" id=\"category_24\" value=\"24\" />
  863.         <label class=\"form-check-label\" for=\"category_4\">THE CLASSIC</label></div>
  864.             </li>
  865.                         <li>
  866.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_5\" name=\"category[]\" class=\"form-check-input form-check-input\" id=\"category_25\" value=\"25\" />
  867.         <label class=\"form-check-label\" for=\"category_5\">コズモデル</label></div>
  868.             </li>
  869.                         <li>
  870.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_6\" name=\"category[]\" class=\"form-check-input form-check-input\" id=\"category_26\" value=\"26\" />
  871.         <label class=\"form-check-label\" for=\"category_6\">GM Vintage</label></div>
  872.             </li>
  873.                         <li>
  874.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_7\" name=\"category[]\" class=\"form-check-input form-check-input\" id=\"category_27\" value=\"27\" />
  875.         <label class=\"form-check-label\" for=\"category_7\">ガズモデル</label></div>
  876.             </li>
  877.                         <li>
  878.             <div class=\"form-check\"><input type=\"checkbox\" id=\"category_8\" name=\"category[]\" class=\"form-check-input form-check-input\" id=\"category_28\" value=\"28\" />
  879.         <label class=\"form-check-label\" for=\"category_8\">その他（グッズ）</label></div>
  880.             </li>
  881.                     </ul>
  883.         <h3 class=\"product_form_title _icon01 \">
  884.             <span>ライフスタイル</span>
  885.         </h3>
  886.         <ul class=\"product_form_checkbox\" >
  887.                         <li>
  888.             <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\" />
  889.         <label class=\"form-check-label\" for=\"category_17_0\">自宅でリラックスして楽しむ</label></div>
  890.             </li>
  891.                         <li>
  892.             <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\" />
  893.         <label class=\"form-check-label\" for=\"category_17_1\">ビジネスの合間に楽しむ</label></div>
  894.             </li>
  895.                         <li>
  896.             <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\" />
  897.         <label class=\"form-check-label\" for=\"category_17_2\">アウトドアで楽しむ</label></div>
  898.             </li>
  899.                         <li>
  900.             <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\" />
  901.         <label class=\"form-check-label\" for=\"category_17_3\">カフェでのひととき</label></div>
  902.             </li>
  903.                         <li>
  904.             <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\" />
  905.         <label class=\"form-check-label\" for=\"category_17_4\">旅行へのお供に</label></div>
  906.             </li>
  907.                         <li>
  908.             <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\" />
  909.         <label class=\"form-check-label\" for=\"category_17_5\">ライブ＆パフォーマンスに</label></div>
  910.             </li>
  911.                         <li>
  912.             <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\" />
  913.         <label class=\"form-check-label\" for=\"category_17_6\">友人や家族とセッション</label></div>
  914.             </li>
  915.                         <li>
  916.             <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\" />
  917.         <label class=\"form-check-label\" for=\"category_17_7\">子供と一緒にに楽しむ</label></div>
  918.             </li>
  919.                         <li>
  920.             <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\" />
  921.         <label class=\"form-check-label\" for=\"category_17_8\">作曲・クリエイティブ用途</label></div>
  922.             </li>
  923.                         <li>
  924.             <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\" />
  925.         <label class=\"form-check-label\" for=\"category_17_9\">SNS・動画配信用</label></div>
  926.             </li>
  927.                     </ul>
  929.         <h3 class=\"product_form_title _icon02\"><span>こだわり条件から探す</span></h3>
  930.         <p class=\"_title02\">商品ステータス</p>
  931.         <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>
  932.         
  933.         <p class=\"_title02\">サイズ</p>
  934.         <ul class=\"product_size_checkbox\">
  935.                         <li>
  936.             <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\" />
  937.         <label class=\"form-check-label\" for=\"class_name_2_0\">ソプラノ</label></div>
  938.             </li>
  939.                         <li>
  940.             <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\" />
  941.         <label class=\"form-check-label\" for=\"class_name_2_1\">コンサート</label></div>
  942.             </li>
  943.                         <li>
  944.             <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\" />
  945.         <label class=\"form-check-label\" for=\"class_name_2_2\">テナー</label></div>
  946.             </li>
  947.                     </ul>
  949.         <p class=\"_title02 icon01\">塗装</p>
  950.         <ul class=\"product_coating_checkbox\">
  951.                         <li>
  952.             <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\" />
  953.         <label class=\"form-check-label\" for=\"class_name_4_0\">艶あり（グロス）</label></div>
  954.             </li>
  955.                         <li>
  956.             <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\" />
  957.         <label class=\"form-check-label\" for=\"class_name_4_1\">艶なし（マット）</label></div>
  958.             </li>
  959.                     </ul>
  962.         <p class=\"_title02\">ボディタイプ</p>
  963.         <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>
  964.         
  965.         <p class=\"_title02\">フレット数</p>
  966.         <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>
  968.         <p class=\"_title02\">ピックアップ</p>
  969.         <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>
  971.         <p class=\"_title02\">価格帯</p>
  972.         <div class=\"product_form_price\">
  973.             <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>
  974.             </select><span class=\"_yen\">円</span><span class=\"_to\">〜</span>
  975.             <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>
  976.             <span class=\"_yen\">円</span>
  977.         </div>
  979.         <p class=\"product_btn_search\">この条件で絞り込む</p>
  980.         <p class=\"product_btn_del\">リセット</p>
  981.     </form>
  982. </div><div class=\"product_form_search\"></div>
  983.         </div>
  985.         <div id=\"main_content\">
  986.             {% if search_form.category_id.vars.errors|length > 0 %}
  988.                 <div class=\"ec-searchnavRole\">
  989.                     <p class=\"errormsg text-danger\">{{ 'ご指定のカテゴリは存在しません'|trans }}</p>
  990.                 </div>
  992.             {% else %}
  994.                 <div class=\"ec-searchnavRole\">
  995.                     <form name=\"form1\" id=\"form1\" method=\"get\" action=\"?\">
  996.                         {% for item in search_form %}
  997.                             <input type=\"hidden\" id=\"{{ item.vars.id }}\"
  998.                                 name=\"{{ item.vars.full_name }}\"
  999.                                 {% if item.vars.value is not empty %}value=\"{{ item.vars.value }}\" {% endif %}/>
  1000.                         {% endfor %}
  1001.                     </form>
  1002.                     <div class=\"product_list_navi\">
  1003.                         <p class=\"_count_item\">
  1004.                             {% if pagination.totalItemCount > 0 %}
  1005.                                 {{ '<span class=\"ec-font-bold\">%count%件</span>'|trans({ '%count%': pagination.totalItemCount })|raw }}
  1006.                             {% else %}
  1007.                                 <span>{{ 'お探しの商品は見つかりませんでした'|trans }}</span>
  1008.                             {% endif %}
  1009.                         </p>
  1010.                         {% if pagination.totalItemCount > 0 %}
  1011.                             <div class=\"product_list_navi_role\">
  1012.                                 <div class=\"ec-select\">
  1013.                                     {{ form_widget(search_form.disp_number, {'id': '', 'attr': {'class': 'disp-number'}}) }}
  1014.                                     {{ form_widget(search_form.orderby, {'id': '', 'attr': {'class': 'order-by'}}) }}
  1015.                                 </div>
  1016.                             </div>
  1017.                         {% endif %}
  1018.                     </div>
  1019.                 </div>
  1020.                 
  1021.                 {% if pagination.totalItemCount > 0 %}
  1022.                     <div class=\"product_list_block\">
  1023.                         {% for Product in pagination %}
  1024.                             <div class=\"product_list_item\">
  1025.                                 <a href=\"{{ url('product_detail', {'id': Product.id}) }}\">
  1026.                                     <div class=\"_img\">
  1027.                                         <img src=\"{{ asset(Product.main_list_image|no_image_product, 'save_image') }}\" alt=\"{{ Product.name }}\" {% if loop.index > 5 %} loading=\"lazy\"{% endif %}>
  1028.                                     </div>
  1029.                                     <div class=\"_content\">
  1030.                                         <ul class=\"_tag\">
  1031.                                             {% for Tag in Product.Tags %}
  1032.                                                 <li>{{ Tag }}</li>
  1033.                                             {% endfor %}
  1034.                                         </ul>
  1035.                                         <p class=\"_title\">{{ Product.name }}</p>
  1036.                                     </div>
  1037.                                     <p class=\"_price\">
  1038.                                         {% if Product.hasProductClass %}
  1039.                                             {% if Product.getPrice02Min == Product.getPrice02Max %}
  1040.                                                 {{ Product.getPrice02IncTaxMin|price }}<span class=\"_included\">（税込）</span>
  1041.                                             {% else %}
  1042.                                                 {{ Product.getPrice02IncTaxMin|price }} ～ {{ Product.getPrice02IncTaxMax|price }}<span class=\"_included\">（税込）</span>
  1043.                                             {% endif %}
  1044.                                         {% else %}
  1045.                                             {{ Product.getPrice02IncTaxMin|price }}<span class=\"_included\">（税込）</span>
  1046.                                         {% endif %}
  1047.                                     </p>
  1048.                                 </a>
  1049.                             </div>
  1050.                         {% endfor %}
  1051.                     </div>
  1052.                     <div class=\"ec-modal\">
  1053.                         <div class=\"ec-modal-overlay\">
  1054.                             <div class=\"ec-modal-wrap\">
  1055.                                 <span class=\"ec-modal-close\"><span class=\"ec-icon\"><img src=\"{{ asset('assets/icon/cross-dark.svg') }}\" alt=\"\"/></span></span>
  1056.                                 <div id=\"ec-modal-header\" class=\"text-center\">{{ 'カートに追加しました。'|trans }}</div>
  1057.                                 <div class=\"ec-modal-box\">
  1058.                                     <div class=\"ec-role\">
  1059.                                         <span class=\"ec-inlineBtn--cancel\">{{ 'お買い物を続ける'|trans }}</span>
  1060.                                         <a href=\"{{ url('cart') }}\" class=\"ec-inlineBtn--action\">{{ 'カートへ進む'|trans }}</a>
  1061.                                     </div>
  1062.                                 </div>
  1063.                             </div>
  1064.                         </div>
  1065.                     </div>
  1066.                     <div class=\"ec-pagerRole\">
  1067.                         {% include \"pager.twig\" with {'pages': pagination.paginationData} %}
  1068.                     </div>
  1069.                 {% endif %}
  1070.             {% endif %}
  1071.         </div>
  1072.     </div>
  1073. </div>
  1074. {% endblock %}", "__string_template__7c560d45e25bfb116c3dd168fcef91ac", "");
  1075.     }
  1076. }