var/cache/dev/twig/f6/f61f9a08d8c306a7fe7a13d20b7abc1d.php line 55

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  15. /* Product/detail.twig */
  16. class __TwigTemplate_f8323847ccbfc05f7213b846afe26efc extends \Eccube\Twig\Template
  17. {
  18.     private $source;
  19.     private $macros = [];
  21.     public function __construct(Environment $env)
  22.     {
  23.         parent::__construct($env);
  25.         $this->source = $this->getSourceContext();
  27.         $this->blocks = [
  28.             'stylesheet' => [$this, 'block_stylesheet'],
  29.             'javascript' => [$this, 'block_javascript'],
  30.             'main' => [$this, 'block_main'],
  31.         ];
  32.         $this->sandbox = $this->env->getExtension('\Twig\Extension\SandboxExtension');
  33.         $this->checkSecurity();
  34.     }
  36.     protected function doGetParent(array $context)
  37.     {
  38.         // line 11
  39.         return "default_frame.twig";
  40.     }
  42.     protected function doDisplay(array $context, array $blocks = [])
  43.     {
  44.         $macros = $this->macros;
  45.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  46.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Product/detail.twig"));
  48.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  49.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Product/detail.twig"));
  51.         // line 13
  52.         $context["body_class"] = "product_page";
  53.         // line 11
  54.         $this->parent = $this->loadTemplate("default_frame.twig", "Product/detail.twig", 11);
  55.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  56.         
  57.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  59.         
  60.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  62.     }
  64.     // line 15
  65.     public function block_stylesheet($context, array $blocks = [])
  66.     {
  67.         $macros = $this->macros;
  68.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  69.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  71.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  72.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  74.         // line 16
  75.         echo "    <style>
  77.         .slick-slider {
  78.             margin-bottom: 30px;
  79.         }
  81.         .slick-dots {
  82.             position: absolute;
  83.             bottom: -45px;
  84.             display: block;
  85.             width: 100%;
  86.             padding: 0;
  87.             list-style: none;
  88.             text-align: center;
  89.         }
  91.         .slick-dots li {
  92.             position: relative;
  93.             display: inline-block;
  94.             width: 20px;
  95.             height: 20px;
  96.             margin: 0 5px;
  97.             padding: 0;
  99.             cursor: pointer;
  100.         }
  102.         .slick-dots li button {
  103.             font-size: 0;
  104.             line-height: 0;
  105.             display: block;
  106.             width: 20px;
  107.             height: 20px;
  108.             padding: 5px;
  109.             cursor: pointer;
  110.             color: transparent;
  111.             border: 0;
  112.             outline: none;
  113.             background: transparent;
  114.         }
  116.         .slick-dots li button:hover,
  117.         .slick-dots li button:focus {
  118.             outline: none;
  119.         }
  121.         .slick-dots li button:hover:before,
  122.         .slick-dots li button:focus:before {
  123.             opacity: 1;
  124.         }
  126.         .slick-dots li button:before {
  127.             content: \" \";
  128.             line-height: 20px;
  129.             position: absolute;
  130.             top: 0;
  131.             left: 0;
  132.             width: 12px;
  133.             height: 12px;
  134.             text-align: center;
  135.             opacity: .25;
  136.             background-color: black;
  137.             border-radius: 50%;
  139.         }
  141.         .slick-dots li.slick-active button:before {
  142.             opacity: .75;
  143.             background-color: black;
  144.         }
  146.         .slick-dots li button.thumbnail img {
  147.             width: 0;
  148.             height: 0;
  149.         }
  151.     </style>
  152.     <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css\" />
  153.     <link rel=\"stylesheet\" href=\"/html/template/default/assets/css/swiper-customize.min.css\">
  154.     <style>
  155.         #modalWrapAlert {
  156.             display: none;
  157.             background: 0 0;
  158.             width: 100%;
  159.             height: 100%;
  160.             position: fixed;
  161.             top: 0;
  162.             left: 0;
  163.             z-index: 100;
  164.             overflow: hidden
  165.         }
  167.         .modalBoxAlert {
  168.             position: fixed;
  169.             width: 85%;
  170.             max-width: 420px;
  171.             height: 0;
  172.             top: 0;
  173.             bottom: 0;
  174.             left: 0;
  175.             right: 0;
  176.             margin: auto;
  177.             overflow: hidden;
  178.             opacity: 1;
  179.             display: none;
  180.             border-radius: 3px;
  181.             z-index: 1000
  182.         }
  184.         .modalInnerAlert {
  185.             padding: 10px;
  186.             text-align: center;
  187.             box-sizing: border-box;
  188.             background: rgba(0, 0, 0, .7);
  189.             color: #fff
  190.         }
  191.     </style>
  192. ";
  193.         
  194.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  196.         
  197.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  199.     }
  201.     // line 135
  202.     public function block_javascript($context, array $blocks = [])
  203.     {
  204.         $macros = $this->macros;
  205.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  206.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  208.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  209.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  211.         // line 136
  212.         echo "    ";
  213.         // line 137
  214.         echo "    ";
  215.         $context["rootCategoryId"] = null;
  216.         // line 138
  217.         echo "    ";
  218.         $context['_parent'] = $context;
  219.         $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 138, $this->source); })()), "ProductCategories", [], "any", false, false, true, 138));
  220.         foreach ($context['_seq'] as $context["_key"] => $context["ProductCategory"]) {
  221.             // line 139
  222.             echo "        ";
  223.             $context["Category"] = twig_get_attribute($this->env, $this->source, $context["ProductCategory"], "Category", [], "any", false, false, true, 139);
  224.             // line 140
  225.             echo "        ";
  226.             $context["rootCategory"] = (isset($context["Category"]) || array_key_exists("Category", $context) ? $context["Category"] : (function () { throw new RuntimeError('Variable "Category" does not exist.', 140, $this->source); })());
  227.             // line 141
  228.             echo "        ";
  229.             $context['_parent'] = $context;
  230.             $context['_seq'] = twig_ensure_traversable(range(1, 10));
  231.             foreach ($context['_seq'] as $context["_key"] => $context["i"]) {
  232.                 if (twig_get_attribute($this->env, $this->source, (isset($context["rootCategory"]) || array_key_exists("rootCategory", $context) ? $context["rootCategory"] : (function () { throw new RuntimeError('Variable "rootCategory" does not exist.', 141, $this->source); })()), "Parent", [], "any", false, false, true, 141)) {
  233.                     // line 142
  234.                     echo "            ";
  235.                     $context["rootCategory"] = twig_get_attribute($this->env, $this->source, (isset($context["rootCategory"]) || array_key_exists("rootCategory", $context) ? $context["rootCategory"] : (function () { throw new RuntimeError('Variable "rootCategory" does not exist.', 142, $this->source); })()), "Parent", [], "any", false, false, true, 142);
  236.                     // line 143
  237.                     echo "        ";
  238.                 }
  239.             }
  240.             $_parent = $context['_parent'];
  241.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['i'], $context['_parent'], $context['loop']);
  242.             $context = array_intersect_key($context, $_parent) + $_parent;
  243.             // line 144
  244.             echo "        ";
  245.             $context["rootCategoryId"] = twig_get_attribute($this->env, $this->source, (isset($context["rootCategory"]) || array_key_exists("rootCategory", $context) ? $context["rootCategory"] : (function () { throw new RuntimeError('Variable "rootCategory" does not exist.', 144, $this->source); })()), "id", [], "any", false, false, true, 144);
  246.             // line 145
  247.             echo "    ";
  248.         }
  249.         $_parent = $context['_parent'];
  250.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductCategory'], $context['_parent'], $context['loop']);
  251.         $context = array_intersect_key($context, $_parent) + $_parent;
  252.         // line 146
  253.         echo "    <script>
  254.         eccube.classCategories = ";
  255.         // line 147
  256.         echo $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getClassCategoriesAsJson($this->sandbox->ensureToStringAllowed((isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 147, $this->source); })()), 147, $this->source));
  257.         echo ";
  259.         // 規格2に選択肢を割り当てる。
  260.         function fnSetClassCategories(form, classcat_id2_selected) {
  261.             var \$form = \$(form);
  262.             var product_id = \$form.find('input[name=product_id]').val();
  263.             var \$sele1 = \$form.find('select[name=classcategory_id1]');
  264.             var \$sele2 = \$form.find('select[name=classcategory_id2]');
  265.             eccube.setClassCategories(\$form, product_id, \$sele1, \$sele2, classcat_id2_selected);
  266.         }
  268. ";
  269.         // line 159
  270.         echo "    ";
  271.         if (((isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 159, $this->source); })()) == 7)) {
  272.             // line 160
  273.             echo "        window.addEventListener('load', () => {
  274.             const selectElement = document.getElementById('classcategory_id1');
  275.             if (selectElement) {
  276.                 selectElement.selectedIndex = 1;\t// 2番目のoptionを選択
  278.                 // 規格1の選択後に規格2の選択肢を設定
  279.                 fnSetClassCategories(\$('#form1'), null);
  281.                 // イベント発火処理（ネイティブ+jQuery）
  282.                 const triggerChangeEvents = () => {
  283.                     // 規格1の変更イベントを発火
  284.                     \$(selectElement).trigger('change');
  285.                 };
  287.                 // 規格1の変更イベントを発火（300msの遅延を追加）
  288.                 setTimeout(triggerChangeEvents, 300);
  289.             }
  291.             ";
  292.             // line 178
  293.             if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, true, 178)) {
  294.                 // line 179
  295.                 echo "            fnSetClassCategories(
  296.                 \$('#form1'), ";
  297.                 // line 180
  298.                 echo json_encode($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 180, $this->source); })()), "classcategory_id2", [], "any", false, false, true, 180), "vars", [], "any", false, false, true, 180), "value", [], "any", false, false, true, 180), 180, $this->source));
  299.                 echo "
  300.             );
  301.             ";
  302.             } elseif (twig_get_attribute($this->env, $this->source,             // line 182
  303. ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, true, 182)) {
  304.                 // line 183
  305.                 echo "            eccube.checkStock(\$('#form1'), ";
  306.                 echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 183, $this->source); })()), "id", [], "any", false, false, true, 183), 183, $this->source), "html", null, true);
  307.                 echo ", ";
  308.                 echo json_encode($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 183, $this->source); })()), "classcategory_id1", [], "any", false, false, true, 183), "vars", [], "any", false, false, true, 183), "value", [], "any", false, false, true, 183), 183, $this->source));
  309.                 echo ", null);
  310.             ";
  311.             } else {
  312.                 // line 185
  313.                 echo "            // 規格が存在しない場合の処理
  314.             eccube.checkStock(\$('#form1'), ";
  315.                 // line 186
  316.                 echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 186, $this->source); })()), "id", [], "any", false, false, true, 186), 186, $this->source), "html", null, true);
  317.                 echo ", null, null);
  318.             ";
  319.             }
  320.             // line 188
  321.             echo "        });
  322.     ";
  323.         } elseif ((        // line 189
  324. (isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 189, $this->source); })()) == 8)) {
  325.             // line 190
  326.             echo "    ";
  327.         } elseif (((isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 190, $this->source); })()) == 9)) {
  328.             // line 191
  329.             echo "    ";
  330.         } elseif (((isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 191, $this->source); })()) == 10)) {
  331.             // line 192
  332.             echo "
  333.         ";
  334.             // line 193
  335.             if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, true, 193)) {
  336.                 // line 194
  337.                 echo "        fnSetClassCategories(
  338.             \$('#form1'), ";
  339.                 // line 195
  340.                 echo json_encode($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 195, $this->source); })()), "classcategory_id2", [], "any", false, false, true, 195), "vars", [], "any", false, false, true, 195), "value", [], "any", false, false, true, 195), 195, $this->source));
  341.                 echo "
  342.         );
  343.         ";
  344.             } elseif (twig_get_attribute($this->env, $this->source,             // line 197
  345. ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, true, 197)) {
  346.                 // line 198
  347.                 echo "        eccube.checkStock(\$('#form1'), ";
  348.                 echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 198, $this->source); })()), "id", [], "any", false, false, true, 198), 198, $this->source), "html", null, true);
  349.                 echo ", ";
  350.                 echo json_encode($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 198, $this->source); })()), "classcategory_id1", [], "any", false, false, true, 198), "vars", [], "any", false, false, true, 198), "value", [], "any", false, false, true, 198), 198, $this->source));
  351.                 echo ", null);
  352.         ";
  353.             }
  354.             // line 200
  355.             echo "    ";
  356.         }
  357.         // line 202
  358.         echo "    </script>
  359.     <script>
  360.         \$(function() {
  361.             // bfcache無効化
  362.             \$(window).bind('pageshow', function(event) {
  363.                 if (event.originalEvent.persisted) {
  364.                     location.reload(true);
  365.                 }
  366.             });
  368.             // Core Web Vital の Cumulative Layout Shift(CLS)対策のため
  369.             // img タグに width, height が付与されている.
  370.             // 630px 未満の画面サイズでは縦横比が壊れるための対策
  371.             // see https://github.com/EC-CUBE/ec-cube/pull/5023
  372.             \$('.ec-grid2__cell').hide();
  373.             var removeSize = function () {
  374.                 \$('.slide-item').height('');
  375.                 \$('.slide-item img')
  376.                     .removeAttr('width')
  377.                     .removeAttr('height')
  378.                     .removeAttr('style');
  379.             };
  380.             var slickInitial = function(slick) {
  381.                 \$('.ec-grid2__cell').fadeIn(1500);
  382.                 var baseHeight = \$(slick.target).height();
  383.                 var baseWidth = \$(slick.target).width();
  384.                 var rate = baseWidth / baseHeight;
  386.                 \$('.slide-item').height(baseHeight * rate); // 余白を削除する
  387.                 // transform を使用することでCLSの影響を受けないようにする
  388.                 \$('.slide-item img')
  389.                     .css(
  390.                         {
  391.                             'transform-origin': 'top left',
  392.                             'transform': 'scaleY(' + rate + ')',
  393.                             'transition': 'transform .1s'
  394.                         }
  395.                     );
  396.                 // 正しいサイズに近くなったら属性を解除する
  397.                 setTimeout(removeSize, 500);
  398.             };
  399.             \$('.item_visual').on('init', slickInitial);
  400.             // リサイズ時は CLS の影響を受けないため属性を解除する
  401.             \$(window).resize(removeSize);
  402.             \$('.item_visual').slick({
  403.                 dots: false,
  404.                 arrows: false,
  405.                 responsive: [{
  406.                     breakpoint: 768,
  407.                     settings: {
  408.                         dots: true
  409.                     }
  410.                 }]
  411.             });
  413.             \$('.slideThumb').on('click', function() {
  414.                 var index = \$(this).attr('data-index');
  415.                 \$('.item_visual').slick('slickGoTo', index, false);
  416.             })
  417.         });
  418.     </script>
  419.     <script>
  420.         \$(function() {
  421.             \$('.add-cart').on('click', function(event) {
  422.                 ";
  423.         // line 266
  424.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, true, 266)) {
  425.             // line 267
  426.             echo "                // 規格1フォームの必須チェック
  427.                 if (\$('#classcategory_id1').val() == '__unselected' || \$('#classcategory_id1').val() == '') {
  428.                     \$('#classcategory_id1')[0].setCustomValidity('";
  429.             // line 269
  430.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("項目が選択されていません"), "html", null, true);
  431.             echo "');
  432.                     return true;
  433.                 } else {
  434.                     \$('#classcategory_id1')[0].setCustomValidity('');
  435.                 }
  436.                 ";
  437.         }
  438.         // line 275
  439.         echo "
  440.                 ";
  441.         // line 276
  442.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, true, 276)) {
  443.             // line 277
  444.             echo "                // 規格2フォームの必須チェック
  445.                 if (\$('#classcategory_id2').val() == '__unselected' || \$('#classcategory_id2').val() == '') {
  446.                     \$('#classcategory_id2')[0].setCustomValidity('";
  447.             // line 279
  448.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("項目が選択されていません"), "html", null, true);
  449.             echo "');
  450.                     return true;
  451.                 } else {
  452.                     \$('#classcategory_id2')[0].setCustomValidity('');
  453.                 }
  454.                 ";
  455.         }
  456.         // line 285
  457.         echo "
  458.                 // 個数フォームのチェック
  459.                 if (\$('#quantity').val() < 1) {
  460.                     \$('#quantity')[0].setCustomValidity('";
  461.         // line 288
  462.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("1以上で入力してください。"), "html", null, true);
  463.         echo "');
  464.                     return true;
  465.                 } else {
  466.                     \$('#quantity')[0].setCustomValidity('');
  467.                 }
  469.                 event.preventDefault();
  470.                 \$form = \$('#form1');
  471.                 \$.ajax({
  472.                     url: \$form.attr('action'),
  473.                     type: \$form.attr('method'),
  474.                     data: \$form.serialize(),
  475.                     dataType: 'json',
  476.                     beforeSend: function(xhr, settings) {
  477.                         // Buttonを無効にする
  478.                         \$('.add-cart').prop('disabled', true);
  479.                     }
  480.                 }).done(function(data) {
  481.                     // レスポンス内のメッセージをalertで表示
  482.                     \$.each(data.messages, function() {
  483.                         \$('#ec-modal-header').text(this);
  484.                     });
  486.                     \$('.ec-modal').show()
  488.                     // カートブロックを更新する
  489.                     \$.ajax({
  490.                         url: \"";
  491.         // line 315
  492.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("block_cart");
  493.         echo "\",
  494.                         type: 'GET',
  495.                         dataType: 'html'
  496.                     }).done(function(html) {
  497.                         \$('.ec-headerRole__cart').html(html);
  498.                     });
  499.                 }).fail(function(data) {
  500.                     alert('";
  501.         // line 322
  502.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートへの追加に失敗しました。"), "html", null, true);
  503.         echo "');
  504.                 }).always(function(data) {
  505.                     // Buttonを有効にする
  506.                     \$('.add-cart').prop('disabled', false);
  507.                 });
  508.             });
  509.         });
  511.         \$('.ec-modal-wrap').on('click', function(e) {
  512.             // モーダル内の処理は外側にバブリングさせない
  513.             e.stopPropagation();
  514.         });
  515.         \$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .inlineBtn--cancel').on('click', function() {
  516.             \$('.ec-modal').hide()
  517.         });
  518.     </script>
  519.     <script type=\"application/ld+json\">
  520.     {
  521.         \"@context\": \"https://schema.org/\",
  522.         \"@type\": \"Product\",
  523.         \"name\": \"";
  524.         // line 342
  525.         echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 342, $this->source); })()), "name", [], "any", false, false, true, 342), 342, $this->source), "html", null, true);
  526.         echo "\",
  527.         \"image\": [
  528.             ";
  529.         // line 344
  530.         $context['_parent'] = $context;
  531.         $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 344, $this->source); })()), "ProductImage", [], "any", false, false, true, 344));
  532.         $context['_iterated'] = false;
  533.         $context['loop'] = [
  534.           'parent' => $context['_parent'],
  535.           'index0' => 0,
  536.           'index'  => 1,
  537.           'first'  => true,
  538.         ];
  539.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  540.             $length = count($context['_seq']);
  541.             $context['loop']['revindex0'] = $length - 1;
  542.             $context['loop']['revindex'] = $length;
  543.             $context['loop']['length'] = $length;
  544.             $context['loop']['last'] = 1 === $length;
  545.         }
  546.         foreach ($context['_seq'] as $context["_key"] => $context["img"]) {
  547.             // line 345
  548.             echo "                \"";
  549.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 345, $this->source); })()), "request", [], "any", false, false, true, 345), "schemeAndHttpHost", [], "any", false, false, true, 345), 345, $this->source), "html", null, true);
  550.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->sandbox->ensureToStringAllowed($context["img"], 345, $this->source), "save_image"), "html", null, true);
  551.             echo "\"";
  552.             if ( !twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, true, 345)) {
  553.                 echo ",";
  554.             }
  555.             // line 346
  556.             echo "
  557.             ";
  558.             $context['_iterated'] = true;
  559.             ++$context['loop']['index0'];
  560.             ++$context['loop']['index'];
  561.             $context['loop']['first'] = false;
  562.             if (isset($context['loop']['length'])) {
  563.                 --$context['loop']['revindex0'];
  564.                 --$context['loop']['revindex'];
  565.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  566.             }
  567.         }
  568.         if (!$context['_iterated']) {
  569.             // line 348
  570.             echo "                \"";
  571.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 348, $this->source); })()), "request", [], "any", false, false, true, 348), "schemeAndHttpHost", [], "any", false, false, true, 348), 348, $this->source), "html", null, true);
  572.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->extensions['Eccube\Twig\Extension\EccubeExtension']->getNoImageProduct(""), "save_image"), "html", null, true);
  573.             echo "\"
  574.             ";
  575.         }
  576.         $_parent = $context['_parent'];
  577.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['img'], $context['_parent'], $context['loop']);
  578.         $context = array_intersect_key($context, $_parent) + $_parent;
  579.         // line 350
  580.         echo "        ],
  581.         \"description\": \"";
  582.         // line 351
  583.         echo twig_escape_filter($this->env, twig_slice($this->env, twig_replace_filter(((twig_get_attribute($this->env, $this->source, ($context["Product"] ?? null), "description_list", [], "any", true, true, true, 351)) ? (_twig_default_filter($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, ($context["Product"] ?? null), "description_list", [], "any", false, false, true, 351), 351, $this->source), $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 351, $this->source); })()), "description_detail", [], "any", false, false, true, 351), 351, $this->source))) : (twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 351, $this->source); })()), "description_detail", [], "any", false, false, true, 351))), ["
  584. " => "", " " => ""]), 0, 300), "html", null, true);
  585.         echo "\",
  586.         ";
  587.         // line 352
  588.         if (twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 352, $this->source); })()), "code_min", [], "any", false, false, true, 352)) {
  589.             // line 353
  590.             echo "        \"sku\": \"";
  591.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 353, $this->source); })()), "code_min", [], "any", false, false, true, 353), 353, $this->source), "html", null, true);
  592.             echo "\",
  593.         ";
  594.         }
  595.         // line 355
  596.         echo "        \"offers\": {
  597.             \"@type\": \"Offer\",
  598.             \"url\": \"";
  599.         // line 357
  600.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_detail", ["id" => twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 357, $this->source); })()), "id", [], "any", false, false, true, 357)]), "html", null, true);
  601.         echo "\",
  602.             \"priceCurrency\": \"";
  603.         // line 358
  604.         echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["eccube_config"]) || array_key_exists("eccube_config", $context) ? $context["eccube_config"] : (function () { throw new RuntimeError('Variable "eccube_config" does not exist.', 358, $this->source); })()), "currency", [], "any", false, false, true, 358), 358, $this->source), "html", null, true);
  605.         echo "\",
  606.             \"price\": ";
  607.         // line 359
  608.         ((twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 359, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, true, 359)) ? (print (twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 359, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, true, 359), "html", null, true))) : (print (0)));
  609.         echo ",
  610.             \"availability\": \"";
  611.         // line 360
  612.         echo ((twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 360, $this->source); })()), "stock_find", [], "any", false, false, true, 360)) ? ("InStock") : ("OutOfStock"));
  613.         echo "\"
  614.         }
  615.     }
  616.     </script>
  617.     <script src=\"https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js\"></script>
  618.     <script>
  619.         // swiperを生成
  620.         var swiperMain = new Swiper('.swiper-container', {
  621.             effect: 'fade', // フェードエフェクトを適用
  622.             speed: 600,
  623.             loop: true,
  624.             pagination: {
  625.             el: '.swiper-pagination',
  626.             clickable: true,
  627.             },
  628.             navigation: { // コメントアウトまたは削除
  629.             nextEl: '.swiper-button-next',
  630.             prevEl: '.swiper-button-prev',
  631.             },
  632.         });
  633.         // slideToメソッドを実行する関数を定義
  634.         function slideThumb(index) {
  635.             swiperMain.slideTo(index);
  636.         }
  637.     </script>
  638.     <script>
  639.     ";
  640.         // line 386
  641.         if (((isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 386, $this->source); })()) == 7)) {
  642.             // line 387
  643.             echo "        \$(function() {
  644.             \$('.ball_type').change(function() {
  645.                 let selCnt = 0;
  646.                 const ballType = document.forms.formSelPC.ball_type;
  647.                 for( let i=0; i < ballType.length; i++ ) {
  648.                     if( ballType[i].checked ) {
  649.                         selCnt++;
  650.                     }
  651.                 }
  652.                 if( selCnt == ballType.length ) {
  653.                     for( let i=0; i < ballType.length; i++ ) {
  654.                         ballType[i].checked = false;
  655.                     }
  656.                     //alert('絞り込みたい項目がある場合のみチェックしてください。');
  657.                     selAlert();
  658.                 }
  659.             });
  661.             \$('.ball_nums').change(function() {
  662.                 let selCnt = 0;
  663.                 const ballNums = document.forms.formSelPC.ball_nums;
  664.                 for( let i=0; i < ballNums.length; i++ ) {
  665.                     if( ballNums[i].checked ) {
  666.                         selCnt++;
  667.                     }
  668.                 }
  669.                 if( selCnt == ballNums.length ) {
  670.                     for( let i=0; i < ballNums.length; i++ ) {
  671.                         ballNums[i].checked = false;
  672.                     }
  673.                     //alert('絞り込みたい項目がある場合のみチェックしてください。');
  674.                     selAlert();
  675.                 }
  676.             });
  678.             \$('.ball_price').change(function() {
  679.                 let selCnt = 0;
  680.                 const ballPrice = document.forms.formSelPC.ball_price;
  681.                 for( let i=0; i < ballPrice.length; i++ ) {
  682.                     if( ballPrice[i].checked ) {
  683.                         selCnt++;
  684.                     }
  685.                 }
  686.                 if( selCnt == ballPrice.length ) {
  687.                     for( let i=0; i < ballPrice.length; i++ ) {
  688.                         ballPrice[i].checked = false;
  689.                     }
  690.                     //alert('絞り込みたい項目がある場合のみチェックしてください。');
  691.                     selAlert();
  692.                 }
  693.             });
  695.             \$('.ball_type_sp').change(function() {
  696.                 let selCnt = 0;
  697.                 const ballType = document.forms.formSelSP.ball_type;
  698.                 for( let i=0; i < ballType.length; i++ ) {
  699.                     if( ballType[i].checked ) {
  700.                         selCnt++;
  701.                     }
  702.                 }
  703.                 if( selCnt == ballType.length ) {
  704.                     for( let i=0; i < ballType.length; i++ ) {
  705.                         ballType[i].checked = false;
  706.                     }
  707.                     //alert('絞り込みたい項目がある場合のみチェックしてください。');
  708.                     selAlert();
  709.                 }
  710.             });
  712.             \$('.ball_nums_sp').change(function() {
  713.                 let selCnt = 0;
  714.                 const ballNums = document.forms.formSelSP.ball_nums;
  715.                 for( let i=0; i < ballNums.length; i++ ) {
  716.                     if( ballNums[i].checked ) {
  717.                         selCnt++;
  718.                     }
  719.                 }
  720.                 if( selCnt == ballNums.length ) {
  721.                     for( let i=0; i < ballNums.length; i++ ) {
  722.                         ballNums[i].checked = false;
  723.                     }
  724.                     //alert('絞り込みたい項目がある場合のみチェックしてください。');
  725.                     selAlert();
  726.                 }
  727.             });
  729.             \$('.ball_price_sp').change(function() {
  730.                 let selCnt = 0;
  731.                 const ballPrice = document.forms.formSelSP.ball_price;
  732.                 for( let i=0; i < ballPrice.length; i++ ) {
  733.                     if( ballPrice[i].checked ) {
  734.                         selCnt++;
  735.                     }
  736.                 }
  737.                 if( selCnt == ballPrice.length ) {
  738.                     for( let i=0; i < ballPrice.length; i++ ) {
  739.                         ballPrice[i].checked = false;
  740.                     }
  741.                     //alert('絞り込みたい項目がある場合のみチェックしてください。');
  742.                     selAlert();
  743.                 }
  744.             });
  745.         });
  747.         function setValPC() {
  748.             let sels_type = '';
  749.             const ballType = document.forms.formSelPC.ball_type;
  750.             for( let i=0; i < ballType.length; i++ ) {
  751.                 if( ballType[i].checked ) {
  752.                     if( sels_type ) {
  753.                         sels_type = sels_type + ',';
  754.                     }
  755.                     sels_type = sels_type + ballType[i].value;
  756.                 }
  757.             }
  758.             document.forms.formSelPC2.elements['ball-type'].value = sels_type;
  759.             let sels_nums = '';
  760.             const ballNums = document.forms.formSelPC.ball_nums;
  761.             for( let i=0; i < ballNums.length; i++ ) {
  762.                 if( ballNums[i].checked ) {
  763.                     if( sels_nums ) {
  764.                         sels_nums = sels_nums + ',';
  765.                     }
  766.                     sels_nums = sels_nums + ballNums[i].value;
  767.                 }
  768.             }
  769.             document.forms.formSelPC2.elements['ball-nums'].value = sels_nums;
  770.             let sels_price = '';
  771.             const ballPrice = document.forms.formSelPC.ball_price;
  772.             for( let i=0; i < ballPrice.length; i++ ) {
  773.                 if( ballPrice[i].checked ) {
  774.                     if( sels_price ) {
  775.                         sels_price = sels_price + ',';
  776.                     }
  777.                     sels_price = sels_price + ballPrice[i].value;
  778.                 }
  779.             }
  780.             document.forms.formSelPC2.elements['ball-price'].value = sels_price;
  781.             document.forms.formSelPC2.submit();
  782.         }
  784.         function setValSP() {
  785.             let sels_type = '';
  786.             const ballType = document.forms.formSelSP.ball_type;
  787.             for( let i=0; i < ballType.length; i++ ) {
  788.                 if( ballType[i].checked ) {
  789.                     if( sels_type ) {
  790.                         sels_type = sels_type + ',';
  791.                     }
  792.                     sels_type = sels_type + ballType[i].value;
  793.                 }
  794.             }
  795.             document.forms.formSelSP2.elements['ball-type'].value = sels_type;
  796.             let sels_nums = '';
  797.             const ballNums = document.forms.formSelSP.ball_nums;
  798.             for( let i=0; i < ballNums.length; i++ ) {
  799.                 if( ballNums[i].checked ) {
  800.                     if( sels_nums ) {
  801.                         sels_nums = sels_nums + ',';
  802.                     }
  803.                     sels_nums = sels_nums + ballNums[i].value;
  804.                 }
  805.             }
  806.             document.forms.formSelSP2.elements['ball-nums'].value = sels_nums;
  807.             let sels_price = '';
  808.             const ballPrice = document.forms.formSelSP.ball_price;
  809.             for( let i=0; i < ballPrice.length; i++ ) {
  810.                 if( ballPrice[i].checked ) {
  811.                     if( sels_price ) {
  812.                         sels_price = sels_price + ',';
  813.                     }
  814.                     sels_price = sels_price + ballPrice[i].value;
  815.                 }
  816.             }
  817.             document.forms.formSelSP2.elements['ball-price'].value = sels_price;
  818.             document.forms.formSelSP2.submit();
  819.         }
  820.     ";
  821.         } elseif ((        // line 564
  822. (isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 564, $this->source); })()) == 8)) {
  823.             // line 565
  824.             echo "    ";
  825.         } elseif (((isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 565, $this->source); })()) == 9)) {
  826.             // line 566
  827.             echo "        \$(function() {
  828.             \$('.design_cate').change(function() {
  829.                 let selCnt = 0;
  830.                 const designCate = document.forms.formSelPC.design_cate;
  831.                 for( let i=0; i < designCate.length; i++ ) {
  832.                     if( designCate[i].checked ) {
  833.                         selCnt++;
  834.                     }
  835.                 }
  836.                 if( selCnt == designCate.length ) {
  837.                     for( let i=0; i < designCate.length; i++ ) {
  838.                         designCate[i].checked = false;
  839.                     }
  840.                     //alert('絞り込みたい項目がある場合のみチェックしてください。');
  841.                     selAlert();
  842.                 }
  843.             });
  845.             \$('.design_cate_sp').change(function() {
  846.                 let selCnt = 0;
  847.                 const designCate = document.forms.formSelSP.design_cate;
  848.                 for( let i=0; i < designCate.length; i++ ) {
  849.                     if( designCate[i].checked ) {
  850.                         selCnt++;
  851.                     }
  852.                 }
  853.                 if( selCnt == designCate.length ) {
  854.                     for( let i=0; i < designCate.length; i++ ) {
  855.                         designCate[i].checked = false;
  856.                     }
  857.                     //alert('絞り込みたい項目がある場合のみチェックしてください。');
  858.                     selAlert();
  859.                 }
  860.             });
  861.         });
  863.         function setValPC() {
  864.             let sels_design = '';
  865.             const designCate = document.forms.formSelPC.design_cate;
  866.             for( let i=0; i < designCate.length; i++ ) {
  867.                 if( designCate[i].checked ) {
  868.                     if( sels_design ) {
  869.                         sels_design = sels_design + ',';
  870.                     }
  871.                     sels_design = sels_design + designCate[i].value;
  872.                 }
  873.             }
  874.             document.forms.formSelPC2.elements['design-cate'].value = sels_design;
  875.             document.forms.formSelPC2.submit();
  876.         }
  878.         function setValSP() {
  879.             let sels_design = '';
  880.             const designCate = document.forms.formSelSP.design_cate;
  881.             for( let i=0; i < designCate.length; i++ ) {
  882.                 if( designCate[i].checked ) {
  883.                     if( sels_design ) {
  884.                         sels_design = sels_design + ',';
  885.                     }
  886.                     sels_design = sels_design + designCate[i].value;
  887.                 }
  888.             }
  889.             document.forms.formSelSP2.elements['design-cate'].value = sels_design;
  890.             document.forms.formSelSP2.submit();
  891.         }
  892.     ";
  893.         } elseif ((        // line 631
  894. (isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 631, $this->source); })()) == 10)) {
  895.             // line 632
  896.             echo "    ";
  897.         }
  898.         // line 633
  899.         echo "    </script>
  900.     <script>
  901.         function selAlert() {
  902.             var modalThis = \$('body').find('#alert01');
  904.             //bodyの最下にwrapを作る 
  905.             \$('body').append('<div id=\"modalWrapAlert\" />');
  906.             var wrap = \$('#modalWrapAlert');
  907.             wrap.fadeIn('200');
  908.             modalThis.fadeIn('200');
  910.             //モーダルの高さを取ってくる 
  911.             function mdlHeight() {
  912.                 var wh = \$(window).innerHeight();
  913.                 var attH = modalThis.find('.modalInnerAlert').innerHeight();
  915.                 modalThis.css({
  916.                     height: attH
  917.                 });
  918.             }
  919.             mdlHeight();
  920.             \$(window).on('resize', function () {
  921.                 mdlHeight();
  922.             });
  924.             function clickAction() {
  925.                 modalThis.fadeOut('200');
  926.                 wrap.fadeOut('200', function () {
  927.                     wrap.remove();
  928.                 });
  929.             }
  930.             //wrapクリックされたら 
  931.             wrap.on('click', function () {
  932.                 clickAction();
  933.                 return false;
  934.             });
  935.             //2秒後に消える 
  936.             setTimeout(clickAction, 2000);
  937.             return false;
  938.         }
  939.     </script>
  940. ";
  941.         
  942.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  944.         
  945.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  947.     }
  949.     // line 676
  950.     public function block_main($context, array $blocks = [])
  951.     {
  952.         $macros = $this->macros;
  953.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  954.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  956.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  957.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  959.         // line 677
  960.         echo "    ";
  961.         // line 678
  962.         echo "    ";
  963.         $context["rootCategoryId"] = null;
  964.         // line 679
  965.         echo "    ";
  966.         $context['_parent'] = $context;
  967.         $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 679, $this->source); })()), "ProductCategories", [], "any", false, false, true, 679));
  968.         foreach ($context['_seq'] as $context["_key"] => $context["ProductCategory"]) {
  969.             // line 680
  970.             echo "        ";
  971.             $context["Category"] = twig_get_attribute($this->env, $this->source, $context["ProductCategory"], "Category", [], "any", false, false, true, 680);
  972.             // line 681
  973.             echo "        ";
  974.             $context["rootCategory"] = (isset($context["Category"]) || array_key_exists("Category", $context) ? $context["Category"] : (function () { throw new RuntimeError('Variable "Category" does not exist.', 681, $this->source); })());
  975.             // line 682
  976.             echo "        ";
  977.             $context['_parent'] = $context;
  978.             $context['_seq'] = twig_ensure_traversable(range(1, 10));
  979.             foreach ($context['_seq'] as $context["_key"] => $context["i"]) {
  980.                 if (twig_get_attribute($this->env, $this->source, (isset($context["rootCategory"]) || array_key_exists("rootCategory", $context) ? $context["rootCategory"] : (function () { throw new RuntimeError('Variable "rootCategory" does not exist.', 682, $this->source); })()), "Parent", [], "any", false, false, true, 682)) {
  981.                     // line 683
  982.                     echo "            ";
  983.                     $context["rootCategory"] = twig_get_attribute($this->env, $this->source, (isset($context["rootCategory"]) || array_key_exists("rootCategory", $context) ? $context["rootCategory"] : (function () { throw new RuntimeError('Variable "rootCategory" does not exist.', 683, $this->source); })()), "Parent", [], "any", false, false, true, 683);
  984.                     // line 684
  985.                     echo "        ";
  986.                 }
  987.             }
  988.             $_parent = $context['_parent'];
  989.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['i'], $context['_parent'], $context['loop']);
  990.             $context = array_intersect_key($context, $_parent) + $_parent;
  991.             // line 685
  992.             echo "        ";
  993.             $context["rootCategoryId"] = twig_get_attribute($this->env, $this->source, (isset($context["rootCategory"]) || array_key_exists("rootCategory", $context) ? $context["rootCategory"] : (function () { throw new RuntimeError('Variable "rootCategory" does not exist.', 685, $this->source); })()), "id", [], "any", false, false, true, 685);
  994.             // line 686
  995.             echo "    ";
  996.         }
  997.         $_parent = $context['_parent'];
  998.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductCategory'], $context['_parent'], $context['loop']);
  999.         $context = array_intersect_key($context, $_parent) + $_parent;
  1000.         // line 687
  1001.         echo "    <div class=\"container\">
  1002.         <!-- パンくずリスト -->
  1003.         <nav aria-label=\"breadcrumb\" class=\"my-3\">
  1004.             <ol class=\"breadcrumb\">
  1005.                 <li class=\"breadcrumb-item\"><a href=\"";
  1006.         // line 691
  1007.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("homepage");
  1008.         echo "\">ホーム</a></li>
  1009.                 ";
  1010.         // line 692
  1011.         if (((isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 692, $this->source); })()) == 7)) {
  1012.             // line 693
  1013.             echo "                    <li class=\"breadcrumb-item\"><a href=\"";
  1014.             echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list", ["category_id" => 7]);
  1015.             echo "\">ボールを選ぶ</a></li>
  1016.                     <li class=\"breadcrumb-item active\" aria-current=\"page\">";
  1017.             // line 694
  1018.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 694, $this->source); })()), "name", [], "any", false, false, true, 694), 694, $this->source), "html", null, true);
  1019.             echo "</li>
  1020.                 ";
  1021.         } elseif ((        // line 695
  1022. (isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 695, $this->source); })()) == 8)) {
  1023.             // line 696
  1024.             echo "                ";
  1025.         } elseif (((isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 696, $this->source); })()) == 9)) {
  1026.             // line 697
  1027.             echo "                    <li class=\"breadcrumb-item\"><a href=\"";
  1028.             echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list", ["category_id" => 9]);
  1029.             echo "\">デザインを選ぶ</a></li>
  1030.                     <li class=\"breadcrumb-item active\" aria-current=\"page\">";
  1031.             // line 698
  1032.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 698, $this->source); })()), "name", [], "any", false, false, true, 698), 698, $this->source), "html", null, true);
  1033.             echo "</li>
  1034.                 ";
  1035.         } elseif ((        // line 699
  1036. (isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 699, $this->source); })()) == 10)) {
  1037.             // line 700
  1038.             echo "                ";
  1039.         }
  1040.         // line 701
  1041.         echo "            </ol>
  1042.         </nav>
  1043.         <div class=\"layout-2colmun\">
  1044.             ";
  1045.         // line 704
  1046.         if (((isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 704, $this->source); })()) == 7)) {
  1047.             // line 705
  1048.             echo "                ";
  1049.             echo $this->extensions['Eccube\Twig\Extension\IgnoreTwigSandboxErrorExtension']->twig_include($this->env, $context, "Product/aside_ball.twig");
  1050.             echo "
  1051.             ";
  1052.         } elseif ((        // line 706
  1053. (isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 706, $this->source); })()) == 8)) {
  1054.             // line 707
  1055.             echo "            ";
  1056.         } elseif (((isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 707, $this->source); })()) == 9)) {
  1057.             // line 708
  1058.             echo "                ";
  1059.             echo $this->extensions['Eccube\Twig\Extension\IgnoreTwigSandboxErrorExtension']->twig_include($this->env, $context, "Product/aside_design.twig");
  1060.             echo "
  1061.             ";
  1062.         } elseif ((        // line 709
  1063. (isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 709, $this->source); })()) == 10)) {
  1064.             // line 710
  1065.             echo "            ";
  1066.         }
  1067.         // line 711
  1068.         echo "            <main class=\"main\">
  1069.                 <div class=\"row mb-5\">
  1070.                     <div class=\"col-md-6\">
  1071.                         <div id=\"product-detail\">
  1072.                             <!-- main -->
  1073.                             <div class=\"swiper-container\">
  1074.                                 <div class=\"swiper-wrapper\">
  1075.                                     ";
  1076.         // line 718
  1077.         $context['_parent'] = $context;
  1078.         $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 718, $this->source); })()), "ProductImage", [], "any", false, false, true, 718));
  1079.         $context['_iterated'] = false;
  1080.         foreach ($context['_seq'] as $context["_key"] => $context["ProductImage"]) {
  1081.             // line 719
  1082.             echo "                                        <div class=\"swiper-slide\" style=\"background-image: url('";
  1083.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->sandbox->ensureToStringAllowed($context["ProductImage"], 719, $this->source), "save_image"), "html", null, true);
  1084.             echo "'); background-size: contain; background-repeat: no-repeat;\"></div>
  1085.                                     ";
  1086.             $context['_iterated'] = true;
  1087.         }
  1088.         if (!$context['_iterated']) {
  1089.             // line 721
  1090.             echo "                                        <div class=\"swiper-slide\" style=\"background-image: url('";
  1091.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->extensions['Eccube\Twig\Extension\EccubeExtension']->getNoImageProduct(""), "save_image"), "html", null, true);
  1092.             echo "'); background-size: contain; background-repeat: no-repeat;\"></div>
  1093.                                     ";
  1094.         }
  1095.         $_parent = $context['_parent'];
  1096.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductImage'], $context['_parent'], $context['loop']);
  1097.         $context = array_intersect_key($context, $_parent) + $_parent;
  1098.         // line 723
  1099.         echo "                                </div>
  1100.                                 <div class=\"swiper-button-prev\"></div>
  1101.                                 <div class=\"swiper-button-next\"></div>
  1102.                             </div>
  1103.                             <!-- thumbnail -->
  1104.                             <ul class=\"thumb-list\">
  1105.                                 ";
  1106.         // line 729
  1107.         $context['_parent'] = $context;
  1108.         $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 729, $this->source); })()), "ProductImage", [], "any", false, false, true, 729));
  1109.         $context['loop'] = [
  1110.           'parent' => $context['_parent'],
  1111.           'index0' => 0,
  1112.           'index'  => 1,
  1113.           'first'  => true,
  1114.         ];
  1115.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  1116.             $length = count($context['_seq']);
  1117.             $context['loop']['revindex0'] = $length - 1;
  1118.             $context['loop']['revindex'] = $length;
  1119.             $context['loop']['length'] = $length;
  1120.             $context['loop']['last'] = 1 === $length;
  1121.         }
  1122.         foreach ($context['_seq'] as $context["_key"] => $context["ProductImage"]) {
  1123.             // line 730
  1124.             echo "                                    <li class=\"thumb-item\">
  1125.                                         <a class=\"thumb-link\" href=\"javascript:void(0);\" onclick=\"slideThumb(";
  1126.             // line 731
  1127.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["loop"], "index0", [], "any", false, false, true, 731), 731, $this->source), "html", null, true);
  1128.             echo ")\" style=\"background-image: url('";
  1129.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->sandbox->ensureToStringAllowed($context["ProductImage"], 731, $this->source), "save_image"), "html", null, true);
  1130.             echo "')\"></a>
  1131.                                     </li>
  1132.                                 ";
  1133.             ++$context['loop']['index0'];
  1134.             ++$context['loop']['index'];
  1135.             $context['loop']['first'] = false;
  1136.             if (isset($context['loop']['length'])) {
  1137.                 --$context['loop']['revindex0'];
  1138.                 --$context['loop']['revindex'];
  1139.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  1140.             }
  1141.         }
  1142.         $_parent = $context['_parent'];
  1143.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductImage'], $context['_parent'], $context['loop']);
  1144.         $context = array_intersect_key($context, $_parent) + $_parent;
  1145.         // line 734
  1146.         echo "                            </ul>
  1147.                         </div>
  1148.                     </div>
  1149.                     <div class=\"col-md-6\">
  1150.                         <h1 class=\"fw-bold _fs-5 mb-3\">";
  1151.         // line 738
  1152.         echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 738, $this->source); })()), "name", [], "any", false, false, true, 738), 738, $this->source), "html", null, true);
  1153.         echo "</h1>
  1154.                         <div class=\"item-thumb mb-3\">
  1155.                             ";
  1156.         // line 740
  1157.         $context['_parent'] = $context;
  1158.         $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 740, $this->source); })()), "Tags", [], "any", false, false, true, 740));
  1159.         foreach ($context['_seq'] as $context["_key"] => $context["Tag"]) {
  1160.             // line 741
  1161.             echo "                                ";
  1162.             if ((twig_get_attribute($this->env, $this->source, $context["Tag"], "name", [], "any", false, false, true, 741) == "一番人気")) {
  1163.                 // line 742
  1164.                 echo "                                    <span class=\"icon -popular -large\">一番人気</span>
  1165.                                 ";
  1166.             } elseif ((twig_get_attribute($this->env, $this->source,             // line 743
  1167. $context["Tag"], "name", [], "any", false, false, true, 743) == "即日配送")) {
  1168.                 // line 744
  1169.                 echo "                                    <span class=\"icon -rapid -large\">即日配送</span>
  1170.                                 ";
  1171.             } elseif ((twig_get_attribute($this->env, $this->source,             // line 745
  1172. $context["Tag"], "name", [], "any", false, false, true, 745) == "代引手数料無料")) {
  1173.                 // line 746
  1174.                 echo "                                    <span class=\"icon -free -large\">代引手数料無料</span>
  1175.                                 ";
  1176.             } elseif ((twig_get_attribute($this->env, $this->source,             // line 747
  1177. $context["Tag"], "name", [], "any", false, false, true, 747) == "送料無料")) {
  1178.                 // line 748
  1179.                 echo "                                    <span class=\"icon -free -large\">送料無料</span>
  1180.                                 ";
  1181.             } elseif ((twig_get_attribute($this->env, $this->source,             // line 749
  1182. $context["Tag"], "name", [], "any", false, false, true, 749) == "3%還元")) {
  1183.                 // line 750
  1184.                 echo "                                    <span class=\"icon -point -large\">3%還元</span>
  1185.                                 ";
  1186.             } elseif ((twig_get_attribute($this->env, $this->source,             // line 751
  1187. $context["Tag"], "name", [], "any", false, false, true, 751) == "人気")) {
  1188.                 // line 752
  1189.                 echo "                                    <span class=\"icon -popular -large\">人気</span>
  1190.                                 ";
  1191.             }
  1192.             // line 754
  1193.             echo "                            ";
  1194.         }
  1195.         $_parent = $context['_parent'];
  1196.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Tag'], $context['_parent'], $context['loop']);
  1197.         $context = array_intersect_key($context, $_parent) + $_parent;
  1198.         // line 755
  1199.         echo "                            ";
  1200.         if (((isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 755, $this->source); })()) == 7)) {
  1201.             // line 756
  1202.             echo "                            ";
  1203.             if (twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 756, $this->source); })()), "hasProductClass", [], "any", false, false, true, 756)) {
  1204.                 // line 757
  1205.                 if ((twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 757, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, true, 757) == twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 757, $this->source); })()), "getPrice02IncTaxMax", [], "any", false, false, true, 757))) {
  1206.                     // line 758
  1207.                     echo "                                    <div class=\"price -large\"><span class=\"price02-default\">&yen;";
  1208.                     echo twig_escape_filter($this->env, twig_number_format_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 758, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, true, 758), 758, $this->source)), "html", null, true);
  1209.                     echo "</span> <span>(税込)</span></div>
  1210.                                 ";
  1211.                 } else {
  1212.                     // line 760
  1213.                     echo "                                    <div class=\"price -large\"><span class=\"price02-default\">&yen;";
  1214.                     echo twig_escape_filter($this->env, twig_number_format_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 760, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, true, 760), 760, $this->source)), "html", null, true);
  1215.                     echo " ～ &yen;";
  1216.                     echo twig_escape_filter($this->env, twig_number_format_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 760, $this->source); })()), "getPrice02IncTaxMax", [], "any", false, false, true, 760), 760, $this->source)), "html", null, true);
  1217.                     echo "</span> <span>(税込)</span></div>
  1218.                                 ";
  1219.                 }
  1220.                 // line 762
  1221.                 echo "                            ";
  1222.             } else {
  1223.                 // line 763
  1224.                 echo "                                <div class=\"price -large\"><span class=\"price02-default\">&yen;";
  1225.                 echo twig_escape_filter($this->env, twig_number_format_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 763, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, true, 763), 763, $this->source)), "html", null, true);
  1226.                 echo "</span> <span>(税込)</span></div>
  1227.                             ";
  1228.             }
  1229.             // line 765
  1230.             echo "                            ";
  1231.         }
  1232.         // line 766
  1233.         echo "                        </div>
  1234.                         <form action=\"";
  1235.         // line 767
  1236.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_add_cart", ["id" => twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 767, $this->source); })()), "id", [], "any", false, false, true, 767)]), "html", null, true);
  1237.         echo "\" method=\"post\" id=\"form1\" name=\"form1\">
  1238.                             ";
  1239.         // line 768
  1240.         if (((isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 768, $this->source); })()) == 7)) {
  1241.             // line 769
  1242.             echo "                            <div class=\"border-top border-bottom py-3 mb-4\">
  1243.                                 <div class=\"d-flex align-items-center pb-3\">
  1244.                                     <div class=\"w-25 text-end\">";
  1245.             // line 771
  1246.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("商品コード"), "html", null, true);
  1247.             echo ":</div>
  1248.                                     <div class=\"ps-3\">";
  1249.             // line 772
  1250.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 772, $this->source); })()), "code_min", [], "any", false, false, true, 772), 772, $this->source), "html", null, true);
  1251.             if ((twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 772, $this->source); })()), "code_min", [], "any", false, false, true, 772) != twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 772, $this->source); })()), "code_max", [], "any", false, false, true, 772))) {
  1252.                 echo " ～ ";
  1253.                 echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 772, $this->source); })()), "code_max", [], "any", false, false, true, 772), 772, $this->source), "html", null, true);
  1254.             }
  1255.             echo "</div>
  1256.                                 </div>
  1257.                                 ";
  1258.             // line 774
  1259.             if (twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 774, $this->source); })()), "stock_find", [], "any", false, false, true, 774)) {
  1260.                 // line 775
  1261.                 echo "                                    ";
  1262.                 if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, true, 775)) {
  1263.                     // line 776
  1264.                     echo "                                        <div class=\"d-flex align-items-center pb-1 d-none\">
  1265.                                             ";
  1266.                     // line 777
  1267.                     echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 777, $this->source); })()), "classcategory_id1", [], "any", false, false, true, 777), 777, $this->source), 'row');
  1268.                     echo "
  1269.                                             ";
  1270.                     // line 778
  1271.                     echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 778, $this->source); })()), "classcategory_id1", [], "any", false, false, true, 778), 778, $this->source), 'errors');
  1272.                     echo "
  1273.                                         </div>
  1274.                                         ";
  1275.                     // line 780
  1276.                     if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, true, 780)) {
  1277.                         // line 781
  1278.                         echo "                                            <div class=\"detail-color pb-1\">
  1279.                                                 ";
  1280.                         // line 782
  1281.                         echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 782, $this->source); })()), "classcategory_id2", [], "any", false, false, true, 782), 782, $this->source), 'row');
  1282.                         echo "
  1283.                                                 ";
  1284.                         // line 783
  1285.                         echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 783, $this->source); })()), "classcategory_id2", [], "any", false, false, true, 783), 783, $this->source), 'errors');
  1286.                         echo "
  1287.                                             </div>
  1288.                                         ";
  1289.                     }
  1290.                     // line 786
  1291.                     echo "                                    ";
  1292.                 }
  1293.                 // line 787
  1294.                 echo "                                    <div class=\"d-flex align-items-center py-1\">
  1295.                                         <div class=\"w-25 text-end\">";
  1296.                 // line 788
  1297.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("数量"), "html", null, true);
  1298.                 echo "</div>
  1299.                                         <div class=\"ps-3\">
  1300.                                             ";
  1301.                 // line 790
  1302.                 echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 790, $this->source); })()), "quantity", [], "any", false, false, true, 790), 790, $this->source), 'widget');
  1303.                 echo "
  1304.                                             ";
  1305.                 // line 791
  1306.                 echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 791, $this->source); })()), "quantity", [], "any", false, false, true, 791), 791, $this->source), 'errors');
  1307.                 echo "
  1308.                                         </div>
  1309.                                     </div>
  1310.                                 ";
  1311.             }
  1312.             // line 795
  1313.             echo "                            </div>
  1314.                             ";
  1315.         } elseif ((        // line 796
  1316. (isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 796, $this->source); })()) == 8)) {
  1317.             // line 797
  1318.             echo "                            ";
  1319.         } elseif (((isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 797, $this->source); })()) == 9)) {
  1320.             // line 798
  1321.             echo "                            <div class=\"d-flex align-items-center pb-3\">
  1322.                                 <div class=\"text-start\">";
  1323.             // line 799
  1324.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("商品コード"), "html", null, true);
  1325.             echo ":</div>
  1326.                                 <div class=\"ps-3\">";
  1327.             // line 800
  1328.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 800, $this->source); })()), "code_min", [], "any", false, false, true, 800), 800, $this->source), "html", null, true);
  1329.             if ((twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 800, $this->source); })()), "code_min", [], "any", false, false, true, 800) != twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 800, $this->source); })()), "code_max", [], "any", false, false, true, 800))) {
  1330.                 echo " ～ ";
  1331.                 echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 800, $this->source); })()), "code_max", [], "any", false, false, true, 800), 800, $this->source), "html", null, true);
  1332.             }
  1333.             echo "</div>
  1334.                             </div>
  1335.                             ";
  1336.             // line 802
  1337.             if (twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 802, $this->source); })()), "stock_find", [], "any", false, false, true, 802)) {
  1338.                 // line 803
  1339.                 echo "                                ";
  1340.                 if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, true, 803)) {
  1341.                     // line 804
  1342.                     echo "                                    ";
  1343.                     echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 804, $this->source); })()), "classcategory_id1", [], "any", false, false, true, 804), 804, $this->source), 'row', ["attr" => ["type" => "hidden"]]);
  1344.                     echo "
  1345.                                     ";
  1346.                     // line 805
  1347.                     echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 805, $this->source); })()), "classcategory_id1", [], "any", false, false, true, 805), 805, $this->source), 'errors');
  1348.                     echo "
  1349.                                     ";
  1350.                     // line 806
  1351.                     if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, true, 806)) {
  1352.                         // line 807
  1353.                         echo "                                        ";
  1354.                         echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 807, $this->source); })()), "classcategory_id2", [], "any", false, false, true, 807), 807, $this->source), 'row', ["attr" => ["type" => "hidden"]]);
  1355.                         echo "
  1356.                                         ";
  1357.                         // line 808
  1358.                         echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 808, $this->source); })()), "classcategory_id2", [], "any", false, false, true, 808), 808, $this->source), 'errors');
  1359.                         echo "
  1360.                                     ";
  1361.                     }
  1362.                     // line 810
  1363.                     echo "                                ";
  1364.                 }
  1365.                 // line 811
  1366.                 echo "                                ";
  1367.                 echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 811, $this->source); })()), "quantity", [], "any", false, false, true, 811), 811, $this->source), 'widget', ["type" => "hidden"]);
  1368.                 echo "
  1369.                                 ";
  1370.                 // line 812
  1371.                 echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 812, $this->source); })()), "quantity", [], "any", false, false, true, 812), 812, $this->source), 'errors');
  1372.                 echo "
  1373.                             ";
  1374.             }
  1375.             // line 814
  1376.             echo "                            ";
  1377.         } elseif (((isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 814, $this->source); })()) == 10)) {
  1378.             // line 815
  1379.             echo "                            ";
  1380.         }
  1381.         // line 816
  1382.         echo "                            <div class=\"d-flex justify-content-between\">
  1383.                                 ";
  1384.         // line 817
  1385.         if (twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 817, $this->source); })()), "stock_find", [], "any", false, false, true, 817)) {
  1386.             // line 818
  1387.             echo "                                    <a href=\"javascript:void(0);\" class=\"me-1 btn btn-danger btn-lg rounded-0 w-100 add-cart\"><i class=\"icon-shopping_cart\"></i>";
  1388.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートに入れる"), "html", null, true);
  1389.             echo "</a>
  1390.                                 ";
  1391.         } else {
  1392.             // line 820
  1393.             echo "                                    <button type=\"button\" class=\"me-1 btn btn-danger btn-lg rounded-0 w-100\" disabled=\"disabled\">";
  1394.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("ただいま品切れ中です。"), "html", null, true);
  1395.             echo "</button>
  1396.                                 ";
  1397.         }
  1398.         // line 822
  1399.         echo "                                ";
  1400.         if (twig_get_attribute($this->env, $this->source, (isset($context["BaseInfo"]) || array_key_exists("BaseInfo", $context) ? $context["BaseInfo"] : (function () { throw new RuntimeError('Variable "BaseInfo" does not exist.', 822, $this->source); })()), "option_favorite_product", [], "any", false, false, true, 822)) {
  1401.             // line 823
  1402.             echo "                                    ";
  1403.             if (((isset($context["is_favorite"]) || array_key_exists("is_favorite", $context) ? $context["is_favorite"] : (function () { throw new RuntimeError('Variable "is_favorite" does not exist.', 823, $this->source); })()) == false)) {
  1404.                 // line 824
  1405.                 echo "                                        <a href=\"javascript:void(0);\" onclick=\"document.forms.formFavorite.submit();\" class=\"ms-1 btn btn-dark btn-lg rounded-0 w-100\">";
  1406.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("お気に入りに追加"), "html", null, true);
  1407.                 echo "</a>
  1408.                                     ";
  1409.             } else {
  1410.                 // line 826
  1411.                 echo "                                        <button type=\"button\" id=\"favorite\" class=\"ms-1 btn btn-dark btn-lg rounded-0 w-100\" disabled=\"disabled\">";
  1412.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("お気に入り登録済"), "html", null, true);
  1413.                 echo "</button>
  1414.                                     ";
  1415.             }
  1416.             // line 828
  1417.             echo "                                ";
  1418.         }
  1419.         // line 829
  1420.         echo "                            </div>
  1421.                             ";
  1422.         // line 830
  1423.         echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock($this->sandbox->ensureToStringAllowed((isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 830, $this->source); })()), 830, $this->source), 'rest');
  1424.         echo "
  1425.                         </form>
  1426.                         ";
  1427.         // line 833
  1428.         echo "                        <form action=\"";
  1429.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_add_favorite", ["id" => twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 833, $this->source); })()), "id", [], "any", false, false, true, 833)]), "html", null, true);
  1430.         echo "\" method=\"post\" id=\"formFavorite\" name=\"formFavorite\"></form>
  1431. ";
  1432.         // line 835
  1433.         echo "                        <div class=\"ec-modal\">
  1434.                             <div class=\"ec-modal-overlay\">
  1435.                                 <div class=\"ec-modal-wrap\">
  1436.                                     <span class=\"ec-modal-close\"><span class=\"ec-icon\"><img src=\"";
  1437.         // line 838
  1438.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/icon/cross-dark.svg"), "html", null, true);
  1439.         echo "\" alt=\"\"/></span></span>
  1440.                                     <div id=\"ec-modal-header\" class=\"text-center\">";
  1441.         // line 839
  1442.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートに追加しました。"), "html", null, true);
  1443.         echo "</div>
  1444.                                     <div class=\"ec-modal-box\">
  1445.                                         <div class=\"ec-role\">
  1446.                                             <span class=\"btn btn-dark btn-lg me-2 mb-3 inlineBtn--cancel\">";
  1447.         // line 842
  1448.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("お買い物を続ける"), "html", null, true);
  1449.         echo "</span>
  1450.                                             <a href=\"";
  1451.         // line 843
  1452.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("cart");
  1453.         echo "\" class=\"btn btn-danger btn-lg mb-3\"><i class=\"icon-shopping_cart\"></i>";
  1454.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートへ進む"), "html", null, true);
  1455.         echo "</a>
  1456.                                         </div>
  1457.                                     </div>
  1458.                                 </div>
  1459.                             </div>
  1460.                         </div>
  1461. ";
  1462.         // line 850
  1463.         echo "                        <div class=\"_bg-gray p-3 mt-4\">
  1464.                             ";
  1465.         // line 851
  1466.         if (((isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 851, $this->source); })()) == 7)) {
  1467.             // line 852
  1468.             echo "                                <ul class=\"list-unstyled mb-0\">
  1469.                                     <li>※価格は【印刷代込み（税込）】です。</li>
  1470.                                     <li>※パッケージは予告なく変更になる場合がございます。</li>
  1471.                                     <li>※３球単位で 1 デザイン印刷可能です。</li>
  1472.                                 </ul>
  1473.                             ";
  1474.         } elseif ((        // line 857
  1475. (isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 857, $this->source); })()) == 8)) {
  1476.             // line 858
  1477.             echo "                            ";
  1478.         } elseif (((isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 858, $this->source); })()) == 9)) {
  1479.             // line 859
  1480.             echo "                                <ul class=\"list-unstyled mb-0\">
  1481.                                     <li>※３球単位で 1 デザイン印刷可能です。</li>
  1482.                                 </ul>
  1483.                             ";
  1484.         } elseif ((        // line 862
  1485. (isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 862, $this->source); })()) == 10)) {
  1486.             // line 863
  1487.             echo "                            ";
  1488.         }
  1489.         // line 864
  1490.         echo "                        </div>
  1491.                     </div>
  1492.                 </div>
  1494.                 <div class=\"me-2 d-block d-lg-none\">
  1495.                     <a href=\"\" class=\"btn btn-outline-dark btn-lg w-100\" data-bs-toggle=\"modal\" data-bs-target=\"#filterModal\">別の商品を見る</a>
  1496.                 </div>
  1497.                 
  1498.                 <hr class=\"my-5\">
  1500. ";
  1501.         // line 874
  1502.         if (twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 874, $this->source); })()), "freearea", [], "any", false, false, true, 874)) {
  1503.             // line 875
  1504.             echo "                <div class=\"ec-productRole__description\">";
  1505.             echo twig_nl2br($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 875, $this->source); })()), "freearea", [], "any", false, false, true, 875), 875, $this->source));
  1506.             echo "</div>
  1507. ";
  1508.         }
  1509.         // line 877
  1510.         echo "
  1511. ";
  1512.         // line 890
  1513.         echo "                ";
  1514.         if (((isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 890, $this->source); })()) == 7)) {
  1515.             // line 891
  1516.             echo "                    ";
  1517.             echo $this->extensions['Eccube\Twig\Extension\IgnoreTwigSandboxErrorExtension']->twig_include($this->env, $context, "Block/product_detail.twig");
  1518.             // line 892
  1519.             echo "                ";
  1520.         } elseif (((isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 892, $this->source); })()) == 8)) {
  1521.             // line 893
  1522.             echo "                ";
  1523.         } elseif (((isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 893, $this->source); })()) == 9)) {
  1524.             // line 894
  1525.             echo "                    ";
  1526.             echo $this->extensions['Eccube\Twig\Extension\IgnoreTwigSandboxErrorExtension']->twig_include($this->env, $context, "Block/product_detail.twig");
  1527.             // line 895
  1528.             echo "                ";
  1529.         } elseif (((isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 895, $this->source); })()) == 10)) {
  1530.             // line 896
  1531.             echo "                ";
  1532.         }
  1533.         // line 897
  1534.         echo "                <form name=\"formSelSP2\" id=\"formSelSP2\" method=\"get\" action=\"";
  1535.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  1536.         echo "\">
  1537.                     <input type=\"hidden\" name=\"mode\">
  1538.                     ";
  1539.         // line 899
  1540.         if (((isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 899, $this->source); })()) == 7)) {
  1541.             // line 900
  1542.             echo "                    <input type=\"hidden\" name=\"category_id\" value=\"7\">
  1543.                     ";
  1544.         } elseif ((        // line 901
  1545. (isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 901, $this->source); })()) == 8)) {
  1546.             // line 902
  1547.             echo "                    ";
  1548.         } elseif (((isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 902, $this->source); })()) == 9)) {
  1549.             // line 903
  1550.             echo "                    <input type=\"hidden\" name=\"category_id\" value=\"9\">
  1551.                     ";
  1552.         } elseif ((        // line 904
  1553. (isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 904, $this->source); })()) == 10)) {
  1554.             // line 905
  1555.             echo "                    ";
  1556.         }
  1557.         // line 906
  1558.         echo "                    <input type=\"hidden\" name=\"name\">
  1559.                     <input type=\"hidden\" name=\"pageno\" value=\"1\">
  1560.                     <input type=\"hidden\" name=\"disp_number\" value=\"21\">
  1561.                     <input type=\"hidden\" name=\"orderby\" value=\"2\">
  1562.                     ";
  1563.         // line 910
  1564.         if (((isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 910, $this->source); })()) == 7)) {
  1565.             // line 911
  1566.             echo "                    <input type=\"hidden\" id=\"ball-type\" name=\"ball-type\">
  1567.                     <input type=\"hidden\" id=\"ball-nums\" name=\"ball-nums\">
  1568.                     <input type=\"hidden\" id=\"ball-price\" name=\"ball-price\">
  1569.                     ";
  1570.         } elseif ((        // line 914
  1571. (isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 914, $this->source); })()) == 8)) {
  1572.             // line 915
  1573.             echo "                    ";
  1574.         } elseif (((isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 915, $this->source); })()) == 9)) {
  1575.             // line 916
  1576.             echo "                    <input type=\"hidden\" id=\"design-cate\" name=\"design-cate\">
  1577.                     ";
  1578.         } elseif ((        // line 917
  1579. (isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 917, $this->source); })()) == 10)) {
  1580.             // line 918
  1581.             echo "                    ";
  1582.         }
  1583.         // line 919
  1584.         echo "                </form>
  1585.                 <div class=\"modalBoxAlert\" id=\"alert01\">
  1586.                     <div class=\"modalInnerAlert\">
  1587.                         絞り込みたい項目がある場合のみチェックしてください。
  1588.                     </div>
  1589.                 </div>
  1590.             </main>
  1591.         </div>
  1592.     </div>
  1594.     <!-- modal -->
  1595.     <div class=\"modal fade\" id=\"filterModal\" tabindex=\"-1\" aria-labelledby=\"filterModalLabel\" aria-hidden=\"true\">
  1596.         <div class=\"modal-dialog\">
  1597.             <div class=\"modal-content\">
  1598.                 <div class=\"modal-header\">
  1599.                     <h5 class=\"modal-title\" id=\"filterModalLabel\">絞り込み</h5>
  1600.                     <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>
  1601.                 </div>
  1602.                 <form name=\"formSelSP\" id=\"formSelSP\">
  1603.                 <div class=\"modal-body\">
  1604.                     <!-- 絞り込みフォームの内容をここに追加 -->
  1605.                     ";
  1606.         // line 940
  1607.         if (((isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 940, $this->source); })()) == 7)) {
  1608.             // line 941
  1609.             echo "                    <div class=\"aside-filter _modal\">
  1610.                         <div class=\"title\">
  1611.                             ボールの種類から選ぶ
  1612.                         </div>
  1613.                         <ul class=\"list-unstyled mb-0 list\">
  1614.                             <li>
  1615.                                 <label>
  1616.                                     <input type=\"checkbox\" name=\"ball_type\" class=\"ball_type_sp\" value=\"14\">
  1617.                                     持ち込みボール
  1618.                                 </label>
  1619.                             </li>
  1620.                             <li>
  1621.                                 <label>
  1622.                                     <input type=\"checkbox\" name=\"ball_type\" class=\"ball_type_sp\" value=\"11\">
  1623.                                     スリクソン
  1624.                                 </label>
  1625.                             </li>
  1626.                             <li>
  1627.                                 <label>
  1628.                                     <input type=\"checkbox\" name=\"ball_type\" class=\"ball_type_sp\" value=\"12\">
  1629.                                     ゼクシオ
  1630.                                 </label>
  1631.                             </li>
  1632.                             <li>
  1633.                                 <label>
  1634.                                     <input type=\"checkbox\" name=\"ball_type\" class=\"ball_type_sp\" value=\"13\">
  1635.                                     ツアースペシャル
  1636.                                 </label>
  1637.                             </li>
  1638.                         </ul>
  1639.                         <div class=\"title\">
  1640.                             ボールの球数から選ぶ
  1641.                         </div>
  1642.                         <ul class=\"list-unstyled mb-0 list\">
  1643.                             <li>
  1644.                                 <label>
  1645.                                     <input type=\"checkbox\" name=\"ball_nums\" class=\"ball_nums_sp\" value=\"8,13\">
  1646.                                     3球
  1647.                                 </label>
  1648.                             </li>
  1649.                             <li>
  1650.                                 <label>
  1651.                                     <input type=\"checkbox\" name=\"ball_nums\" class=\"ball_nums_sp\" value=\"11,14\">
  1652.                                     6球
  1653.                                 </label>
  1654.                             </li>
  1655.                             <li>
  1656.                                 <label>
  1657.                                     <input type=\"checkbox\" name=\"ball_nums\" class=\"ball_nums_sp\" value=\"12,15\">
  1658.                                     12球
  1659.                                 </label>
  1660.                             </li>
  1661.                         </ul>
  1662.                         <div class=\"title\">
  1663.                             価格で選ぶ
  1664.                         </div>
  1665.                         <ul class=\"list-unstyled mb-0 list\">
  1666.                             <li>
  1667.                                 <label>
  1668.                                     <input type=\"checkbox\" name=\"ball_price\" class=\"ball_price_sp\" value=\"1\">
  1669.                                     ～2,999円
  1670.                                 </label>
  1671.                             </li>
  1672.                             <li>
  1673.                                 <label>
  1674.                                     <input type=\"checkbox\" name=\"ball_price\" class=\"ball_price_sp\" value=\"2\">
  1675.                                     3,000円～4,999円
  1676.                                 </label>
  1677.                             </li>
  1678.                             <li>
  1679.                                 <label>
  1680.                                     <input type=\"checkbox\" name=\"ball_price\" class=\"ball_price_sp\" value=\"3\">
  1681.                                     5,000円～9,999円
  1682.                                 </label>
  1683.                             </li>
  1684.                             <li>
  1685.                                 <label>
  1686.                                     <input type=\"checkbox\" name=\"ball_price\" class=\"ball_price_sp\" value=\"4\">
  1687.                                     10,000円以上
  1688.                                 </label>
  1689.                             </li>
  1690.                         </ul>
  1691.                     </div>
  1692.                     ";
  1693.         } elseif ((        // line 1024
  1694. (isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 1024, $this->source); })()) == 8)) {
  1695.             // line 1025
  1696.             echo "                    ";
  1697.         } elseif (((isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 1025, $this->source); })()) == 9)) {
  1698.             // line 1026
  1699.             echo "                    <div class=\"aside-filter _modal\">
  1700.                         <div class=\"title\">
  1701.                         カテゴリから選ぶ
  1702.                         </div>
  1703.                         <ul class=\"list-unstyled mb-0 list\">
  1704.                             <li>
  1705.                                 <label>
  1706.                                     <input type=\"checkbox\" name=\"design_cate\" class=\"design_cate_sp\" value=\"15\">
  1707.                                     誕生日祝い
  1708.                                 </label>
  1709.                             </li>
  1710.                             <li>
  1711.                                 <label>
  1712.                                     <input type=\"checkbox\" name=\"design_cate\" class=\"design_cate_sp\" value=\"16\">
  1713.                                     定年退職祝い
  1714.                                 </label>
  1715.                             </li>
  1716.                             <li>
  1717.                                 <label>
  1718.                                     <input type=\"checkbox\" name=\"design_cate\" class=\"design_cate_sp\" value=\"17\">
  1719.                                     還暦祝い
  1720.                                 </label>
  1721.                             </li>
  1722.                             <li>
  1723.                                 <label>
  1724.                                     <input type=\"checkbox\" name=\"design_cate\" class=\"design_cate_sp\" value=\"18\">
  1725.                                     コンペ景品
  1726.                                 </label>
  1727.                             </li>
  1728.                             <li>
  1729.                                 <label>
  1730.                                     <input type=\"checkbox\" name=\"design_cate\" class=\"design_cate_sp\" value=\"19\">
  1731.                                     父の日祝い
  1732.                                 </label>
  1733.                             </li>
  1734.                             <li>
  1735.                                 <label>
  1736.                                     <input type=\"checkbox\" name=\"design_cate\" class=\"design_cate_sp\" value=\"20\">
  1737.                                     母の日祝い
  1738.                                 </label>
  1739.                             </li>
  1740.                             <li>
  1741.                                 <label>
  1742.                                     <input type=\"checkbox\" name=\"design_cate\" class=\"design_cate_sp\" value=\"21\">
  1743.                                     GOLFPRINT オリジナル
  1744.                                 </label>
  1745.                             </li>
  1746.                         </ul>
  1747.                     </div>
  1748.                     ";
  1749.         } elseif ((        // line 1075
  1750. (isset($context["rootCategoryId"]) || array_key_exists("rootCategoryId", $context) ? $context["rootCategoryId"] : (function () { throw new RuntimeError('Variable "rootCategoryId" does not exist.', 1075, $this->source); })()) == 10)) {
  1751.             // line 1076
  1752.             echo "                    ";
  1753.         }
  1754.         // line 1077
  1755.         echo "                </div>
  1756.                 <div class=\"modal-footer\">
  1757.                     <button type=\"button\" class=\"btn btn-outline-dark\" data-bs-dismiss=\"modal\">閉じる</button>
  1758.                     <button type=\"button\" class=\"btn btn-outline-dark\" onclick=\"location.href='";
  1759.         // line 1080
  1760.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_detail", ["id" => twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1080, $this->source); })()), "id", [], "any", false, false, true, 1080)]), "html", null, true);
  1761.         echo "'\">クリア</button>
  1762.                     <button type=\"button\" onclick=\"setValSP()\" class=\"btn btn-primary\">絞り込む</button>
  1763.                 </div>
  1764.                 </form>
  1765.             </div>
  1766.         </div>
  1767.     </div>
  1768. ";
  1769.         
  1770.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  1772.         
  1773.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  1775.     }
  1777.     public function getTemplateName()
  1778.     {
  1779.         return "Product/detail.twig";
  1780.     }
  1782.     public function isTraitable()
  1783.     {
  1784.         return false;
  1785.     }
  1787.     public function getDebugInfo()
  1788.     {
  1789.         return array (  1760 => 1080,  1755 => 1077,  1752 => 1076,  1750 => 1075,  1699 => 1026,  1696 => 1025,  1694 => 1024,  1609 => 941,  1607 => 940,  1584 => 919,  1581 => 918,  1579 => 917,  1576 => 916,  1573 => 915,  1571 => 914,  1566 => 911,  1564 => 910,  1558 => 906,  1555 => 905,  1553 => 904,  1550 => 903,  1547 => 902,  1545 => 901,  1542 => 900,  1540 => 899,  1534 => 897,  1531 => 896,  1528 => 895,  1525 => 894,  1522 => 893,  1519 => 892,  1516 => 891,  1513 => 890,  1510 => 877,  1504 => 875,  1502 => 874,  1490 => 864,  1487 => 863,  1485 => 862,  1480 => 859,  1477 => 858,  1475 => 857,  1468 => 852,  1466 => 851,  1463 => 850,  1452 => 843,  1448 => 842,  1442 => 839,  1438 => 838,  1433 => 835,  1428 => 833,  1423 => 830,  1420 => 829,  1417 => 828,  1411 => 826,  1405 => 824,  1402 => 823,  1399 => 822,  1393 => 820,  1387 => 818,  1385 => 817,  1382 => 816,  1379 => 815,  1376 => 814,  1371 => 812,  1366 => 811,  1363 => 810,  1358 => 808,  1353 => 807,  1351 => 806,  1347 => 805,  1342 => 804,  1339 => 803,  1337 => 802,  1328 => 800,  1324 => 799,  1321 => 798,  1318 => 797,  1316 => 796,  1313 => 795,  1306 => 791,  1302 => 790,  1297 => 788,  1294 => 787,  1291 => 786,  1285 => 783,  1281 => 782,  1278 => 781,  1276 => 780,  1271 => 778,  1267 => 777,  1264 => 776,  1261 => 775,  1259 => 774,  1250 => 772,  1246 => 771,  1242 => 769,  1240 => 768,  1236 => 767,  1233 => 766,  1230 => 765,  1224 => 763,  1221 => 762,  1213 => 760,  1207 => 758,  1205 => 757,  1202 => 756,  1199 => 755,  1193 => 754,  1189 => 752,  1187 => 751,  1184 => 750,  1182 => 749,  1179 => 748,  1177 => 747,  1174 => 746,  1172 => 745,  1169 => 744,  1167 => 743,  1164 => 742,  1161 => 741,  1157 => 740,  1152 => 738,  1146 => 734,  1127 => 731,  1124 => 730,  1107 => 729,  1099 => 723,  1090 => 721,  1082 => 719,  1077 => 718,  1068 => 711,  1065 => 710,  1063 => 709,  1058 => 708,  1055 => 707,  1053 => 706,  1048 => 705,  1046 => 704,  1041 => 701,  1038 => 700,  1036 => 699,  1032 => 698,  1027 => 697,  1024 => 696,  1022 => 695,  1018 => 694,  1013 => 693,  1011 => 692,  1007 => 691,  1001 => 687,  995 => 686,  992 => 685,  985 => 684,  982 => 683,  976 => 682,  973 => 681,  970 => 680,  965 => 679,  962 => 678,  960 => 677,  950 => 676,  899 => 633,  896 => 632,  894 => 631,  827 => 566,  824 => 565,  822 => 564,  643 => 387,  641 => 386,  612 => 360,  608 => 359,  604 => 358,  600 => 357,  596 => 355,  590 => 353,  588 => 352,  583 => 351,  580 => 350,  570 => 348,  556 => 346,  548 => 345,  530 => 344,  525 => 342,  502 => 322,  492 => 315,  462 => 288,  457 => 285,  448 => 279,  444 => 277,  442 => 276,  439 => 275,  430 => 269,  426 => 267,  424 => 266,  358 => 202,  355 => 200,  347 => 198,  345 => 197,  340 => 195,  337 => 194,  335 => 193,  332 => 192,  329 => 191,  326 => 190,  324 => 189,  321 => 188,  316 => 186,  313 => 185,  305 => 183,  303 => 182,  298 => 180,  295 => 179,  293 => 178,  273 => 160,  270 => 159,  256 => 147,  253 => 146,  247 => 145,  244 => 144,  237 => 143,  234 => 142,  228 => 141,  225 => 140,  222 => 139,  217 => 138,  214 => 137,  212 => 136,  202 => 135,  75 => 16,  65 => 15,  54 => 11,  52 => 13,  39 => 11,);
  1790.     }
  1792.     public function getSourceContext()
  1793.     {
  1794.         return new Source("{#
  1795. This file is part of EC-CUBE
  1797. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  1799. http://www.ec-cube.co.jp/
  1801. For the full copyright and license information, please view the LICENSE
  1802. file that was distributed with this source code.
  1803. #}
  1804. {% extends 'default_frame.twig' %}
  1806. {% set body_class = 'product_page' %}
  1808. {% block stylesheet %}
  1809.     <style>
  1811.         .slick-slider {
  1812.             margin-bottom: 30px;
  1813.         }
  1815.         .slick-dots {
  1816.             position: absolute;
  1817.             bottom: -45px;
  1818.             display: block;
  1819.             width: 100%;
  1820.             padding: 0;
  1821.             list-style: none;
  1822.             text-align: center;
  1823.         }
  1825.         .slick-dots li {
  1826.             position: relative;
  1827.             display: inline-block;
  1828.             width: 20px;
  1829.             height: 20px;
  1830.             margin: 0 5px;
  1831.             padding: 0;
  1833.             cursor: pointer;
  1834.         }
  1836.         .slick-dots li button {
  1837.             font-size: 0;
  1838.             line-height: 0;
  1839.             display: block;
  1840.             width: 20px;
  1841.             height: 20px;
  1842.             padding: 5px;
  1843.             cursor: pointer;
  1844.             color: transparent;
  1845.             border: 0;
  1846.             outline: none;
  1847.             background: transparent;
  1848.         }
  1850.         .slick-dots li button:hover,
  1851.         .slick-dots li button:focus {
  1852.             outline: none;
  1853.         }
  1855.         .slick-dots li button:hover:before,
  1856.         .slick-dots li button:focus:before {
  1857.             opacity: 1;
  1858.         }
  1860.         .slick-dots li button:before {
  1861.             content: \" \";
  1862.             line-height: 20px;
  1863.             position: absolute;
  1864.             top: 0;
  1865.             left: 0;
  1866.             width: 12px;
  1867.             height: 12px;
  1868.             text-align: center;
  1869.             opacity: .25;
  1870.             background-color: black;
  1871.             border-radius: 50%;
  1873.         }
  1875.         .slick-dots li.slick-active button:before {
  1876.             opacity: .75;
  1877.             background-color: black;
  1878.         }
  1880.         .slick-dots li button.thumbnail img {
  1881.             width: 0;
  1882.             height: 0;
  1883.         }
  1885.     </style>
  1886.     <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css\" />
  1887.     <link rel=\"stylesheet\" href=\"/html/template/default/assets/css/swiper-customize.min.css\">
  1888.     <style>
  1889.         #modalWrapAlert {
  1890.             display: none;
  1891.             background: 0 0;
  1892.             width: 100%;
  1893.             height: 100%;
  1894.             position: fixed;
  1895.             top: 0;
  1896.             left: 0;
  1897.             z-index: 100;
  1898.             overflow: hidden
  1899.         }
  1901.         .modalBoxAlert {
  1902.             position: fixed;
  1903.             width: 85%;
  1904.             max-width: 420px;
  1905.             height: 0;
  1906.             top: 0;
  1907.             bottom: 0;
  1908.             left: 0;
  1909.             right: 0;
  1910.             margin: auto;
  1911.             overflow: hidden;
  1912.             opacity: 1;
  1913.             display: none;
  1914.             border-radius: 3px;
  1915.             z-index: 1000
  1916.         }
  1918.         .modalInnerAlert {
  1919.             padding: 10px;
  1920.             text-align: center;
  1921.             box-sizing: border-box;
  1922.             background: rgba(0, 0, 0, .7);
  1923.             color: #fff
  1924.         }
  1925.     </style>
  1926. {% endblock %}
  1928. {% block javascript %}
  1929.     {# この商品の最上位カテゴリidを取得 #}
  1930.     {% set rootCategoryId = null %}
  1931.     {% for ProductCategory in Product.ProductCategories %}
  1932.         {% set Category = ProductCategory.Category %}
  1933.         {% set rootCategory = Category %}
  1934.         {% for i in 1..10 if rootCategory.Parent %}
  1935.             {% set rootCategory = rootCategory.Parent %}
  1936.         {% endfor %}
  1937.         {% set rootCategoryId = rootCategory.id %}
  1938.     {% endfor %}
  1939.     <script>
  1940.         eccube.classCategories = {{ class_categories_as_json(Product)|raw }};
  1942.         // 規格2に選択肢を割り当てる。
  1943.         function fnSetClassCategories(form, classcat_id2_selected) {
  1944.             var \$form = \$(form);
  1945.             var product_id = \$form.find('input[name=product_id]').val();
  1946.             var \$sele1 = \$form.find('select[name=classcategory_id1]');
  1947.             var \$sele2 = \$form.find('select[name=classcategory_id2]');
  1948.             eccube.setClassCategories(\$form, product_id, \$sele1, \$sele2, classcat_id2_selected);
  1949.         }
  1951. {# ▼▼▼GOLFPRINT:▼▼▼ #}
  1952.     {% if rootCategoryId == 7 %}{# ボールを選ぶ #}
  1953.         window.addEventListener('load', () => {
  1954.             const selectElement = document.getElementById('classcategory_id1');
  1955.             if (selectElement) {
  1956.                 selectElement.selectedIndex = 1;\t// 2番目のoptionを選択
  1958.                 // 規格1の選択後に規格2の選択肢を設定
  1959.                 fnSetClassCategories(\$('#form1'), null);
  1961.                 // イベント発火処理（ネイティブ+jQuery）
  1962.                 const triggerChangeEvents = () => {
  1963.                     // 規格1の変更イベントを発火
  1964.                     \$(selectElement).trigger('change');
  1965.                 };
  1967.                 // 規格1の変更イベントを発火（300msの遅延を追加）
  1968.                 setTimeout(triggerChangeEvents, 300);
  1969.             }
  1971.             {% if form.classcategory_id2 is defined %}
  1972.             fnSetClassCategories(
  1973.                 \$('#form1'), {{ form.classcategory_id2.vars.value|json_encode|raw }}
  1974.             );
  1975.             {% elseif form.classcategory_id1 is defined %}
  1976.             eccube.checkStock(\$('#form1'), {{ Product.id }}, {{ form.classcategory_id1.vars.value|json_encode|raw }}, null);
  1977.             {% else %}
  1978.             // 規格が存在しない場合の処理
  1979.             eccube.checkStock(\$('#form1'), {{ Product.id }}, null, null);
  1980.             {% endif %}
  1981.         });
  1982.     {% elseif rootCategoryId == 8 %}{# マーカーを選ぶ #}
  1983.     {% elseif rootCategoryId == 9 %}{# デザインを選ぶ #}
  1984.     {% elseif rootCategoryId == 10 %}{# ラッピング #}
  1986.         {% if form.classcategory_id2 is defined %}
  1987.         fnSetClassCategories(
  1988.             \$('#form1'), {{ form.classcategory_id2.vars.value|json_encode|raw }}
  1989.         );
  1990.         {% elseif form.classcategory_id1 is defined %}
  1991.         eccube.checkStock(\$('#form1'), {{ Product.id }}, {{ form.classcategory_id1.vars.value|json_encode|raw }}, null);
  1992.         {% endif %}
  1993.     {% endif %}
  1994. {# ▲▲▲GOLFPRINT:▲▲▲ #}
  1995.     </script>
  1996.     <script>
  1997.         \$(function() {
  1998.             // bfcache無効化
  1999.             \$(window).bind('pageshow', function(event) {
  2000.                 if (event.originalEvent.persisted) {
  2001.                     location.reload(true);
  2002.                 }
  2003.             });
  2005.             // Core Web Vital の Cumulative Layout Shift(CLS)対策のため
  2006.             // img タグに width, height が付与されている.
  2007.             // 630px 未満の画面サイズでは縦横比が壊れるための対策
  2008.             // see https://github.com/EC-CUBE/ec-cube/pull/5023
  2009.             \$('.ec-grid2__cell').hide();
  2010.             var removeSize = function () {
  2011.                 \$('.slide-item').height('');
  2012.                 \$('.slide-item img')
  2013.                     .removeAttr('width')
  2014.                     .removeAttr('height')
  2015.                     .removeAttr('style');
  2016.             };
  2017.             var slickInitial = function(slick) {
  2018.                 \$('.ec-grid2__cell').fadeIn(1500);
  2019.                 var baseHeight = \$(slick.target).height();
  2020.                 var baseWidth = \$(slick.target).width();
  2021.                 var rate = baseWidth / baseHeight;
  2023.                 \$('.slide-item').height(baseHeight * rate); // 余白を削除する
  2024.                 // transform を使用することでCLSの影響を受けないようにする
  2025.                 \$('.slide-item img')
  2026.                     .css(
  2027.                         {
  2028.                             'transform-origin': 'top left',
  2029.                             'transform': 'scaleY(' + rate + ')',
  2030.                             'transition': 'transform .1s'
  2031.                         }
  2032.                     );
  2033.                 // 正しいサイズに近くなったら属性を解除する
  2034.                 setTimeout(removeSize, 500);
  2035.             };
  2036.             \$('.item_visual').on('init', slickInitial);
  2037.             // リサイズ時は CLS の影響を受けないため属性を解除する
  2038.             \$(window).resize(removeSize);
  2039.             \$('.item_visual').slick({
  2040.                 dots: false,
  2041.                 arrows: false,
  2042.                 responsive: [{
  2043.                     breakpoint: 768,
  2044.                     settings: {
  2045.                         dots: true
  2046.                     }
  2047.                 }]
  2048.             });
  2050.             \$('.slideThumb').on('click', function() {
  2051.                 var index = \$(this).attr('data-index');
  2052.                 \$('.item_visual').slick('slickGoTo', index, false);
  2053.             })
  2054.         });
  2055.     </script>
  2056.     <script>
  2057.         \$(function() {
  2058.             \$('.add-cart').on('click', function(event) {
  2059.                 {% if form.classcategory_id1 is defined %}
  2060.                 // 規格1フォームの必須チェック
  2061.                 if (\$('#classcategory_id1').val() == '__unselected' || \$('#classcategory_id1').val() == '') {
  2062.                     \$('#classcategory_id1')[0].setCustomValidity('{{ '項目が選択されていません'|trans }}');
  2063.                     return true;
  2064.                 } else {
  2065.                     \$('#classcategory_id1')[0].setCustomValidity('');
  2066.                 }
  2067.                 {% endif %}
  2069.                 {% if form.classcategory_id2 is defined %}
  2070.                 // 規格2フォームの必須チェック
  2071.                 if (\$('#classcategory_id2').val() == '__unselected' || \$('#classcategory_id2').val() == '') {
  2072.                     \$('#classcategory_id2')[0].setCustomValidity('{{ '項目が選択されていません'|trans }}');
  2073.                     return true;
  2074.                 } else {
  2075.                     \$('#classcategory_id2')[0].setCustomValidity('');
  2076.                 }
  2077.                 {% endif %}
  2079.                 // 個数フォームのチェック
  2080.                 if (\$('#quantity').val() < 1) {
  2081.                     \$('#quantity')[0].setCustomValidity('{{ '1以上で入力してください。'|trans }}');
  2082.                     return true;
  2083.                 } else {
  2084.                     \$('#quantity')[0].setCustomValidity('');
  2085.                 }
  2087.                 event.preventDefault();
  2088.                 \$form = \$('#form1');
  2089.                 \$.ajax({
  2090.                     url: \$form.attr('action'),
  2091.                     type: \$form.attr('method'),
  2092.                     data: \$form.serialize(),
  2093.                     dataType: 'json',
  2094.                     beforeSend: function(xhr, settings) {
  2095.                         // Buttonを無効にする
  2096.                         \$('.add-cart').prop('disabled', true);
  2097.                     }
  2098.                 }).done(function(data) {
  2099.                     // レスポンス内のメッセージをalertで表示
  2100.                     \$.each(data.messages, function() {
  2101.                         \$('#ec-modal-header').text(this);
  2102.                     });
  2104.                     \$('.ec-modal').show()
  2106.                     // カートブロックを更新する
  2107.                     \$.ajax({
  2108.                         url: \"{{ url('block_cart') }}\",
  2109.                         type: 'GET',
  2110.                         dataType: 'html'
  2111.                     }).done(function(html) {
  2112.                         \$('.ec-headerRole__cart').html(html);
  2113.                     });
  2114.                 }).fail(function(data) {
  2115.                     alert('{{ 'カートへの追加に失敗しました。'|trans }}');
  2116.                 }).always(function(data) {
  2117.                     // Buttonを有効にする
  2118.                     \$('.add-cart').prop('disabled', false);
  2119.                 });
  2120.             });
  2121.         });
  2123.         \$('.ec-modal-wrap').on('click', function(e) {
  2124.             // モーダル内の処理は外側にバブリングさせない
  2125.             e.stopPropagation();
  2126.         });
  2127.         \$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .inlineBtn--cancel').on('click', function() {
  2128.             \$('.ec-modal').hide()
  2129.         });
  2130.     </script>
  2131.     <script type=\"application/ld+json\">
  2132.     {
  2133.         \"@context\": \"https://schema.org/\",
  2134.         \"@type\": \"Product\",
  2135.         \"name\": \"{{ Product.name }}\",
  2136.         \"image\": [
  2137.             {% for img in Product.ProductImage %}
  2138.                 \"{{ app.request.schemeAndHttpHost }}{{ asset(img, 'save_image') }}\"{% if not loop.last %},{% endif %}
  2140.             {% else %}
  2141.                 \"{{ app.request.schemeAndHttpHost }}{{ asset(''|no_image_product, 'save_image') }}\"
  2142.             {% endfor %}
  2143.         ],
  2144.         \"description\": \"{{ Product.description_list | default(Product.description_detail) | replace({'\\n': '', '\\r': ''}) | slice(0,300) }}\",
  2145.         {% if Product.code_min %}
  2146.         \"sku\": \"{{ Product.code_min }}\",
  2147.         {% endif %}
  2148.         \"offers\": {
  2149.             \"@type\": \"Offer\",
  2150.             \"url\": \"{{ url('product_detail', {'id': Product.id}) }}\",
  2151.             \"priceCurrency\": \"{{ eccube_config.currency }}\",
  2152.             \"price\": {{ Product.getPrice02IncTaxMin ? Product.getPrice02IncTaxMin : 0}},
  2153.             \"availability\": \"{{ Product.stock_find ? \"InStock\" : \"OutOfStock\" }}\"
  2154.         }
  2155.     }
  2156.     </script>
  2157.     <script src=\"https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js\"></script>
  2158.     <script>
  2159.         // swiperを生成
  2160.         var swiperMain = new Swiper('.swiper-container', {
  2161.             effect: 'fade', // フェードエフェクトを適用
  2162.             speed: 600,
  2163.             loop: true,
  2164.             pagination: {
  2165.             el: '.swiper-pagination',
  2166.             clickable: true,
  2167.             },
  2168.             navigation: { // コメントアウトまたは削除
  2169.             nextEl: '.swiper-button-next',
  2170.             prevEl: '.swiper-button-prev',
  2171.             },
  2172.         });
  2173.         // slideToメソッドを実行する関数を定義
  2174.         function slideThumb(index) {
  2175.             swiperMain.slideTo(index);
  2176.         }
  2177.     </script>
  2178.     <script>
  2179.     {% if rootCategoryId == 7 %}{# ボールを選ぶ #}
  2180.         \$(function() {
  2181.             \$('.ball_type').change(function() {
  2182.                 let selCnt = 0;
  2183.                 const ballType = document.forms.formSelPC.ball_type;
  2184.                 for( let i=0; i < ballType.length; i++ ) {
  2185.                     if( ballType[i].checked ) {
  2186.                         selCnt++;
  2187.                     }
  2188.                 }
  2189.                 if( selCnt == ballType.length ) {
  2190.                     for( let i=0; i < ballType.length; i++ ) {
  2191.                         ballType[i].checked = false;
  2192.                     }
  2193.                     //alert('絞り込みたい項目がある場合のみチェックしてください。');
  2194.                     selAlert();
  2195.                 }
  2196.             });
  2198.             \$('.ball_nums').change(function() {
  2199.                 let selCnt = 0;
  2200.                 const ballNums = document.forms.formSelPC.ball_nums;
  2201.                 for( let i=0; i < ballNums.length; i++ ) {
  2202.                     if( ballNums[i].checked ) {
  2203.                         selCnt++;
  2204.                     }
  2205.                 }
  2206.                 if( selCnt == ballNums.length ) {
  2207.                     for( let i=0; i < ballNums.length; i++ ) {
  2208.                         ballNums[i].checked = false;
  2209.                     }
  2210.                     //alert('絞り込みたい項目がある場合のみチェックしてください。');
  2211.                     selAlert();
  2212.                 }
  2213.             });
  2215.             \$('.ball_price').change(function() {
  2216.                 let selCnt = 0;
  2217.                 const ballPrice = document.forms.formSelPC.ball_price;
  2218.                 for( let i=0; i < ballPrice.length; i++ ) {
  2219.                     if( ballPrice[i].checked ) {
  2220.                         selCnt++;
  2221.                     }
  2222.                 }
  2223.                 if( selCnt == ballPrice.length ) {
  2224.                     for( let i=0; i < ballPrice.length; i++ ) {
  2225.                         ballPrice[i].checked = false;
  2226.                     }
  2227.                     //alert('絞り込みたい項目がある場合のみチェックしてください。');
  2228.                     selAlert();
  2229.                 }
  2230.             });
  2232.             \$('.ball_type_sp').change(function() {
  2233.                 let selCnt = 0;
  2234.                 const ballType = document.forms.formSelSP.ball_type;
  2235.                 for( let i=0; i < ballType.length; i++ ) {
  2236.                     if( ballType[i].checked ) {
  2237.                         selCnt++;
  2238.                     }
  2239.                 }
  2240.                 if( selCnt == ballType.length ) {
  2241.                     for( let i=0; i < ballType.length; i++ ) {
  2242.                         ballType[i].checked = false;
  2243.                     }
  2244.                     //alert('絞り込みたい項目がある場合のみチェックしてください。');
  2245.                     selAlert();
  2246.                 }
  2247.             });
  2249.             \$('.ball_nums_sp').change(function() {
  2250.                 let selCnt = 0;
  2251.                 const ballNums = document.forms.formSelSP.ball_nums;
  2252.                 for( let i=0; i < ballNums.length; i++ ) {
  2253.                     if( ballNums[i].checked ) {
  2254.                         selCnt++;
  2255.                     }
  2256.                 }
  2257.                 if( selCnt == ballNums.length ) {
  2258.                     for( let i=0; i < ballNums.length; i++ ) {
  2259.                         ballNums[i].checked = false;
  2260.                     }
  2261.                     //alert('絞り込みたい項目がある場合のみチェックしてください。');
  2262.                     selAlert();
  2263.                 }
  2264.             });
  2266.             \$('.ball_price_sp').change(function() {
  2267.                 let selCnt = 0;
  2268.                 const ballPrice = document.forms.formSelSP.ball_price;
  2269.                 for( let i=0; i < ballPrice.length; i++ ) {
  2270.                     if( ballPrice[i].checked ) {
  2271.                         selCnt++;
  2272.                     }
  2273.                 }
  2274.                 if( selCnt == ballPrice.length ) {
  2275.                     for( let i=0; i < ballPrice.length; i++ ) {
  2276.                         ballPrice[i].checked = false;
  2277.                     }
  2278.                     //alert('絞り込みたい項目がある場合のみチェックしてください。');
  2279.                     selAlert();
  2280.                 }
  2281.             });
  2282.         });
  2284.         function setValPC() {
  2285.             let sels_type = '';
  2286.             const ballType = document.forms.formSelPC.ball_type;
  2287.             for( let i=0; i < ballType.length; i++ ) {
  2288.                 if( ballType[i].checked ) {
  2289.                     if( sels_type ) {
  2290.                         sels_type = sels_type + ',';
  2291.                     }
  2292.                     sels_type = sels_type + ballType[i].value;
  2293.                 }
  2294.             }
  2295.             document.forms.formSelPC2.elements['ball-type'].value = sels_type;
  2296.             let sels_nums = '';
  2297.             const ballNums = document.forms.formSelPC.ball_nums;
  2298.             for( let i=0; i < ballNums.length; i++ ) {
  2299.                 if( ballNums[i].checked ) {
  2300.                     if( sels_nums ) {
  2301.                         sels_nums = sels_nums + ',';
  2302.                     }
  2303.                     sels_nums = sels_nums + ballNums[i].value;
  2304.                 }
  2305.             }
  2306.             document.forms.formSelPC2.elements['ball-nums'].value = sels_nums;
  2307.             let sels_price = '';
  2308.             const ballPrice = document.forms.formSelPC.ball_price;
  2309.             for( let i=0; i < ballPrice.length; i++ ) {
  2310.                 if( ballPrice[i].checked ) {
  2311.                     if( sels_price ) {
  2312.                         sels_price = sels_price + ',';
  2313.                     }
  2314.                     sels_price = sels_price + ballPrice[i].value;
  2315.                 }
  2316.             }
  2317.             document.forms.formSelPC2.elements['ball-price'].value = sels_price;
  2318.             document.forms.formSelPC2.submit();
  2319.         }
  2321.         function setValSP() {
  2322.             let sels_type = '';
  2323.             const ballType = document.forms.formSelSP.ball_type;
  2324.             for( let i=0; i < ballType.length; i++ ) {
  2325.                 if( ballType[i].checked ) {
  2326.                     if( sels_type ) {
  2327.                         sels_type = sels_type + ',';
  2328.                     }
  2329.                     sels_type = sels_type + ballType[i].value;
  2330.                 }
  2331.             }
  2332.             document.forms.formSelSP2.elements['ball-type'].value = sels_type;
  2333.             let sels_nums = '';
  2334.             const ballNums = document.forms.formSelSP.ball_nums;
  2335.             for( let i=0; i < ballNums.length; i++ ) {
  2336.                 if( ballNums[i].checked ) {
  2337.                     if( sels_nums ) {
  2338.                         sels_nums = sels_nums + ',';
  2339.                     }
  2340.                     sels_nums = sels_nums + ballNums[i].value;
  2341.                 }
  2342.             }
  2343.             document.forms.formSelSP2.elements['ball-nums'].value = sels_nums;
  2344.             let sels_price = '';
  2345.             const ballPrice = document.forms.formSelSP.ball_price;
  2346.             for( let i=0; i < ballPrice.length; i++ ) {
  2347.                 if( ballPrice[i].checked ) {
  2348.                     if( sels_price ) {
  2349.                         sels_price = sels_price + ',';
  2350.                     }
  2351.                     sels_price = sels_price + ballPrice[i].value;
  2352.                 }
  2353.             }
  2354.             document.forms.formSelSP2.elements['ball-price'].value = sels_price;
  2355.             document.forms.formSelSP2.submit();
  2356.         }
  2357.     {% elseif rootCategoryId == 8 %}{# マーカーを選ぶ #}
  2358.     {% elseif rootCategoryId == 9 %}{# デザインを選ぶ #}
  2359.         \$(function() {
  2360.             \$('.design_cate').change(function() {
  2361.                 let selCnt = 0;
  2362.                 const designCate = document.forms.formSelPC.design_cate;
  2363.                 for( let i=0; i < designCate.length; i++ ) {
  2364.                     if( designCate[i].checked ) {
  2365.                         selCnt++;
  2366.                     }
  2367.                 }
  2368.                 if( selCnt == designCate.length ) {
  2369.                     for( let i=0; i < designCate.length; i++ ) {
  2370.                         designCate[i].checked = false;
  2371.                     }
  2372.                     //alert('絞り込みたい項目がある場合のみチェックしてください。');
  2373.                     selAlert();
  2374.                 }
  2375.             });
  2377.             \$('.design_cate_sp').change(function() {
  2378.                 let selCnt = 0;
  2379.                 const designCate = document.forms.formSelSP.design_cate;
  2380.                 for( let i=0; i < designCate.length; i++ ) {
  2381.                     if( designCate[i].checked ) {
  2382.                         selCnt++;
  2383.                     }
  2384.                 }
  2385.                 if( selCnt == designCate.length ) {
  2386.                     for( let i=0; i < designCate.length; i++ ) {
  2387.                         designCate[i].checked = false;
  2388.                     }
  2389.                     //alert('絞り込みたい項目がある場合のみチェックしてください。');
  2390.                     selAlert();
  2391.                 }
  2392.             });
  2393.         });
  2395.         function setValPC() {
  2396.             let sels_design = '';
  2397.             const designCate = document.forms.formSelPC.design_cate;
  2398.             for( let i=0; i < designCate.length; i++ ) {
  2399.                 if( designCate[i].checked ) {
  2400.                     if( sels_design ) {
  2401.                         sels_design = sels_design + ',';
  2402.                     }
  2403.                     sels_design = sels_design + designCate[i].value;
  2404.                 }
  2405.             }
  2406.             document.forms.formSelPC2.elements['design-cate'].value = sels_design;
  2407.             document.forms.formSelPC2.submit();
  2408.         }
  2410.         function setValSP() {
  2411.             let sels_design = '';
  2412.             const designCate = document.forms.formSelSP.design_cate;
  2413.             for( let i=0; i < designCate.length; i++ ) {
  2414.                 if( designCate[i].checked ) {
  2415.                     if( sels_design ) {
  2416.                         sels_design = sels_design + ',';
  2417.                     }
  2418.                     sels_design = sels_design + designCate[i].value;
  2419.                 }
  2420.             }
  2421.             document.forms.formSelSP2.elements['design-cate'].value = sels_design;
  2422.             document.forms.formSelSP2.submit();
  2423.         }
  2424.     {% elseif rootCategoryId == 10 %}{# ラッピング #}
  2425.     {% endif %}
  2426.     </script>
  2427.     <script>
  2428.         function selAlert() {
  2429.             var modalThis = \$('body').find('#alert01');
  2431.             //bodyの最下にwrapを作る 
  2432.             \$('body').append('<div id=\"modalWrapAlert\" />');
  2433.             var wrap = \$('#modalWrapAlert');
  2434.             wrap.fadeIn('200');
  2435.             modalThis.fadeIn('200');
  2437.             //モーダルの高さを取ってくる 
  2438.             function mdlHeight() {
  2439.                 var wh = \$(window).innerHeight();
  2440.                 var attH = modalThis.find('.modalInnerAlert').innerHeight();
  2442.                 modalThis.css({
  2443.                     height: attH
  2444.                 });
  2445.             }
  2446.             mdlHeight();
  2447.             \$(window).on('resize', function () {
  2448.                 mdlHeight();
  2449.             });
  2451.             function clickAction() {
  2452.                 modalThis.fadeOut('200');
  2453.                 wrap.fadeOut('200', function () {
  2454.                     wrap.remove();
  2455.                 });
  2456.             }
  2457.             //wrapクリックされたら 
  2458.             wrap.on('click', function () {
  2459.                 clickAction();
  2460.                 return false;
  2461.             });
  2462.             //2秒後に消える 
  2463.             setTimeout(clickAction, 2000);
  2464.             return false;
  2465.         }
  2466.     </script>
  2467. {% endblock %}
  2469. {% block main %}
  2470.     {# この商品の最上位カテゴリidを取得 #}
  2471.     {% set rootCategoryId = null %}
  2472.     {% for ProductCategory in Product.ProductCategories %}
  2473.         {% set Category = ProductCategory.Category %}
  2474.         {% set rootCategory = Category %}
  2475.         {% for i in 1..10 if rootCategory.Parent %}
  2476.             {% set rootCategory = rootCategory.Parent %}
  2477.         {% endfor %}
  2478.         {% set rootCategoryId = rootCategory.id %}
  2479.     {% endfor %}
  2480.     <div class=\"container\">
  2481.         <!-- パンくずリスト -->
  2482.         <nav aria-label=\"breadcrumb\" class=\"my-3\">
  2483.             <ol class=\"breadcrumb\">
  2484.                 <li class=\"breadcrumb-item\"><a href=\"{{ url('homepage') }}\">ホーム</a></li>
  2485.                 {% if rootCategoryId == 7 %}{# ボールを選ぶ #}
  2486.                     <li class=\"breadcrumb-item\"><a href=\"{{ url('product_list', {'category_id': 7}) }}\">ボールを選ぶ</a></li>
  2487.                     <li class=\"breadcrumb-item active\" aria-current=\"page\">{{ Product.name }}</li>
  2488.                 {% elseif rootCategoryId == 8 %}{# マーカーを選ぶ #}
  2489.                 {% elseif rootCategoryId == 9 %}{# デザインを選ぶ #}
  2490.                     <li class=\"breadcrumb-item\"><a href=\"{{ url('product_list', {'category_id': 9}) }}\">デザインを選ぶ</a></li>
  2491.                     <li class=\"breadcrumb-item active\" aria-current=\"page\">{{ Product.name }}</li>
  2492.                 {% elseif rootCategoryId == 10 %}{# ラッピング #}
  2493.                 {% endif %}
  2494.             </ol>
  2495.         </nav>
  2496.         <div class=\"layout-2colmun\">
  2497.             {% if rootCategoryId == 7 %}{# ボールを選ぶ #}
  2498.                 {{ include('Product/aside_ball.twig') }}
  2499.             {% elseif rootCategoryId == 8 %}{# マーカーを選ぶ #}
  2500.             {% elseif rootCategoryId == 9 %}{# デザインを選ぶ #}
  2501.                 {{ include('Product/aside_design.twig') }}
  2502.             {% elseif rootCategoryId == 10 %}{# ラッピング #}
  2503.             {% endif %}
  2504.             <main class=\"main\">
  2505.                 <div class=\"row mb-5\">
  2506.                     <div class=\"col-md-6\">
  2507.                         <div id=\"product-detail\">
  2508.                             <!-- main -->
  2509.                             <div class=\"swiper-container\">
  2510.                                 <div class=\"swiper-wrapper\">
  2511.                                     {% for ProductImage in Product.ProductImage %}
  2512.                                         <div class=\"swiper-slide\" style=\"background-image: url('{{ asset(ProductImage, 'save_image') }}'); background-size: contain; background-repeat: no-repeat;\"></div>
  2513.                                     {% else %}
  2514.                                         <div class=\"swiper-slide\" style=\"background-image: url('{{ asset(''|no_image_product, 'save_image') }}'); background-size: contain; background-repeat: no-repeat;\"></div>
  2515.                                     {% endfor %}
  2516.                                 </div>
  2517.                                 <div class=\"swiper-button-prev\"></div>
  2518.                                 <div class=\"swiper-button-next\"></div>
  2519.                             </div>
  2520.                             <!-- thumbnail -->
  2521.                             <ul class=\"thumb-list\">
  2522.                                 {% for ProductImage in Product.ProductImage %}
  2523.                                     <li class=\"thumb-item\">
  2524.                                         <a class=\"thumb-link\" href=\"javascript:void(0);\" onclick=\"slideThumb({{ loop.index0 }})\" style=\"background-image: url('{{ asset(ProductImage, 'save_image') }}')\"></a>
  2525.                                     </li>
  2526.                                 {% endfor %}
  2527.                             </ul>
  2528.                         </div>
  2529.                     </div>
  2530.                     <div class=\"col-md-6\">
  2531.                         <h1 class=\"fw-bold _fs-5 mb-3\">{{ Product.name }}</h1>
  2532.                         <div class=\"item-thumb mb-3\">
  2533.                             {% for Tag in Product.Tags %}
  2534.                                 {% if Tag.name == '一番人気' %}
  2535.                                     <span class=\"icon -popular -large\">一番人気</span>
  2536.                                 {% elseif Tag.name == '即日配送' %}
  2537.                                     <span class=\"icon -rapid -large\">即日配送</span>
  2538.                                 {% elseif Tag.name == '代引手数料無料' %}
  2539.                                     <span class=\"icon -free -large\">代引手数料無料</span>
  2540.                                 {% elseif Tag.name == '送料無料' %}
  2541.                                     <span class=\"icon -free -large\">送料無料</span>
  2542.                                 {% elseif Tag.name == '3%還元' %}
  2543.                                     <span class=\"icon -point -large\">3%還元</span>
  2544.                                 {% elseif Tag.name == '人気' %}
  2545.                                     <span class=\"icon -popular -large\">人気</span>
  2546.                                 {% endif %}
  2547.                             {% endfor %}
  2548.                             {% if rootCategoryId == 7 %}{# ボールを選ぶ #}
  2549.                             {% if Product.hasProductClass -%}
  2550.                                 {% if Product.getPrice02IncTaxMin == Product.getPrice02IncTaxMax %}
  2551.                                     <div class=\"price -large\"><span class=\"price02-default\">&yen;{{ Product.getPrice02IncTaxMin|number_format }}</span> <span>(税込)</span></div>
  2552.                                 {% else %}
  2553.                                     <div class=\"price -large\"><span class=\"price02-default\">&yen;{{ Product.getPrice02IncTaxMin|number_format }} ～ &yen;{{ Product.getPrice02IncTaxMax|number_format }}</span> <span>(税込)</span></div>
  2554.                                 {% endif %}
  2555.                             {% else %}
  2556.                                 <div class=\"price -large\"><span class=\"price02-default\">&yen;{{ Product.getPrice02IncTaxMin|number_format }}</span> <span>(税込)</span></div>
  2557.                             {% endif %}
  2558.                             {% endif %}
  2559.                         </div>
  2560.                         <form action=\"{{ url('product_add_cart', {id:Product.id}) }}\" method=\"post\" id=\"form1\" name=\"form1\">
  2561.                             {% if rootCategoryId == 7 %}{# ボールを選ぶ #}
  2562.                             <div class=\"border-top border-bottom py-3 mb-4\">
  2563.                                 <div class=\"d-flex align-items-center pb-3\">
  2564.                                     <div class=\"w-25 text-end\">{{ '商品コード'|trans }}:</div>
  2565.                                     <div class=\"ps-3\">{{ Product.code_min }}{% if Product.code_min != Product.code_max %} ～ {{ Product.code_max }}{% endif %}</div>
  2566.                                 </div>
  2567.                                 {% if Product.stock_find %}
  2568.                                     {% if form.classcategory_id1 is defined %}
  2569.                                         <div class=\"d-flex align-items-center pb-1 d-none\">
  2570.                                             {{ form_row(form.classcategory_id1) }}
  2571.                                             {{ form_errors(form.classcategory_id1) }}
  2572.                                         </div>
  2573.                                         {% if form.classcategory_id2 is defined %}
  2574.                                             <div class=\"detail-color pb-1\">
  2575.                                                 {{ form_row(form.classcategory_id2) }}
  2576.                                                 {{ form_errors(form.classcategory_id2) }}
  2577.                                             </div>
  2578.                                         {% endif %}
  2579.                                     {% endif %}
  2580.                                     <div class=\"d-flex align-items-center py-1\">
  2581.                                         <div class=\"w-25 text-end\">{{ '数量'|trans }}</div>
  2582.                                         <div class=\"ps-3\">
  2583.                                             {{ form_widget(form.quantity) }}
  2584.                                             {{ form_errors(form.quantity) }}
  2585.                                         </div>
  2586.                                     </div>
  2587.                                 {% endif %}
  2588.                             </div>
  2589.                             {% elseif rootCategoryId == 8 %}{# マーカーを選ぶ #}
  2590.                             {% elseif rootCategoryId == 9 %}{# デザインを選ぶ #}
  2591.                             <div class=\"d-flex align-items-center pb-3\">
  2592.                                 <div class=\"text-start\">{{ '商品コード'|trans }}:</div>
  2593.                                 <div class=\"ps-3\">{{ Product.code_min }}{% if Product.code_min != Product.code_max %} ～ {{ Product.code_max }}{% endif %}</div>
  2594.                             </div>
  2595.                             {% if Product.stock_find %}
  2596.                                 {% if form.classcategory_id1 is defined %}
  2597.                                     {{ form_row(form.classcategory_id1, {'attr': {'type': 'hidden'}}) }}
  2598.                                     {{ form_errors(form.classcategory_id1) }}
  2599.                                     {% if form.classcategory_id2 is defined %}
  2600.                                         {{ form_row(form.classcategory_id2, {'attr': {'type': 'hidden'}}) }}
  2601.                                         {{ form_errors(form.classcategory_id2) }}
  2602.                                     {% endif %}
  2603.                                 {% endif %}
  2604.                                 {{ form_widget(form.quantity, {'type': 'hidden'}) }}
  2605.                                 {{ form_errors(form.quantity) }}
  2606.                             {% endif %}
  2607.                             {% elseif rootCategoryId == 10 %}{# ラッピング #}
  2608.                             {% endif %}
  2609.                             <div class=\"d-flex justify-content-between\">
  2610.                                 {% if Product.stock_find %}
  2611.                                     <a href=\"javascript:void(0);\" class=\"me-1 btn btn-danger btn-lg rounded-0 w-100 add-cart\"><i class=\"icon-shopping_cart\"></i>{{ 'カートに入れる'|trans }}</a>
  2612.                                 {% else %}
  2613.                                     <button type=\"button\" class=\"me-1 btn btn-danger btn-lg rounded-0 w-100\" disabled=\"disabled\">{{ 'ただいま品切れ中です。'|trans }}</button>
  2614.                                 {% endif %}
  2615.                                 {% if BaseInfo.option_favorite_product %}
  2616.                                     {% if is_favorite == false %}
  2617.                                         <a href=\"javascript:void(0);\" onclick=\"document.forms.formFavorite.submit();\" class=\"ms-1 btn btn-dark btn-lg rounded-0 w-100\">{{ 'お気に入りに追加'|trans }}</a>
  2618.                                     {% else %}
  2619.                                         <button type=\"button\" id=\"favorite\" class=\"ms-1 btn btn-dark btn-lg rounded-0 w-100\" disabled=\"disabled\">{{ 'お気に入り登録済'|trans }}</button>
  2620.                                     {% endif %}
  2621.                                 {% endif %}
  2622.                             </div>
  2623.                             {{ form_rest(form) }}
  2624.                         </form>
  2625.                         {# お気に入りに追加用フォーム #}
  2626.                         <form action=\"{{ url('product_add_favorite', {id:Product.id}) }}\" method=\"post\" id=\"formFavorite\" name=\"formFavorite\"></form>
  2627. {##}
  2628.                         <div class=\"ec-modal\">
  2629.                             <div class=\"ec-modal-overlay\">
  2630.                                 <div class=\"ec-modal-wrap\">
  2631.                                     <span class=\"ec-modal-close\"><span class=\"ec-icon\"><img src=\"{{ asset('assets/icon/cross-dark.svg') }}\" alt=\"\"/></span></span>
  2632.                                     <div id=\"ec-modal-header\" class=\"text-center\">{{ 'カートに追加しました。'|trans }}</div>
  2633.                                     <div class=\"ec-modal-box\">
  2634.                                         <div class=\"ec-role\">
  2635.                                             <span class=\"btn btn-dark btn-lg me-2 mb-3 inlineBtn--cancel\">{{ 'お買い物を続ける'|trans }}</span>
  2636.                                             <a href=\"{{ url('cart') }}\" class=\"btn btn-danger btn-lg mb-3\"><i class=\"icon-shopping_cart\"></i>{{ 'カートへ進む'|trans }}</a>
  2637.                                         </div>
  2638.                                     </div>
  2639.                                 </div>
  2640.                             </div>
  2641.                         </div>
  2642. {##}
  2643.                         <div class=\"_bg-gray p-3 mt-4\">
  2644.                             {% if rootCategoryId == 7 %}{# ボールを選ぶ #}
  2645.                                 <ul class=\"list-unstyled mb-0\">
  2646.                                     <li>※価格は【印刷代込み（税込）】です。</li>
  2647.                                     <li>※パッケージは予告なく変更になる場合がございます。</li>
  2648.                                     <li>※３球単位で 1 デザイン印刷可能です。</li>
  2649.                                 </ul>
  2650.                             {% elseif rootCategoryId == 8 %}{# マーカーを選ぶ #}
  2651.                             {% elseif rootCategoryId == 9 %}{# デザインを選ぶ #}
  2652.                                 <ul class=\"list-unstyled mb-0\">
  2653.                                     <li>※３球単位で 1 デザイン印刷可能です。</li>
  2654.                                 </ul>
  2655.                             {% elseif rootCategoryId == 10 %}{# ラッピング #}
  2656.                             {% endif %}
  2657.                         </div>
  2658.                     </div>
  2659.                 </div>
  2661.                 <div class=\"me-2 d-block d-lg-none\">
  2662.                     <a href=\"\" class=\"btn btn-outline-dark btn-lg w-100\" data-bs-toggle=\"modal\" data-bs-target=\"#filterModal\">別の商品を見る</a>
  2663.                 </div>
  2664.                 
  2665.                 <hr class=\"my-5\">
  2667. {% if Product.freearea %}
  2668.                 <div class=\"ec-productRole__description\">{{ Product.freearea|raw|nl2br }}</div>
  2669. {% endif %}
  2671. {# 商品管理 - 商品登録 商品説明 欄に入力！
  2672.                 <div class=\"text-center\">
  2673.                     <img src=\"/html/template/default/assets/img/products/item01.png\" width=\"600\" height=\"600\" alt=\"ゼクシオ リバウンド ドライブ II\" class=\"img-fluid\">
  2674.                 </div>
  2675.                 <p>
  2676.                     「ゼクシオ リバウンド ドライブ II」は、ダンロップが提供する高性能ゴルフボールです。
  2677.                     このボールは、ウレタンカバーとアイオノマーカバーの長所を融合し、柔らかな打感と優れたスピン性能、直進性、そして高い飛距離性能を実現しています。3層構造の「リバウンドフレーム」は、剛性の高いエリアと低いエリアを交互に配置し、各ショットで最適なパフォーマンスを発揮しま
  2678.                     す。また、ティーショットからパッティングまで、すべてのショットで高いパフォーマンスを提供する「ALL OK!」性能がさらに進化しています。
  2679.                     カラーバリエーションは、ホワイト、プレミアムホワイト、ライムイエロー、プレミアムピンク、X Mark Edition ホワイトの5種類があり、プレーヤー
  2680.                     の好みに合わせて選択できます。
  2681.                 </p>
  2682. #}
  2683.                 {% if rootCategoryId == 7 %}{# ボールを選ぶ #}
  2684.                     {{ include('Block/product_detail.twig') }}{# 印刷サイズ・サービス #}
  2685.                 {% elseif rootCategoryId == 8 %}{# マーカーを選ぶ #}
  2686.                 {% elseif rootCategoryId == 9 %}{# デザインを選ぶ #}
  2687.                     {{ include('Block/product_detail.twig') }}{# 印刷サイズ・サービス #}
  2688.                 {% elseif rootCategoryId == 10 %}{# ラッピング #}
  2689.                 {% endif %}
  2690.                 <form name=\"formSelSP2\" id=\"formSelSP2\" method=\"get\" action=\"{{ url('product_list') }}\">
  2691.                     <input type=\"hidden\" name=\"mode\">
  2692.                     {% if rootCategoryId == 7 %}{# ボールを選ぶ #}
  2693.                     <input type=\"hidden\" name=\"category_id\" value=\"7\">
  2694.                     {% elseif rootCategoryId == 8 %}{# マーカーを選ぶ #}
  2695.                     {% elseif rootCategoryId == 9 %}{# デザインを選ぶ #}
  2696.                     <input type=\"hidden\" name=\"category_id\" value=\"9\">
  2697.                     {% elseif rootCategoryId == 10 %}{# ラッピング #}
  2698.                     {% endif %}
  2699.                     <input type=\"hidden\" name=\"name\">
  2700.                     <input type=\"hidden\" name=\"pageno\" value=\"1\">
  2701.                     <input type=\"hidden\" name=\"disp_number\" value=\"21\">
  2702.                     <input type=\"hidden\" name=\"orderby\" value=\"2\">
  2703.                     {% if rootCategoryId == 7 %}{# ボールを選ぶ #}
  2704.                     <input type=\"hidden\" id=\"ball-type\" name=\"ball-type\">
  2705.                     <input type=\"hidden\" id=\"ball-nums\" name=\"ball-nums\">
  2706.                     <input type=\"hidden\" id=\"ball-price\" name=\"ball-price\">
  2707.                     {% elseif rootCategoryId == 8 %}{# マーカーを選ぶ #}
  2708.                     {% elseif rootCategoryId == 9 %}{# デザインを選ぶ #}
  2709.                     <input type=\"hidden\" id=\"design-cate\" name=\"design-cate\">
  2710.                     {% elseif rootCategoryId == 10 %}{# ラッピング #}
  2711.                     {% endif %}
  2712.                 </form>
  2713.                 <div class=\"modalBoxAlert\" id=\"alert01\">
  2714.                     <div class=\"modalInnerAlert\">
  2715.                         絞り込みたい項目がある場合のみチェックしてください。
  2716.                     </div>
  2717.                 </div>
  2718.             </main>
  2719.         </div>
  2720.     </div>
  2722.     <!-- modal -->
  2723.     <div class=\"modal fade\" id=\"filterModal\" tabindex=\"-1\" aria-labelledby=\"filterModalLabel\" aria-hidden=\"true\">
  2724.         <div class=\"modal-dialog\">
  2725.             <div class=\"modal-content\">
  2726.                 <div class=\"modal-header\">
  2727.                     <h5 class=\"modal-title\" id=\"filterModalLabel\">絞り込み</h5>
  2728.                     <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>
  2729.                 </div>
  2730.                 <form name=\"formSelSP\" id=\"formSelSP\">
  2731.                 <div class=\"modal-body\">
  2732.                     <!-- 絞り込みフォームの内容をここに追加 -->
  2733.                     {% if rootCategoryId == 7 %}{# ボールを選ぶ #}
  2734.                     <div class=\"aside-filter _modal\">
  2735.                         <div class=\"title\">
  2736.                             ボールの種類から選ぶ
  2737.                         </div>
  2738.                         <ul class=\"list-unstyled mb-0 list\">
  2739.                             <li>
  2740.                                 <label>
  2741.                                     <input type=\"checkbox\" name=\"ball_type\" class=\"ball_type_sp\" value=\"14\">
  2742.                                     持ち込みボール
  2743.                                 </label>
  2744.                             </li>
  2745.                             <li>
  2746.                                 <label>
  2747.                                     <input type=\"checkbox\" name=\"ball_type\" class=\"ball_type_sp\" value=\"11\">
  2748.                                     スリクソン
  2749.                                 </label>
  2750.                             </li>
  2751.                             <li>
  2752.                                 <label>
  2753.                                     <input type=\"checkbox\" name=\"ball_type\" class=\"ball_type_sp\" value=\"12\">
  2754.                                     ゼクシオ
  2755.                                 </label>
  2756.                             </li>
  2757.                             <li>
  2758.                                 <label>
  2759.                                     <input type=\"checkbox\" name=\"ball_type\" class=\"ball_type_sp\" value=\"13\">
  2760.                                     ツアースペシャル
  2761.                                 </label>
  2762.                             </li>
  2763.                         </ul>
  2764.                         <div class=\"title\">
  2765.                             ボールの球数から選ぶ
  2766.                         </div>
  2767.                         <ul class=\"list-unstyled mb-0 list\">
  2768.                             <li>
  2769.                                 <label>
  2770.                                     <input type=\"checkbox\" name=\"ball_nums\" class=\"ball_nums_sp\" value=\"8,13\">
  2771.                                     3球
  2772.                                 </label>
  2773.                             </li>
  2774.                             <li>
  2775.                                 <label>
  2776.                                     <input type=\"checkbox\" name=\"ball_nums\" class=\"ball_nums_sp\" value=\"11,14\">
  2777.                                     6球
  2778.                                 </label>
  2779.                             </li>
  2780.                             <li>
  2781.                                 <label>
  2782.                                     <input type=\"checkbox\" name=\"ball_nums\" class=\"ball_nums_sp\" value=\"12,15\">
  2783.                                     12球
  2784.                                 </label>
  2785.                             </li>
  2786.                         </ul>
  2787.                         <div class=\"title\">
  2788.                             価格で選ぶ
  2789.                         </div>
  2790.                         <ul class=\"list-unstyled mb-0 list\">
  2791.                             <li>
  2792.                                 <label>
  2793.                                     <input type=\"checkbox\" name=\"ball_price\" class=\"ball_price_sp\" value=\"1\">
  2794.                                     ～2,999円
  2795.                                 </label>
  2796.                             </li>
  2797.                             <li>
  2798.                                 <label>
  2799.                                     <input type=\"checkbox\" name=\"ball_price\" class=\"ball_price_sp\" value=\"2\">
  2800.                                     3,000円～4,999円
  2801.                                 </label>
  2802.                             </li>
  2803.                             <li>
  2804.                                 <label>
  2805.                                     <input type=\"checkbox\" name=\"ball_price\" class=\"ball_price_sp\" value=\"3\">
  2806.                                     5,000円～9,999円
  2807.                                 </label>
  2808.                             </li>
  2809.                             <li>
  2810.                                 <label>
  2811.                                     <input type=\"checkbox\" name=\"ball_price\" class=\"ball_price_sp\" value=\"4\">
  2812.                                     10,000円以上
  2813.                                 </label>
  2814.                             </li>
  2815.                         </ul>
  2816.                     </div>
  2817.                     {% elseif rootCategoryId == 8 %}{# マーカーを選ぶ #}
  2818.                     {% elseif rootCategoryId == 9 %}{# デザインを選ぶ #}
  2819.                     <div class=\"aside-filter _modal\">
  2820.                         <div class=\"title\">
  2821.                         カテゴリから選ぶ
  2822.                         </div>
  2823.                         <ul class=\"list-unstyled mb-0 list\">
  2824.                             <li>
  2825.                                 <label>
  2826.                                     <input type=\"checkbox\" name=\"design_cate\" class=\"design_cate_sp\" value=\"15\">
  2827.                                     誕生日祝い
  2828.                                 </label>
  2829.                             </li>
  2830.                             <li>
  2831.                                 <label>
  2832.                                     <input type=\"checkbox\" name=\"design_cate\" class=\"design_cate_sp\" value=\"16\">
  2833.                                     定年退職祝い
  2834.                                 </label>
  2835.                             </li>
  2836.                             <li>
  2837.                                 <label>
  2838.                                     <input type=\"checkbox\" name=\"design_cate\" class=\"design_cate_sp\" value=\"17\">
  2839.                                     還暦祝い
  2840.                                 </label>
  2841.                             </li>
  2842.                             <li>
  2843.                                 <label>
  2844.                                     <input type=\"checkbox\" name=\"design_cate\" class=\"design_cate_sp\" value=\"18\">
  2845.                                     コンペ景品
  2846.                                 </label>
  2847.                             </li>
  2848.                             <li>
  2849.                                 <label>
  2850.                                     <input type=\"checkbox\" name=\"design_cate\" class=\"design_cate_sp\" value=\"19\">
  2851.                                     父の日祝い
  2852.                                 </label>
  2853.                             </li>
  2854.                             <li>
  2855.                                 <label>
  2856.                                     <input type=\"checkbox\" name=\"design_cate\" class=\"design_cate_sp\" value=\"20\">
  2857.                                     母の日祝い
  2858.                                 </label>
  2859.                             </li>
  2860.                             <li>
  2861.                                 <label>
  2862.                                     <input type=\"checkbox\" name=\"design_cate\" class=\"design_cate_sp\" value=\"21\">
  2863.                                     GOLFPRINT オリジナル
  2864.                                 </label>
  2865.                             </li>
  2866.                         </ul>
  2867.                     </div>
  2868.                     {% elseif rootCategoryId == 10 %}{# ラッピング #}
  2869.                     {% endif %}
  2870.                 </div>
  2871.                 <div class=\"modal-footer\">
  2872.                     <button type=\"button\" class=\"btn btn-outline-dark\" data-bs-dismiss=\"modal\">閉じる</button>
  2873.                     <button type=\"button\" class=\"btn btn-outline-dark\" onclick=\"location.href='{{ url('product_detail', {'id': Product.id}) }}'\">クリア</button>
  2874.                     <button type=\"button\" onclick=\"setValSP()\" class=\"btn btn-primary\">絞り込む</button>
  2875.                 </div>
  2876.                 </form>
  2877.             </div>
  2878.         </div>
  2879.     </div>
  2880. {% endblock %}", "Product/detail.twig", "/home/insp/insp.sixcore.jp/public_html/app/template/default/Product/detail.twig");
  2881.     }
  2882.     
  2883.     public function checkSecurity()
  2884.     {
  2885.         static $tags = array("set" => 13, "for" => 138, "if" => 159);
  2886.         static $filters = array("raw" => 147, "json_encode" => 180, "escape" => 183, "trans" => 269, "no_image_product" => 348, "slice" => 351, "replace" => 351, "default" => 351, "number_format" => 758, "nl2br" => 875);
  2887.         static $functions = array("range" => 141, "class_categories_as_json" => 147, "url" => 315, "asset" => 345, "include" => 705, "form_row" => 777, "form_errors" => 778, "form_widget" => 790, "form_rest" => 830);
  2889.         try {
  2890.             $this->sandbox->checkSecurity(
  2891.                 ['set', 'for', 'if'],
  2892.                 ['raw', 'json_encode', 'escape', 'trans', 'no_image_product', 'slice', 'replace', 'default', 'number_format', 'nl2br'],
  2893.                 ['range', 'class_categories_as_json', 'url', 'asset', 'include', 'form_row', 'form_errors', 'form_widget', 'form_rest']
  2894.             );
  2895.         } catch (SecurityError $e) {
  2896.             $e->setSourceContext($this->source);
  2898.             if ($e instanceof SecurityNotAllowedTagError && isset($tags[$e->getTagName()])) {
  2899.                 $e->setTemplateLine($tags[$e->getTagName()]);
  2900.             } elseif ($e instanceof SecurityNotAllowedFilterError && isset($filters[$e->getFilterName()])) {
  2901.                 $e->setTemplateLine($filters[$e->getFilterName()]);
  2902.             } elseif ($e instanceof SecurityNotAllowedFunctionError && isset($functions[$e->getFunctionName()])) {
  2903.                 $e->setTemplateLine($functions[$e->getFunctionName()]);
  2904.             }
  2906.             throw $e;
  2907.         }
  2909.     }
  2910. }