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

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.             'javascript' => [$this, 'block_javascript'],
  29.             'main' => [$this, 'block_main'],
  30.         ];
  31.         $this->sandbox = $this->env->getExtension('\Twig\Extension\SandboxExtension');
  32.         $this->checkSecurity();
  33.     }
  35.     protected function doGetParent(array $context)
  36.     {
  37.         // line 11
  38.         return "default_frame.twig";
  39.     }
  41.     protected function doDisplay(array $context, array $blocks = [])
  42.     {
  43.         $macros = $this->macros;
  44.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  45.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Product/detail.twig"));
  47.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  48.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Product/detail.twig"));
  50.         // line 13
  51.         $context["body_class"] = "product_page";
  52.         // line 11
  53.         $this->parent = $this->loadTemplate("default_frame.twig", "Product/detail.twig", 11);
  54.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  55.         
  56.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  58.         
  59.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  61.     }
  63.     // line 15
  64.     public function block_javascript($context, array $blocks = [])
  65.     {
  66.         $macros = $this->macros;
  67.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  68.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  70.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  71.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  73.         // line 16
  74.         echo "    <script>
  75.         eccube.classCategories = ";
  76.         // line 17
  77.         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.', 17, $this->source); })()), 17, $this->source));
  78.         echo ";
  80.         // 規格2に選択肢を割り当てる。
  81.         function fnSetClassCategories(form, classcat_id2_selected) {
  82.             var \$form = \$(form);
  83.             var product_id = \$form.find('input[name=product_id]').val();
  84.             var \$sele1 = \$form.find('select[name=classcategory_id1]');
  85.             var \$sele2 = \$form.find('select[name=classcategory_id2]');
  86.             eccube.setClassCategories(\$form, product_id, \$sele1, \$sele2, classcat_id2_selected);
  87.         }
  89.         ";
  90.         // line 28
  91.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, true, 28)) {
  92.             // line 29
  93.             echo "        fnSetClassCategories(
  94.             \$('#form1'), ";
  95.             // line 30
  96.             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.', 30, $this->source); })()), "classcategory_id2", [], "any", false, false, true, 30), "vars", [], "any", false, false, true, 30), "value", [], "any", false, false, true, 30), 30, $this->source));
  97.             echo "
  98.         );
  99.         ";
  100.         } elseif (twig_get_attribute($this->env, $this->source,         // line 32
  101. ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, true, 32)) {
  102.             // line 33
  103.             echo "        eccube.checkStock(\$('#form1'), ";
  104.             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.', 33, $this->source); })()), "id", [], "any", false, false, true, 33), 33, $this->source), "html", null, true);
  105.             echo ", ";
  106.             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.', 33, $this->source); })()), "classcategory_id1", [], "any", false, false, true, 33), "vars", [], "any", false, false, true, 33), "value", [], "any", false, false, true, 33), 33, $this->source));
  107.             echo ", null);
  108.         ";
  109.         }
  110.         // line 35
  111.         echo "    </script>
  112.     <script>
  113.         \$(function() {
  114.             // bfcache無効化
  115.             \$(window).bind('pageshow', function(event) {
  116.                 if (event.originalEvent.persisted) {
  117.                     location.reload(true);
  118.                 }
  119.             });
  121.             // Core Web Vital の Cumulative Layout Shift(CLS)対策のため
  122.             // img タグに width, height が付与されている.
  123.             // 630px 未満の画面サイズでは縦横比が壊れるための対策
  124.             // see https://github.com/EC-CUBE/ec-cube/pull/5023
  125.             \$('.product-slider').hide();
  126.             var removeSize = function () {
  127.                 \$('.product-slide-item').height('');
  128.                 \$('.product-slide-item img')
  129.                     .removeAttr('width')
  130.                     .removeAttr('height')
  131.                     .removeAttr('style');
  132.             };
  133.             var slickInitial = function(slick) {
  134.                 \$('.product-slider').fadeIn(1500);
  135.                 var baseHeight = \$(slick.target).height();
  136.                 var baseWidth = \$(slick.target).width();
  137.                 var rate = baseWidth / baseHeight;
  139.                 \$('.product-slide-item').height(baseHeight * rate); // 余白を削除する
  140.                 // transform を使用することでCLSの影響を受けないようにする
  141.                 \$('.product-slide-item img')
  142.                     .css(
  143.                         {
  144.                             'transform-origin': 'top left',
  145.                             'transform': 'scaleY(' + rate + ')',
  146.                             'transition': 'transform .1s'
  147.                         }
  148.                     );
  149.                 // 正しいサイズに近くなったら属性を解除する
  150.                 setTimeout(removeSize, 500);
  151.             };
  152.             \$('.product-slide').on('init', slickInitial);
  153.             // リサイズ時は CLS の影響を受けないため属性を解除する
  154.             \$(window).resize(removeSize);
  155.             \$('.product-slide').slick({
  156.                 dots: false,
  157.                 arrows: false,
  158.                 responsive: [{
  159.                     breakpoint: 769,
  160.                     settings: {
  161.                         dots: true
  162.                     }
  163.                 }],
  164.             });
  166.             let switchThumb = function(index) {
  167.                 \$('.product-thumb-item').removeClass('is-active');
  168.                 \$('.product-thumb-item').each(function() {
  169.                     let targetIndex = \$(this).data('index');
  170.                     if(index == targetIndex) {
  171.                         \$(this).addClass('is-active');
  172.                     }
  173.                 })
  174.             }
  176.             \$('.product-slide').on('afterChange', function(event, slick, direction) {
  177.                 switchThumb(direction);
  178.             })
  180.             \$('.product-thumb-item').eq(0).addClass('is-active');
  181.             \$('.product-thumb-item').on('click', function() {
  182.                 var index = \$(this).attr('data-index');
  183.                 \$('.product-slide').slick('slickGoTo', index, false);
  184.                 \$('.product-thumb-item').removeClass('is-active');
  185.                 \$(this).addClass('is-active');
  186.             })
  187.         });
  188.     </script>
  189.     <script>
  190.         \$(function() {
  191.             \$('.add-cart').on('click', function(event) {
  192.                 ";
  193.         // line 116
  194.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, true, 116)) {
  195.             // line 117
  196.             echo "                // 規格1フォームの必須チェック
  197.                 if (\$('#classcategory_id1').val() == '__unselected' || \$('#classcategory_id1').val() == '') {
  198.                     \$('#classcategory_id1')[0].setCustomValidity('";
  199.             // line 119
  200.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("項目が選択されていません"), "html", null, true);
  201.             echo "');
  202.                     return true;
  203.                 } else {
  204.                     \$('#classcategory_id1')[0].setCustomValidity('');
  205.                 }
  206.                 ";
  207.         }
  208.         // line 125
  209.         echo "
  210.                 ";
  211.         // line 126
  212.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, true, 126)) {
  213.             // line 127
  214.             echo "                // 規格2フォームの必須チェック
  215.                 if (\$('#classcategory_id2').val() == '__unselected' || \$('#classcategory_id2').val() == '') {
  216.                     \$('#classcategory_id2')[0].setCustomValidity('";
  217.             // line 129
  218.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("項目が選択されていません"), "html", null, true);
  219.             echo "');
  220.                     return true;
  221.                 } else {
  222.                     \$('#classcategory_id2')[0].setCustomValidity('');
  223.                 }
  224.                 ";
  225.         }
  226.         // line 135
  227.         echo "
  228.                 // 個数フォームのチェック
  229.                 if (\$('#quantity').val() < 1) {
  230.                     \$('#quantity')[0].setCustomValidity('";
  231.         // line 138
  232.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("1以上で入力してください。"), "html", null, true);
  233.         echo "');
  234.                     return true;
  235.                 } else {
  236.                     \$('#quantity')[0].setCustomValidity('');
  237.                 }
  239.                 event.preventDefault();
  240.                 \$form = \$('#form1');
  241.                 \$.ajax({
  242.                     url: \$form.attr('action'),
  243.                     type: \$form.attr('method'),
  244.                     data: \$form.serialize(),
  245.                     dataType: 'json',
  246.                     beforeSend: function(xhr, settings) {
  247.                         // Buttonを無効にする
  248.                         \$('.add-cart').prop('disabled', true);
  249.                     }
  250.                 }).done(function(data) {
  251.                     // レスポンス内のメッセージをalertで表示
  252.                     \$.each(data.messages, function() {
  253.                         \$('#ec-modal-header').text(this);
  254.                     });
  256.                     \$('.ec-modal').show()
  258.                     // カートブロックを更新する
  259.                     \$.ajax({
  260.                         url: \"";
  261.         // line 165
  262.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("block_cart");
  263.         echo "\",
  264.                         type: 'GET',
  265.                         dataType: 'html'
  266.                     }).done(function(html) {
  267.                         \$('.ec-headerRole__cart').html(html);
  268.                     });
  269.                 }).fail(function(data) {
  270.                     alert('";
  271.         // line 172
  272.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートへの追加に失敗しました。"), "html", null, true);
  273.         echo "');
  274.                 }).always(function(data) {
  275.                     // Buttonを有効にする
  276.                     \$('.add-cart').prop('disabled', false);
  277.                 });
  278.             });
  279.         });
  281.         \$('.ec-modal-wrap').on('click', function(e) {
  282.             // モーダル内の処理は外側にバブリングさせない
  283.             e.stopPropagation();
  284.         });
  285.         \$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .modal-button-cancel').on('click', function() {
  286.             \$('.ec-modal').hide()
  287.         });
  288.     </script>
  289.     <script type=\"application/ld+json\">
  290.     {
  291.         \"@context\": \"https://schema.org/\",
  292.         \"@type\": \"Product\",
  293.         \"name\": \"";
  294.         // line 192
  295.         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.', 192, $this->source); })()), "name", [], "any", false, false, true, 192), 192, $this->source), "html", null, true);
  296.         echo "\",
  297.         \"image\": [
  298.             ";
  299.         // line 194
  300.         $context['_parent'] = $context;
  301.         $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.', 194, $this->source); })()), "ProductImage", [], "any", false, false, true, 194));
  302.         $context['_iterated'] = false;
  303.         $context['loop'] = [
  304.           'parent' => $context['_parent'],
  305.           'index0' => 0,
  306.           'index'  => 1,
  307.           'first'  => true,
  308.         ];
  309.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  310.             $length = count($context['_seq']);
  311.             $context['loop']['revindex0'] = $length - 1;
  312.             $context['loop']['revindex'] = $length;
  313.             $context['loop']['length'] = $length;
  314.             $context['loop']['last'] = 1 === $length;
  315.         }
  316.         foreach ($context['_seq'] as $context["_key"] => $context["img"]) {
  317.             // line 195
  318.             echo "                \"";
  319.             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.', 195, $this->source); })()), "request", [], "any", false, false, true, 195), "schemeAndHttpHost", [], "any", false, false, true, 195), 195, $this->source), "html", null, true);
  320.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->sandbox->ensureToStringAllowed($context["img"], 195, $this->source), "save_image"), "html", null, true);
  321.             echo "\"";
  322.             if ( !twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, true, 195)) {
  323.                 echo ",";
  324.             }
  325.             // line 196
  326.             echo "
  327.             ";
  328.             $context['_iterated'] = true;
  329.             ++$context['loop']['index0'];
  330.             ++$context['loop']['index'];
  331.             $context['loop']['first'] = false;
  332.             if (isset($context['loop']['length'])) {
  333.                 --$context['loop']['revindex0'];
  334.                 --$context['loop']['revindex'];
  335.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  336.             }
  337.         }
  338.         if (!$context['_iterated']) {
  339.             // line 198
  340.             echo "                \"";
  341.             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.', 198, $this->source); })()), "request", [], "any", false, false, true, 198), "schemeAndHttpHost", [], "any", false, false, true, 198), 198, $this->source), "html", null, true);
  342.             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);
  343.             echo "\"
  344.             ";
  345.         }
  346.         $_parent = $context['_parent'];
  347.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['img'], $context['_parent'], $context['loop']);
  348.         $context = array_intersect_key($context, $_parent) + $_parent;
  349.         // line 200
  350.         echo "        ],
  351.         \"description\": \"";
  352.         // line 201
  353.         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, 201)) ? (_twig_default_filter($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, ($context["Product"] ?? null), "description_list", [], "any", false, false, true, 201), 201, $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.', 201, $this->source); })()), "description_detail", [], "any", false, false, true, 201), 201, $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.', 201, $this->source); })()), "description_detail", [], "any", false, false, true, 201))), ["
  354. " => "", " " => ""]), 0, 300), "html", null, true);
  355.         echo "\",
  356.         ";
  357.         // line 202
  358.         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.', 202, $this->source); })()), "code_min", [], "any", false, false, true, 202)) {
  359.             // line 203
  360.             echo "        \"sku\": \"";
  361.             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.', 203, $this->source); })()), "code_min", [], "any", false, false, true, 203), 203, $this->source), "html", null, true);
  362.             echo "\",
  363.         ";
  364.         }
  365.         // line 205
  366.         echo "        \"offers\": {
  367.             \"@type\": \"Offer\",
  368.             \"url\": \"";
  369.         // line 207
  370.         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.', 207, $this->source); })()), "id", [], "any", false, false, true, 207)]), "html", null, true);
  371.         echo "\",
  372.             \"priceCurrency\": \"";
  373.         // line 208
  374.         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.', 208, $this->source); })()), "currency", [], "any", false, false, true, 208), 208, $this->source), "html", null, true);
  375.         echo "\",
  376.             \"price\": ";
  377.         // line 209
  378.         ((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.', 209, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, true, 209)) ? (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.', 209, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, true, 209), "html", null, true))) : (print (0)));
  379.         echo ",
  380.             \"availability\": \"";
  381.         // line 210
  382.         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.', 210, $this->source); })()), "stock_find", [], "any", false, false, true, 210)) ? ("InStock") : ("OutOfStock"));
  383.         echo "\"
  384.         }
  385.     }
  386.     </script>
  387. ";
  388.         
  389.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  391.         
  392.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  394.     }
  396.     // line 216
  397.     public function block_main($context, array $blocks = [])
  398.     {
  399.         $macros = $this->macros;
  400.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  401.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  403.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  404.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  406.         // line 217
  407.         echo "    <section class=\"p-lower-mv\">
  408.         <div class=\"inner\">
  409.             <div class=\"under bread_wrap\">
  410.                 <ol itemscope itemtype=\"https://schema.org/BreadcrumbList\">
  411.                     <li itemprop=\"itemListElement\" itemscope itemtype=\"https://schema.org/ListItem\">
  412.                         <a itemprop=\"item\" href=\"";
  413.         // line 222
  414.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("homepage");
  415.         echo "\">
  416.                             <span class=\"freight-neo-pro\" itemprop=\"name\">TOP</span>
  417.                         </a>
  418.                         <meta itemprop=\"position\" content=\"1\" />
  419.                     </li>
  420.                     <li itemprop=\"itemListElement\" itemscope itemtype=\"https://schema.org/ListItem\">
  421.                         <a itemprop=\"item\" href=\"";
  422.         // line 228
  423.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  424.         echo "\">
  425.                         <span class=\"freight-neo-pro\" itemprop=\"name\">商品一覧</span>
  426.                         </a>
  427.                         <meta itemprop=\"position\" content=\"2\" />
  428.                     </li>
  429.                     <li itemprop=\"itemListElement\" itemscope itemtype=\"https://schema.org/ListItem\">
  430.                         <a itemprop=\"item\">
  431.                         <span class=\"freight-neo-pro\" itemprop=\"name\">";
  432.         // line 235
  433.         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.', 235, $this->source); })()), "name", [], "any", false, false, true, 235), 235, $this->source), "html", null, true);
  434.         echo "</span>
  435.                         </a>
  436.                         <meta itemprop=\"position\" content=\"3\" />
  437.                     </li>
  438.                 </ol>
  439.             </div>
  440.             <!-- /.bread_wrap -->
  441.         </div>
  442.     </section>
  443.     <section class=\"product-detail\">
  444.         <div class=\"inner\">
  445.             <div class=\"product-detail-wrap\">
  446.                 <div class=\"product-slider\">
  447.                     <div class=\"product-slide\">
  448.                         ";
  449.         // line 249
  450.         $context['_parent'] = $context;
  451.         $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.', 249, $this->source); })()), "ProductImage", [], "any", false, false, true, 249));
  452.         $context['_iterated'] = false;
  453.         $context['loop'] = [
  454.           'parent' => $context['_parent'],
  455.           'index0' => 0,
  456.           'index'  => 1,
  457.           'first'  => true,
  458.         ];
  459.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  460.             $length = count($context['_seq']);
  461.             $context['loop']['revindex0'] = $length - 1;
  462.             $context['loop']['revindex'] = $length;
  463.             $context['loop']['length'] = $length;
  464.             $context['loop']['last'] = 1 === $length;
  465.         }
  466.         foreach ($context['_seq'] as $context["_key"] => $context["ProductImage"]) {
  467.             // line 250
  468.             echo "                            <div class=\"product-slide-item\"><img src=\"";
  469.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->sandbox->ensureToStringAllowed($context["ProductImage"], 250, $this->source), "save_image"), "html", null, true);
  470.             echo "\" alt=\"";
  471.             ((twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, true, 250)) ? (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.', 250, $this->source); })()), "name", [], "any", false, false, true, 250), "html", null, true))) : (print ("")));
  472.             echo "\" width=\"550\" height=\"550\"";
  473.             if ((twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, true, 250) > 1)) {
  474.                 echo " loading=\"lazy\"";
  475.             }
  476.             echo "></div>
  477.                         ";
  478.             $context['_iterated'] = true;
  479.             ++$context['loop']['index0'];
  480.             ++$context['loop']['index'];
  481.             $context['loop']['first'] = false;
  482.             if (isset($context['loop']['length'])) {
  483.                 --$context['loop']['revindex0'];
  484.                 --$context['loop']['revindex'];
  485.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  486.             }
  487.         }
  488.         if (!$context['_iterated']) {
  489.             // line 252
  490.             echo "                            <div class=\"product-slide-item\"><img src=\"";
  491.             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);
  492.             echo "\" alt=\"";
  493.             ((twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, true, 252)) ? (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.', 252, $this->source); })()), "name", [], "any", false, false, true, 252), "html", null, true))) : (print ("")));
  494.             echo "\" width=\"550\" height=\"550\"></div>
  495.                         ";
  496.         }
  497.         $_parent = $context['_parent'];
  498.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductImage'], $context['_parent'], $context['loop']);
  499.         $context = array_intersect_key($context, $_parent) + $_parent;
  500.         // line 254
  501.         echo "                    </div>
  502.                     <div class=\"product-thumb\">
  503.                         ";
  504.         // line 256
  505.         $context['_parent'] = $context;
  506.         $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.', 256, $this->source); })()), "ProductImage", [], "any", false, false, true, 256));
  507.         $context['loop'] = [
  508.           'parent' => $context['_parent'],
  509.           'index0' => 0,
  510.           'index'  => 1,
  511.           'first'  => true,
  512.         ];
  513.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  514.             $length = count($context['_seq']);
  515.             $context['loop']['revindex0'] = $length - 1;
  516.             $context['loop']['revindex'] = $length;
  517.             $context['loop']['length'] = $length;
  518.             $context['loop']['last'] = 1 === $length;
  519.         }
  520.         foreach ($context['_seq'] as $context["_key"] => $context["ProductImage"]) {
  521.             // line 257
  522.             echo "                            ";
  523.             // line 261
  524.             echo "                            <div class=\"product-thumb-item\" data-index=\"";
  525.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["loop"], "index0", [], "any", false, false, true, 261), 261, $this->source), "html", null, true);
  526.             echo "\">
  527.                                 <img src=\"";
  528.             // line 262
  529.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->sandbox->ensureToStringAllowed($context["ProductImage"], 262, $this->source), "save_image"), "html", null, true);
  530.             echo "\" alt=\"\" width=\"133\" height=\"133\" loading=\"lazy\">
  531.                             </div>
  532.                         ";
  533.             ++$context['loop']['index0'];
  534.             ++$context['loop']['index'];
  535.             $context['loop']['first'] = false;
  536.             if (isset($context['loop']['length'])) {
  537.                 --$context['loop']['revindex0'];
  538.                 --$context['loop']['revindex'];
  539.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  540.             }
  541.         }
  542.         $_parent = $context['_parent'];
  543.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductImage'], $context['_parent'], $context['loop']);
  544.         $context = array_intersect_key($context, $_parent) + $_parent;
  545.         // line 265
  546.         echo "                    </div>
  547.                 </div>
  548.                 <div class=\"product-info\">
  549.                     ";
  550.         // line 269
  551.         echo "                    <h2 class=\"product-name\">";
  552.         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.', 269, $this->source); })()), "name", [], "any", false, false, true, 269), 269, $this->source), "html", null, true);
  553.         echo "</h2>
  554.                     ";
  555.         // line 271
  556.         echo "                    <!-- <ul class=\"ec-productRole__tags\">
  557.                         ";
  558.         // line 272
  559.         $context['_parent'] = $context;
  560.         $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.', 272, $this->source); })()), "Tags", [], "any", false, false, true, 272));
  561.         foreach ($context['_seq'] as $context["_key"] => $context["Tag"]) {
  562.             // line 273
  563.             echo "                            <li class=\"ec-productRole__tag tag_";
  564.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["Tag"], "id", [], "any", false, false, true, 273), 273, $this->source), "html", null, true);
  565.             echo "\">";
  566.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed($context["Tag"], 273, $this->source), "html", null, true);
  567.             echo "</li>
  568.                         ";
  569.         }
  570.         $_parent = $context['_parent'];
  571.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Tag'], $context['_parent'], $context['loop']);
  572.         $context = array_intersect_key($context, $_parent) + $_parent;
  573.         // line 275
  574.         echo "                    </ul> -->
  575.                     ";
  576.         // line 277
  577.         echo "                    ";
  578.         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.', 277, $this->source); })()), "freearea", [], "any", false, false, true, 277)) {
  579.             // line 278
  580.             echo "                    <p class=\"product-free-text\">";
  581.             echo $this->extensions['Eccube\Twig\Extension\IgnoreTwigSandboxErrorExtension']->twig_include($this->env, $context, twig_template_from_string($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.', 278, $this->source); })()), "freearea", [], "any", false, false, true, 278), 278, $this->source)), array(), true, false, true);
  582.             echo "</p>
  583.                     ";
  584.         }
  585.         // line 280
  586.         echo "                    ";
  587.         // line 281
  588.         echo "                    <div class=\"product-text\">";
  589.         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.', 281, $this->source); })()), "description_detail", [], "any", false, false, true, 281), 281, $this->source));
  590.         echo "</div>
  591.                     ";
  592.         // line 283
  593.         echo "                    <div class=\"product-price-wrap\">
  594.                         ";
  595.         // line 284
  596.         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.', 284, $this->source); })()), "hasProductClass", [], "any", false, false, true, 284)) {
  597.             // line 285
  598.             echo "<p class=\"product-regular-price\">
  599.                                 ";
  600.             // line 286
  601.             if (( !(null === 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.', 286, $this->source); })()), "getPrice01Min", [], "any", false, false, true, 286)) && (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.', 286, $this->source); })()), "getPrice01IncTaxMin", [], "any", false, false, true, 286) == 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.', 286, $this->source); })()), "getPrice01IncTaxMax", [], "any", false, false, true, 286)))) {
  602.                 // line 287
  603.                 echo "                                    ";
  604.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("通常価格"), "html", null, true);
  605.                 echo "：<span class=\"price\">";
  606.                 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.', 287, $this->source); })()), "getPrice01IncTaxMin", [], "any", false, false, true, 287), 287, $this->source), "html", null, true);
  607.                 echo "</span><span class=\"tax\">円（税込）</span>
  608.                                 ";
  609.             } elseif (( !(null === twig_get_attribute($this->env, $this->source,             // line 288
  610. (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 288, $this->source); })()), "getPrice01Min", [], "any", false, false, true, 288)) &&  !(null === 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.', 288, $this->source); })()), "getPrice01Max", [], "any", false, false, true, 288)))) {
  611.                 // line 289
  612.                 echo "                                    ";
  613.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("通常価格"), "html", null, true);
  614.                 echo "：<span class=\"price\">";
  615.                 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.', 289, $this->source); })()), "getPrice01IncTaxMin", [], "any", false, false, true, 289), 289, $this->source), "html", null, true);
  616.                 echo "～ ";
  617.                 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.', 289, $this->source); })()), "getPrice01IncTaxMax", [], "any", false, false, true, 289), 289, $this->source), "html", null, true);
  618.                 echo "</span><span class=\"tax\">円（税込）</span>
  619.                                 ";
  620.             }
  621.             // line 291
  622.             echo "                            </p>
  623.                         ";
  624.         } else {
  625.             // line 293
  626.             echo "                            ";
  627.             if ( !(null === 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.', 293, $this->source); })()), "getPrice01Max", [], "any", false, false, true, 293))) {
  628.                 // line 294
  629.                 echo "                            <p class=\"product-regular-price\">
  630.                                 ";
  631.                 // line 295
  632.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("通常価格"), "html", null, true);
  633.                 echo "：<span class=\"price\">";
  634.                 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.', 295, $this->source); })()), "getPrice01IncTaxMin", [], "any", false, false, true, 295), 295, $this->source), "html", null, true);
  635.                 echo "</span><span class=\"tax\">円（税込）</span>
  636.                             </p>
  637.                             ";
  638.             }
  639.             // line 298
  640.             echo "                        ";
  641.         }
  642.         // line 299
  643.         echo "                        ";
  644.         // line 300
  645.         echo "                        ";
  646.         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.', 300, $this->source); })()), "hasProductClass", [], "any", false, false, true, 300)) {
  647.             // line 301
  648.             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.', 301, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, true, 301) == 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.', 301, $this->source); })()), "getPrice02IncTaxMax", [], "any", false, false, true, 301))) {
  649.                 // line 302
  650.                 echo "                                <p class=\"product-price\">
  651.                                     <span class=\"price\">";
  652.                 // line 303
  653.                 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.', 303, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, true, 303), 303, $this->source), "html", null, true);
  654.                 echo "</span>
  655.                                     <span class=\"tax\">円（税込）</span>
  656.                                 </p>
  657.                             ";
  658.             } else {
  659.                 // line 307
  660.                 echo "                                <p class=\"product-price\">
  661.                                     <span class=\"price\">";
  662.                 // line 308
  663.                 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.', 308, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, true, 308), 308, $this->source), "html", null, true);
  664.                 echo " ～ ";
  665.                 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.', 308, $this->source); })()), "getPrice02IncTaxMax", [], "any", false, false, true, 308), 308, $this->source), "html", null, true);
  666.                 echo "</span>
  667.                                     <span class=\"tax\">円（税込）</span>
  668.                                 </p>
  669.                             ";
  670.             }
  671.             // line 312
  672.             echo "                        ";
  673.         } else {
  674.             // line 313
  675.             echo "                            <p class=\"product-price\">
  676.                                 <span class=\"price\">";
  677.             // line 314
  678.             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.', 314, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, true, 314), 314, $this->source), "html", null, true);
  679.             echo "</span>
  680.                                 <span class=\"tax\">円（税込）</span>
  681.                             </p>
  682.                         ";
  683.         }
  684.         // line 318
  685.         echo "                    </div>
  686.                     ";
  687.         // line 320
  688.         echo "                    ";
  689.         if ( !twig_test_empty(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.', 320, $this->source); })()), "code_min", [], "any", false, false, true, 320))) {
  690.             // line 321
  691.             echo "                        <!-- <div class=\"ec-productRole__code\">
  692.                             ";
  693.             // line 322
  694.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("商品コード"), "html", null, true);
  695.             echo "： <span class=\"product-code-default\">";
  696.             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.', 322, $this->source); })()), "code_min", [], "any", false, false, true, 322), 322, $this->source), "html", null, true);
  697.             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.', 322, $this->source); })()), "code_min", [], "any", false, false, true, 322) != 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.', 322, $this->source); })()), "code_max", [], "any", false, false, true, 322))) {
  698.                 echo " ～ ";
  699.                 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.', 322, $this->source); })()), "code_max", [], "any", false, false, true, 322), 322, $this->source), "html", null, true);
  700.             }
  701.             echo "</span>
  702.                         </div> -->
  703.                     ";
  704.         }
  705.         // line 325
  706.         echo "                    ";
  707.         // line 326
  708.         echo "                    ";
  709.         if ( !twig_test_empty(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.', 326, $this->source); })()), "ProductCategories", [], "any", false, false, true, 326))) {
  710.             // line 327
  711.             echo "                        <!-- <div class=\"ec-productRole__category\">
  712.                             <div>";
  713.             // line 328
  714.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("関連カテゴリ"), "html", null, true);
  715.             echo "</div>
  716.                             ";
  717.             // line 329
  718.             $context['_parent'] = $context;
  719.             $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.', 329, $this->source); })()), "ProductCategories", [], "any", false, false, true, 329));
  720.             foreach ($context['_seq'] as $context["_key"] => $context["ProductCategory"]) {
  721.                 // line 330
  722.                 echo "                                <ul>
  723.                                     <li>
  724.                                         ";
  725.                 // line 332
  726.                 $context['_parent'] = $context;
  727.                 $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["ProductCategory"], "Category", [], "any", false, false, true, 332), "path", [], "any", false, false, true, 332));
  728.                 $context['loop'] = [
  729.                   'parent' => $context['_parent'],
  730.                   'index0' => 0,
  731.                   'index'  => 1,
  732.                   'first'  => true,
  733.                 ];
  734.                 if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  735.                     $length = count($context['_seq']);
  736.                     $context['loop']['revindex0'] = $length - 1;
  737.                     $context['loop']['revindex'] = $length;
  738.                     $context['loop']['length'] = $length;
  739.                     $context['loop']['last'] = 1 === $length;
  740.                 }
  741.                 foreach ($context['_seq'] as $context["_key"] => $context["Category"]) {
  742.                     // line 333
  743.                     echo "                                            <a href=\"";
  744.                     echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  745.                     echo "?category_id=";
  746.                     echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["Category"], "id", [], "any", false, false, true, 333), 333, $this->source), "html", null, true);
  747.                     echo "\">";
  748.                     echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["Category"], "name", [], "any", false, false, true, 333), 333, $this->source), "html", null, true);
  749.                     echo "</a>";
  750.                     if ((twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, true, 333) == false)) {
  751.                         // line 334
  752.                         echo "                                            <span>＞</span>";
  753.                     }
  754.                     ++$context['loop']['index0'];
  755.                     ++$context['loop']['index'];
  756.                     $context['loop']['first'] = false;
  757.                     if (isset($context['loop']['length'])) {
  758.                         --$context['loop']['revindex0'];
  759.                         --$context['loop']['revindex'];
  760.                         $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  761.                     }
  762.                 }
  763.                 $_parent = $context['_parent'];
  764.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Category'], $context['_parent'], $context['loop']);
  765.                 $context = array_intersect_key($context, $_parent) + $_parent;
  766.                 // line 336
  767.                 echo "                                    </li>
  768.                                 </ul>
  769.                             ";
  770.             }
  771.             $_parent = $context['_parent'];
  772.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductCategory'], $context['_parent'], $context['loop']);
  773.             $context = array_intersect_key($context, $_parent) + $_parent;
  774.             // line 339
  775.             echo "                        </div> -->
  776.                     ";
  777.         }
  778.         // line 341
  779.         echo "                    <form action=\"";
  780.         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.', 341, $this->source); })()), "id", [], "any", false, false, true, 341)]), "html", null, true);
  781.         echo "\" method=\"post\" id=\"form1\" name=\"form1\">
  782.                         <div class=\"product-cart-wrap\">
  783.                             ";
  784.         // line 343
  785.         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.', 343, $this->source); })()), "stock_find", [], "any", false, false, true, 343)) {
  786.             // line 344
  787.             echo "                                <div class=\"product-cart-amount\">
  788.                                     ";
  789.             // line 345
  790.             if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, true, 345)) {
  791.                 // line 346
  792.                 echo "                                        <div class=\"ec-select\">
  793.                                             ";
  794.                 // line 347
  795.                 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.', 347, $this->source); })()), "classcategory_id1", [], "any", false, false, true, 347), 347, $this->source), 'row');
  796.                 echo "
  797.                                             ";
  798.                 // line 348
  799.                 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.', 348, $this->source); })()), "classcategory_id1", [], "any", false, false, true, 348), 348, $this->source), 'errors');
  800.                 echo "
  801.                                         </div>
  802.                                         ";
  803.                 // line 350
  804.                 if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, true, 350)) {
  805.                     // line 351
  806.                     echo "                                            <div class=\"ec-select\">
  807.                                                 ";
  808.                     // line 352
  809.                     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.', 352, $this->source); })()), "classcategory_id2", [], "any", false, false, true, 352), 352, $this->source), 'row');
  810.                     echo "
  811.                                                 ";
  812.                     // line 353
  813.                     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.', 353, $this->source); })()), "classcategory_id2", [], "any", false, false, true, 353), 353, $this->source), 'errors');
  814.                     echo "
  815.                                             </div>
  816.                                         ";
  817.                 }
  818.                 // line 356
  819.                 echo "                                    ";
  820.             }
  821.             // line 357
  822.             echo "                                    <div class=\"ec-numberInput\"><span>";
  823.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("数量"), "html", null, true);
  824.             echo "</span>
  825.                                         ";
  826.             // line 358
  827.             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.', 358, $this->source); })()), "quantity", [], "any", false, false, true, 358), 358, $this->source), 'widget');
  828.             echo "
  829.                                         ";
  830.             // line 359
  831.             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.', 359, $this->source); })()), "quantity", [], "any", false, false, true, 359), 359, $this->source), 'errors');
  832.             echo "
  833.                                     </div>
  834.                                 </div>
  835.                                 <button type=\"submit\" class=\"product-cart-button add-cart\">
  836.                                     <span>";
  837.             // line 363
  838.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートに入れる"), "html", null, true);
  839.             echo "</span>
  840.                                 </button>
  841.                             ";
  842.         } else {
  843.             // line 366
  844.             echo "                                <button type=\"button\" class=\"product-cart-button\" disabled=\"disabled\">
  845.                                     <span>";
  846.             // line 367
  847.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("ただいま品切れ中です。"), "html", null, true);
  848.             echo "</span>
  849.                                 </button>
  850.                             ";
  851.         }
  852.         // line 370
  853.         echo "        
  854.                             ";
  855.         // line 371
  856.         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.', 371, $this->source); })()), 371, $this->source), 'rest');
  857.         echo "
  858.                         </div>
  859.                     </form>
  860.                     <div class=\"ec-modal\">
  861.                         <div class=\"ec-modal-overlay\">
  862.                             <div class=\"ec-modal-wrap\">
  863.                                 <span class=\"ec-modal-close\"><span class=\"ec-icon\"><img src=\"";
  864.         // line 377
  865.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/icon/cross-dark.svg"), "html", null, true);
  866.         echo "\" alt=\"\"/></span></span>
  867.                                 <div id=\"ec-modal-header\" class=\"text-center\">";
  868.         // line 378
  869.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートに追加しました。"), "html", null, true);
  870.         echo "</div>
  871.                                 <div class=\"modal-button-wrap\">
  872.                                     <span class=\"modal-button-cancel\">";
  873.         // line 380
  874.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("お買い物を続ける"), "html", null, true);
  875.         echo "</span>
  876.                                     <div class=\"modal-button-cart\">
  877.                                         <a href=\"";
  878.         // line 382
  879.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("cart");
  880.         echo "\">";
  881.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートへ進む"), "html", null, true);
  882.         echo "</a>
  883.                                     </div>
  884.                                 </div>
  885.                             </div>
  886.                         </div>
  887.                     </div>
  888.                     ";
  889.         // line 388
  890.         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.', 388, $this->source); })()), "option_favorite_product", [], "any", false, false, true, 388)) {
  891.             // line 389
  892.             echo "                        <form action=\"";
  893.             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.', 389, $this->source); })()), "id", [], "any", false, false, true, 389)]), "html", null, true);
  894.             echo "\" method=\"post\">
  895.                             ";
  896.             // line 390
  897.             if (((isset($context["is_favorite"]) || array_key_exists("is_favorite", $context) ? $context["is_favorite"] : (function () { throw new RuntimeError('Variable "is_favorite" does not exist.', 390, $this->source); })()) == false)) {
  898.                 // line 391
  899.                 echo "                                <button type=\"submit\" id=\"favorite\" class=\"favorite-button\">
  900.                                     <span>";
  901.                 // line 392
  902.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("お気に入りに追加"), "html", null, true);
  903.                 echo "</span>
  904.                                 </button>
  905.                             ";
  906.             } else {
  907.                 // line 395
  908.                 echo "                                <button type=\"submit\" id=\"favorite\" class=\"favorite-button is-active\" disabled=\"disabled\">
  909.                                     <span>";
  910.                 // line 396
  911.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("お気に入りに追加済です。"), "html", null, true);
  912.                 echo "</span>
  913.                                 </button>
  914.                             ";
  915.             }
  916.             // line 399
  917.             echo "                        </form>
  918.                     ";
  919.         }
  920.         // line 401
  921.         echo "                </div>
  922.             </div>
  923.             ";
  924.         // line 403
  925.         if ((twig_length_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.', 403, $this->source); })()), "ProductSpecs", [], "any", false, false, true, 403)) > 0)) {
  926.             // line 404
  927.             echo "            <dl class=\"product-detail-list\">
  928.                 ";
  929.             // line 405
  930.             $context['_parent'] = $context;
  931.             $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.', 405, $this->source); })()), "ProductSpecs", [], "any", false, false, true, 405));
  932.             foreach ($context['_seq'] as $context["_key"] => $context["spec"]) {
  933.                 // line 406
  934.                 echo "                <dt class=\"product-detail-title\">";
  935.                 echo twig_nl2br($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["spec"], "title", [], "any", false, false, true, 406), 406, $this->source));
  936.                 echo "</dt>
  937.                 <dd class=\"product-detail-desc\">";
  938.                 // line 407
  939.                 echo twig_nl2br($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["spec"], "content", [], "any", false, false, true, 407), 407, $this->source));
  940.                 echo "</dd>
  941.                 ";
  942.             }
  943.             $_parent = $context['_parent'];
  944.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['spec'], $context['_parent'], $context['loop']);
  945.             $context = array_intersect_key($context, $_parent) + $_parent;
  946.             // line 409
  947.             echo "            </dl>
  948.             ";
  949.         }
  950.         // line 411
  951.         echo "        </div>
  952.     </section>
  953.     ";
  954.         // line 413
  955.         $this->loadTemplate("Block/recommend_product_block.twig", "Product/detail.twig", 413)->display($context);
  956.         // line 414
  957.         echo "    ";
  958.         $this->loadTemplate("Block/recommend_recipe.twig", "Product/detail.twig", 414)->display(twig_array_merge($context, ["Product" => (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 414, $this->source); })()), "recommend_recipe_title" => "この商品を使ったレシピ"]));
  959.         
  960.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  962.         
  963.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  965.     }
  967.     public function getTemplateName()
  968.     {
  969.         return "Product/detail.twig";
  970.     }
  972.     public function isTraitable()
  973.     {
  974.         return false;
  975.     }
  977.     public function getDebugInfo()
  978.     {
  979.         return array (  957 => 414,  955 => 413,  951 => 411,  947 => 409,  939 => 407,  934 => 406,  930 => 405,  927 => 404,  925 => 403,  921 => 401,  917 => 399,  911 => 396,  908 => 395,  902 => 392,  899 => 391,  897 => 390,  892 => 389,  890 => 388,  879 => 382,  874 => 380,  869 => 378,  865 => 377,  856 => 371,  853 => 370,  847 => 367,  844 => 366,  838 => 363,  831 => 359,  827 => 358,  822 => 357,  819 => 356,  813 => 353,  809 => 352,  806 => 351,  804 => 350,  799 => 348,  795 => 347,  792 => 346,  790 => 345,  787 => 344,  785 => 343,  779 => 341,  775 => 339,  767 => 336,  752 => 334,  743 => 333,  726 => 332,  722 => 330,  718 => 329,  714 => 328,  711 => 327,  708 => 326,  706 => 325,  694 => 322,  691 => 321,  688 => 320,  685 => 318,  678 => 314,  675 => 313,  672 => 312,  663 => 308,  660 => 307,  653 => 303,  650 => 302,  648 => 301,  645 => 300,  643 => 299,  640 => 298,  632 => 295,  629 => 294,  626 => 293,  622 => 291,  612 => 289,  610 => 288,  603 => 287,  601 => 286,  598 => 285,  596 => 284,  593 => 283,  588 => 281,  586 => 280,  580 => 278,  577 => 277,  574 => 275,  563 => 273,  559 => 272,  556 => 271,  551 => 269,  546 => 265,  529 => 262,  524 => 261,  522 => 257,  505 => 256,  501 => 254,  490 => 252,  468 => 250,  450 => 249,  433 => 235,  423 => 228,  414 => 222,  407 => 217,  397 => 216,  382 => 210,  378 => 209,  374 => 208,  370 => 207,  366 => 205,  360 => 203,  358 => 202,  353 => 201,  350 => 200,  340 => 198,  326 => 196,  318 => 195,  300 => 194,  295 => 192,  272 => 172,  262 => 165,  232 => 138,  227 => 135,  218 => 129,  214 => 127,  212 => 126,  209 => 125,  200 => 119,  196 => 117,  194 => 116,  111 => 35,  103 => 33,  101 => 32,  96 => 30,  93 => 29,  91 => 28,  77 => 17,  74 => 16,  64 => 15,  53 => 11,  51 => 13,  38 => 11,);
  980.     }
  982.     public function getSourceContext()
  983.     {
  984.         return new Source("{#
  985. This file is part of EC-CUBE
  987. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  989. http://www.ec-cube.co.jp/
  991. For the full copyright and license information, please view the LICENSE
  992. file that was distributed with this source code.
  993. #}
  994. {% extends 'default_frame.twig' %}
  996. {% set body_class = 'product_page' %}
  998. {% block javascript %}
  999.     <script>
  1000.         eccube.classCategories = {{ class_categories_as_json(Product)|raw }};
  1002.         // 規格2に選択肢を割り当てる。
  1003.         function fnSetClassCategories(form, classcat_id2_selected) {
  1004.             var \$form = \$(form);
  1005.             var product_id = \$form.find('input[name=product_id]').val();
  1006.             var \$sele1 = \$form.find('select[name=classcategory_id1]');
  1007.             var \$sele2 = \$form.find('select[name=classcategory_id2]');
  1008.             eccube.setClassCategories(\$form, product_id, \$sele1, \$sele2, classcat_id2_selected);
  1009.         }
  1011.         {% if form.classcategory_id2 is defined %}
  1012.         fnSetClassCategories(
  1013.             \$('#form1'), {{ form.classcategory_id2.vars.value|json_encode|raw }}
  1014.         );
  1015.         {% elseif form.classcategory_id1 is defined %}
  1016.         eccube.checkStock(\$('#form1'), {{ Product.id }}, {{ form.classcategory_id1.vars.value|json_encode|raw }}, null);
  1017.         {% endif %}
  1018.     </script>
  1019.     <script>
  1020.         \$(function() {
  1021.             // bfcache無効化
  1022.             \$(window).bind('pageshow', function(event) {
  1023.                 if (event.originalEvent.persisted) {
  1024.                     location.reload(true);
  1025.                 }
  1026.             });
  1028.             // Core Web Vital の Cumulative Layout Shift(CLS)対策のため
  1029.             // img タグに width, height が付与されている.
  1030.             // 630px 未満の画面サイズでは縦横比が壊れるための対策
  1031.             // see https://github.com/EC-CUBE/ec-cube/pull/5023
  1032.             \$('.product-slider').hide();
  1033.             var removeSize = function () {
  1034.                 \$('.product-slide-item').height('');
  1035.                 \$('.product-slide-item img')
  1036.                     .removeAttr('width')
  1037.                     .removeAttr('height')
  1038.                     .removeAttr('style');
  1039.             };
  1040.             var slickInitial = function(slick) {
  1041.                 \$('.product-slider').fadeIn(1500);
  1042.                 var baseHeight = \$(slick.target).height();
  1043.                 var baseWidth = \$(slick.target).width();
  1044.                 var rate = baseWidth / baseHeight;
  1046.                 \$('.product-slide-item').height(baseHeight * rate); // 余白を削除する
  1047.                 // transform を使用することでCLSの影響を受けないようにする
  1048.                 \$('.product-slide-item img')
  1049.                     .css(
  1050.                         {
  1051.                             'transform-origin': 'top left',
  1052.                             'transform': 'scaleY(' + rate + ')',
  1053.                             'transition': 'transform .1s'
  1054.                         }
  1055.                     );
  1056.                 // 正しいサイズに近くなったら属性を解除する
  1057.                 setTimeout(removeSize, 500);
  1058.             };
  1059.             \$('.product-slide').on('init', slickInitial);
  1060.             // リサイズ時は CLS の影響を受けないため属性を解除する
  1061.             \$(window).resize(removeSize);
  1062.             \$('.product-slide').slick({
  1063.                 dots: false,
  1064.                 arrows: false,
  1065.                 responsive: [{
  1066.                     breakpoint: 769,
  1067.                     settings: {
  1068.                         dots: true
  1069.                     }
  1070.                 }],
  1071.             });
  1073.             let switchThumb = function(index) {
  1074.                 \$('.product-thumb-item').removeClass('is-active');
  1075.                 \$('.product-thumb-item').each(function() {
  1076.                     let targetIndex = \$(this).data('index');
  1077.                     if(index == targetIndex) {
  1078.                         \$(this).addClass('is-active');
  1079.                     }
  1080.                 })
  1081.             }
  1083.             \$('.product-slide').on('afterChange', function(event, slick, direction) {
  1084.                 switchThumb(direction);
  1085.             })
  1087.             \$('.product-thumb-item').eq(0).addClass('is-active');
  1088.             \$('.product-thumb-item').on('click', function() {
  1089.                 var index = \$(this).attr('data-index');
  1090.                 \$('.product-slide').slick('slickGoTo', index, false);
  1091.                 \$('.product-thumb-item').removeClass('is-active');
  1092.                 \$(this).addClass('is-active');
  1093.             })
  1094.         });
  1095.     </script>
  1096.     <script>
  1097.         \$(function() {
  1098.             \$('.add-cart').on('click', function(event) {
  1099.                 {% if form.classcategory_id1 is defined %}
  1100.                 // 規格1フォームの必須チェック
  1101.                 if (\$('#classcategory_id1').val() == '__unselected' || \$('#classcategory_id1').val() == '') {
  1102.                     \$('#classcategory_id1')[0].setCustomValidity('{{ '項目が選択されていません'|trans }}');
  1103.                     return true;
  1104.                 } else {
  1105.                     \$('#classcategory_id1')[0].setCustomValidity('');
  1106.                 }
  1107.                 {% endif %}
  1109.                 {% if form.classcategory_id2 is defined %}
  1110.                 // 規格2フォームの必須チェック
  1111.                 if (\$('#classcategory_id2').val() == '__unselected' || \$('#classcategory_id2').val() == '') {
  1112.                     \$('#classcategory_id2')[0].setCustomValidity('{{ '項目が選択されていません'|trans }}');
  1113.                     return true;
  1114.                 } else {
  1115.                     \$('#classcategory_id2')[0].setCustomValidity('');
  1116.                 }
  1117.                 {% endif %}
  1119.                 // 個数フォームのチェック
  1120.                 if (\$('#quantity').val() < 1) {
  1121.                     \$('#quantity')[0].setCustomValidity('{{ '1以上で入力してください。'|trans }}');
  1122.                     return true;
  1123.                 } else {
  1124.                     \$('#quantity')[0].setCustomValidity('');
  1125.                 }
  1127.                 event.preventDefault();
  1128.                 \$form = \$('#form1');
  1129.                 \$.ajax({
  1130.                     url: \$form.attr('action'),
  1131.                     type: \$form.attr('method'),
  1132.                     data: \$form.serialize(),
  1133.                     dataType: 'json',
  1134.                     beforeSend: function(xhr, settings) {
  1135.                         // Buttonを無効にする
  1136.                         \$('.add-cart').prop('disabled', true);
  1137.                     }
  1138.                 }).done(function(data) {
  1139.                     // レスポンス内のメッセージをalertで表示
  1140.                     \$.each(data.messages, function() {
  1141.                         \$('#ec-modal-header').text(this);
  1142.                     });
  1144.                     \$('.ec-modal').show()
  1146.                     // カートブロックを更新する
  1147.                     \$.ajax({
  1148.                         url: \"{{ url('block_cart') }}\",
  1149.                         type: 'GET',
  1150.                         dataType: 'html'
  1151.                     }).done(function(html) {
  1152.                         \$('.ec-headerRole__cart').html(html);
  1153.                     });
  1154.                 }).fail(function(data) {
  1155.                     alert('{{ 'カートへの追加に失敗しました。'|trans }}');
  1156.                 }).always(function(data) {
  1157.                     // Buttonを有効にする
  1158.                     \$('.add-cart').prop('disabled', false);
  1159.                 });
  1160.             });
  1161.         });
  1163.         \$('.ec-modal-wrap').on('click', function(e) {
  1164.             // モーダル内の処理は外側にバブリングさせない
  1165.             e.stopPropagation();
  1166.         });
  1167.         \$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .modal-button-cancel').on('click', function() {
  1168.             \$('.ec-modal').hide()
  1169.         });
  1170.     </script>
  1171.     <script type=\"application/ld+json\">
  1172.     {
  1173.         \"@context\": \"https://schema.org/\",
  1174.         \"@type\": \"Product\",
  1175.         \"name\": \"{{ Product.name }}\",
  1176.         \"image\": [
  1177.             {% for img in Product.ProductImage %}
  1178.                 \"{{ app.request.schemeAndHttpHost }}{{ asset(img, 'save_image') }}\"{% if not loop.last %},{% endif %}
  1180.             {% else %}
  1181.                 \"{{ app.request.schemeAndHttpHost }}{{ asset(''|no_image_product, 'save_image') }}\"
  1182.             {% endfor %}
  1183.         ],
  1184.         \"description\": \"{{ Product.description_list | default(Product.description_detail) | replace({'\\n': '', '\\r': ''}) | slice(0,300) }}\",
  1185.         {% if Product.code_min %}
  1186.         \"sku\": \"{{ Product.code_min }}\",
  1187.         {% endif %}
  1188.         \"offers\": {
  1189.             \"@type\": \"Offer\",
  1190.             \"url\": \"{{ url('product_detail', {'id': Product.id}) }}\",
  1191.             \"priceCurrency\": \"{{ eccube_config.currency }}\",
  1192.             \"price\": {{ Product.getPrice02IncTaxMin ? Product.getPrice02IncTaxMin : 0}},
  1193.             \"availability\": \"{{ Product.stock_find ? \"InStock\" : \"OutOfStock\" }}\"
  1194.         }
  1195.     }
  1196.     </script>
  1197. {% endblock %}
  1199. {% block main %}
  1200.     <section class=\"p-lower-mv\">
  1201.         <div class=\"inner\">
  1202.             <div class=\"under bread_wrap\">
  1203.                 <ol itemscope itemtype=\"https://schema.org/BreadcrumbList\">
  1204.                     <li itemprop=\"itemListElement\" itemscope itemtype=\"https://schema.org/ListItem\">
  1205.                         <a itemprop=\"item\" href=\"{{ url('homepage') }}\">
  1206.                             <span class=\"freight-neo-pro\" itemprop=\"name\">TOP</span>
  1207.                         </a>
  1208.                         <meta itemprop=\"position\" content=\"1\" />
  1209.                     </li>
  1210.                     <li itemprop=\"itemListElement\" itemscope itemtype=\"https://schema.org/ListItem\">
  1211.                         <a itemprop=\"item\" href=\"{{ url('product_list') }}\">
  1212.                         <span class=\"freight-neo-pro\" itemprop=\"name\">商品一覧</span>
  1213.                         </a>
  1214.                         <meta itemprop=\"position\" content=\"2\" />
  1215.                     </li>
  1216.                     <li itemprop=\"itemListElement\" itemscope itemtype=\"https://schema.org/ListItem\">
  1217.                         <a itemprop=\"item\">
  1218.                         <span class=\"freight-neo-pro\" itemprop=\"name\">{{ Product.name }}</span>
  1219.                         </a>
  1220.                         <meta itemprop=\"position\" content=\"3\" />
  1221.                     </li>
  1222.                 </ol>
  1223.             </div>
  1224.             <!-- /.bread_wrap -->
  1225.         </div>
  1226.     </section>
  1227.     <section class=\"product-detail\">
  1228.         <div class=\"inner\">
  1229.             <div class=\"product-detail-wrap\">
  1230.                 <div class=\"product-slider\">
  1231.                     <div class=\"product-slide\">
  1232.                         {% for ProductImage in Product.ProductImage %}
  1233.                             <div class=\"product-slide-item\"><img src=\"{{ asset(ProductImage, 'save_image') }}\" alt=\"{{ loop.first ? Product.name : '' }}\" width=\"550\" height=\"550\"{% if loop.index > 1 %} loading=\"lazy\"{% endif %}></div>
  1234.                         {% else %}
  1235.                             <div class=\"product-slide-item\"><img src=\"{{ asset(''|no_image_product, 'save_image') }}\" alt=\"{{ loop.first ? Product.name : '' }}\" width=\"550\" height=\"550\"></div>
  1236.                         {% endfor %}
  1237.                     </div>
  1238.                     <div class=\"product-thumb\">
  1239.                         {% for ProductImage in Product.ProductImage %}
  1240.                             {# {% if loop.index0 == 0 %}
  1241.                                 <div class=\"product-thumb-item is-active\" data-index=\"{{ loop.index0 }}\"><img src=\"{{ asset(ProductImage, 'save_image') }}\" alt=\"\" width=\"133\" height=\"133\" loading=\"lazy\"></div>
  1242.                             {% else %}
  1243.                             {% endif %} #}
  1244.                             <div class=\"product-thumb-item\" data-index=\"{{ loop.index0 }}\">
  1245.                                 <img src=\"{{ asset(ProductImage, 'save_image') }}\" alt=\"\" width=\"133\" height=\"133\" loading=\"lazy\">
  1246.                             </div>
  1247.                         {% endfor %}
  1248.                     </div>
  1249.                 </div>
  1250.                 <div class=\"product-info\">
  1251.                     {# 商品名 #}
  1252.                     <h2 class=\"product-name\">{{ Product.name }}</h2>
  1253.                     {# タグ #}
  1254.                     <!-- <ul class=\"ec-productRole__tags\">
  1255.                         {% for Tag in Product.Tags %}
  1256.                             <li class=\"ec-productRole__tag tag_{{ Tag.id }}\">{{ Tag }}</li>
  1257.                         {% endfor %}
  1258.                     </ul> -->
  1259.                     {# フリーエリア #}
  1260.                     {% if Product.freearea %}
  1261.                     <p class=\"product-free-text\">{{ include(template_from_string(Product.freearea), sandboxed = true) }}</p>
  1262.                     {% endif %}
  1263.                     {# 商品説明 #}
  1264.                     <div class=\"product-text\">{{ Product.description_detail|raw|nl2br }}</div>
  1265.                     {# 通常価格 #}
  1266.                     <div class=\"product-price-wrap\">
  1267.                         {% if Product.hasProductClass -%}
  1268.                             <p class=\"product-regular-price\">
  1269.                                 {% if Product.getPrice01Min is not null and Product.getPrice01IncTaxMin == Product.getPrice01IncTaxMax %}
  1270.                                     {{ '通常価格'|trans }}：<span class=\"price\">{{ Product.getPrice01IncTaxMin }}</span><span class=\"tax\">円（税込）</span>
  1271.                                 {% elseif Product.getPrice01Min is not null and Product.getPrice01Max is not null %}
  1272.                                     {{ '通常価格'|trans }}：<span class=\"price\">{{ Product.getPrice01IncTaxMin }}～ {{ Product.getPrice01IncTaxMax }}</span><span class=\"tax\">円（税込）</span>
  1273.                                 {% endif %}
  1274.                             </p>
  1275.                         {% else %}
  1276.                             {% if Product.getPrice01Max is not null %}
  1277.                             <p class=\"product-regular-price\">
  1278.                                 {{ '通常価格'|trans }}：<span class=\"price\">{{ Product.getPrice01IncTaxMin }}</span><span class=\"tax\">円（税込）</span>
  1279.                             </p>
  1280.                             {% endif %}
  1281.                         {% endif %}
  1282.                         {# 販売価格 #}
  1283.                         {% if Product.hasProductClass -%}
  1284.                             {% if Product.getPrice02IncTaxMin == Product.getPrice02IncTaxMax %}
  1285.                                 <p class=\"product-price\">
  1286.                                     <span class=\"price\">{{ Product.getPrice02IncTaxMin }}</span>
  1287.                                     <span class=\"tax\">円（税込）</span>
  1288.                                 </p>
  1289.                             {% else %}
  1290.                                 <p class=\"product-price\">
  1291.                                     <span class=\"price\">{{ Product.getPrice02IncTaxMin }} ～ {{ Product.getPrice02IncTaxMax }}</span>
  1292.                                     <span class=\"tax\">円（税込）</span>
  1293.                                 </p>
  1294.                             {% endif %}
  1295.                         {% else %}
  1296.                             <p class=\"product-price\">
  1297.                                 <span class=\"price\">{{ Product.getPrice02IncTaxMin }}</span>
  1298.                                 <span class=\"tax\">円（税込）</span>
  1299.                             </p>
  1300.                         {% endif %}
  1301.                     </div>
  1302.                     {# 商品コード #}
  1303.                     {% if Product.code_min is not empty %}
  1304.                         <!-- <div class=\"ec-productRole__code\">
  1305.                             {{ '商品コード'|trans }}： <span class=\"product-code-default\">{{ Product.code_min }}{% if Product.code_min != Product.code_max %} ～ {{ Product.code_max }}{% endif %}</span>
  1306.                         </div> -->
  1307.                     {% endif %}
  1308.                     {# 関連カテゴリ #}
  1309.                     {% if Product.ProductCategories is not empty %}
  1310.                         <!-- <div class=\"ec-productRole__category\">
  1311.                             <div>{{ '関連カテゴリ'|trans }}</div>
  1312.                             {% for ProductCategory in Product.ProductCategories %}
  1313.                                 <ul>
  1314.                                     <li>
  1315.                                         {% for Category in ProductCategory.Category.path %}
  1316.                                             <a href=\"{{ url('product_list') }}?category_id={{ Category.id }}\">{{ Category.name }}</a> {%- if loop.last == false %}
  1317.                                             <span>＞</span>{% endif -%}
  1318.                                         {% endfor %}
  1319.                                     </li>
  1320.                                 </ul>
  1321.                             {% endfor %}
  1322.                         </div> -->
  1323.                     {% endif %}
  1324.                     <form action=\"{{ url('product_add_cart', {id:Product.id}) }}\" method=\"post\" id=\"form1\" name=\"form1\">
  1325.                         <div class=\"product-cart-wrap\">
  1326.                             {% if Product.stock_find %}
  1327.                                 <div class=\"product-cart-amount\">
  1328.                                     {% if form.classcategory_id1 is defined %}
  1329.                                         <div class=\"ec-select\">
  1330.                                             {{ form_row(form.classcategory_id1) }}
  1331.                                             {{ form_errors(form.classcategory_id1) }}
  1332.                                         </div>
  1333.                                         {% if form.classcategory_id2 is defined %}
  1334.                                             <div class=\"ec-select\">
  1335.                                                 {{ form_row(form.classcategory_id2) }}
  1336.                                                 {{ form_errors(form.classcategory_id2) }}
  1337.                                             </div>
  1338.                                         {% endif %}
  1339.                                     {% endif %}
  1340.                                     <div class=\"ec-numberInput\"><span>{{ '数量'|trans }}</span>
  1341.                                         {{ form_widget(form.quantity) }}
  1342.                                         {{ form_errors(form.quantity) }}
  1343.                                     </div>
  1344.                                 </div>
  1345.                                 <button type=\"submit\" class=\"product-cart-button add-cart\">
  1346.                                     <span>{{ 'カートに入れる'|trans }}</span>
  1347.                                 </button>
  1348.                             {% else %}
  1349.                                 <button type=\"button\" class=\"product-cart-button\" disabled=\"disabled\">
  1350.                                     <span>{{ 'ただいま品切れ中です。'|trans }}</span>
  1351.                                 </button>
  1352.                             {% endif %}
  1353.         
  1354.                             {{ form_rest(form) }}
  1355.                         </div>
  1356.                     </form>
  1357.                     <div class=\"ec-modal\">
  1358.                         <div class=\"ec-modal-overlay\">
  1359.                             <div class=\"ec-modal-wrap\">
  1360.                                 <span class=\"ec-modal-close\"><span class=\"ec-icon\"><img src=\"{{ asset('assets/icon/cross-dark.svg') }}\" alt=\"\"/></span></span>
  1361.                                 <div id=\"ec-modal-header\" class=\"text-center\">{{ 'カートに追加しました。'|trans }}</div>
  1362.                                 <div class=\"modal-button-wrap\">
  1363.                                     <span class=\"modal-button-cancel\">{{ 'お買い物を続ける'|trans }}</span>
  1364.                                     <div class=\"modal-button-cart\">
  1365.                                         <a href=\"{{ url('cart') }}\">{{ 'カートへ進む'|trans }}</a>
  1366.                                     </div>
  1367.                                 </div>
  1368.                             </div>
  1369.                         </div>
  1370.                     </div>
  1371.                     {% if BaseInfo.option_favorite_product %}
  1372.                         <form action=\"{{ url('product_add_favorite', {id:Product.id}) }}\" method=\"post\">
  1373.                             {% if is_favorite == false %}
  1374.                                 <button type=\"submit\" id=\"favorite\" class=\"favorite-button\">
  1375.                                     <span>{{ 'お気に入りに追加'|trans }}</span>
  1376.                                 </button>
  1377.                             {% else %}
  1378.                                 <button type=\"submit\" id=\"favorite\" class=\"favorite-button is-active\" disabled=\"disabled\">
  1379.                                     <span>{{ 'お気に入りに追加済です。'|trans }}</span>
  1380.                                 </button>
  1381.                             {% endif %}
  1382.                         </form>
  1383.                     {% endif %}
  1384.                 </div>
  1385.             </div>
  1386.             {% if Product.ProductSpecs|length > 0 %}
  1387.             <dl class=\"product-detail-list\">
  1388.                 {% for spec in Product.ProductSpecs %}
  1389.                 <dt class=\"product-detail-title\">{{ spec.title|raw|nl2br }}</dt>
  1390.                 <dd class=\"product-detail-desc\">{{ spec.content|raw|nl2br }}</dd>
  1391.                 {% endfor %}
  1392.             </dl>
  1393.             {% endif %}
  1394.         </div>
  1395.     </section>
  1396.     {% include 'Block/recommend_product_block.twig' %}
  1397.     {% include 'Block/recommend_recipe.twig' with {'Product': Product, 'recommend_recipe_title': 'この商品を使ったレシピ'} %}
  1398. {% endblock %}
  1399. ", "Product/detail.twig", "/home/hirota-s.com/public_html/app/template/default/Product/detail.twig");
  1400.     }
  1401.     
  1402.     public function checkSecurity()
  1403.     {
  1404.         static $tags = array("set" => 13, "if" => 28, "for" => 194, "include" => 413);
  1405.         static $filters = array("raw" => 17, "json_encode" => 30, "escape" => 33, "trans" => 119, "no_image_product" => 198, "slice" => 201, "replace" => 201, "default" => 201, "nl2br" => 281, "length" => 403);
  1406.         static $functions = array("class_categories_as_json" => 17, "url" => 165, "asset" => 195, "include" => 278, "template_from_string" => 278, "form_row" => 347, "form_errors" => 348, "form_widget" => 358, "form_rest" => 371);
  1408.         try {
  1409.             $this->sandbox->checkSecurity(
  1410.                 ['set', 'if', 'for', 'include'],
  1411.                 ['raw', 'json_encode', 'escape', 'trans', 'no_image_product', 'slice', 'replace', 'default', 'nl2br', 'length'],
  1412.                 ['class_categories_as_json', 'url', 'asset', 'include', 'template_from_string', 'form_row', 'form_errors', 'form_widget', 'form_rest']
  1413.             );
  1414.         } catch (SecurityError $e) {
  1415.             $e->setSourceContext($this->source);
  1417.             if ($e instanceof SecurityNotAllowedTagError && isset($tags[$e->getTagName()])) {
  1418.                 $e->setTemplateLine($tags[$e->getTagName()]);
  1419.             } elseif ($e instanceof SecurityNotAllowedFilterError && isset($filters[$e->getFilterName()])) {
  1420.                 $e->setTemplateLine($filters[$e->getFilterName()]);
  1421.             } elseif ($e instanceof SecurityNotAllowedFunctionError && isset($functions[$e->getFunctionName()])) {
  1422.                 $e->setTemplateLine($functions[$e->getFunctionName()]);
  1423.             }
  1425.             throw $e;
  1426.         }
  1428.     }
  1429. }