var/cache/dev/twig/31/31a2660668cfac9a4ecd69e653b9955366e17357033e5f676ee3791570362f12.php line 52

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  15. /* __string_template__9fdf1f4823b5bb57824e9631b737690f45c3bdcb3223bb302d3721856cab2d59 */
  16. class __TwigTemplate_6352ea6d68d38bd94f28f186f04e46945a7bb2f239f9aa9508b84812196392a0 extends \Eccube\Twig\Template
  17. {
  18.     private $source;
  19.     private $macros = [];
  21.     public function __construct(Environment $env)
  22.     {
  23.         parent::__construct($env);
  25.         $this->source = $this->getSourceContext();
  27.         $this->blocks = [
  28.             'javascript' => [$this, 'block_javascript'],
  29.             'main' => [$this, 'block_main'],
  30.         ];
  31.     }
  33.     protected function doGetParent(array $context)
  34.     {
  35.         // line 11
  36.         return "default_frame.twig";
  37.     }
  39.     protected function doDisplay(array $context, array $blocks = [])
  40.     {
  41.         $macros = $this->macros;
  42.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  43.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "__string_template__9fdf1f4823b5bb57824e9631b737690f45c3bdcb3223bb302d3721856cab2d59"));
  45.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  46.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "__string_template__9fdf1f4823b5bb57824e9631b737690f45c3bdcb3223bb302d3721856cab2d59"));
  48.         // line 13
  49.         $context["body_class"] = "product_page";
  50.         // line 11
  51.         $this->parent = $this->loadTemplate("default_frame.twig", "__string_template__9fdf1f4823b5bb57824e9631b737690f45c3bdcb3223bb302d3721856cab2d59", 11);
  52.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  53.         
  54.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  56.         
  57.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  59.     }
  61.     // line 17
  62.     public function block_javascript($context, array $blocks = [])
  63.     {
  64.         $macros = $this->macros;
  65.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  66.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  68.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  69.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  71.         // line 18
  72.         echo "    <script>
  73.         eccube.classCategories = ";
  74.         // line 19
  75.         echo $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getClassCategoriesAsJson((isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 19, $this->source); })()));
  76.         echo ";
  78.         // 規格2に選択肢を割り当てる。
  79.         function fnSetClassCategories(form, classcat_id2_selected) {
  80.             var \$form = \$(form);
  81.             var product_id = \$form.find('input[name=product_id]').val();
  82.             var \$sele1 = \$form.find('select[name=classcategory_id1]');
  83.             var \$sele2 = \$form.find('select[name=classcategory_id2]');
  84.             eccube.setClassCategories(\$form, product_id, \$sele1, \$sele2, classcat_id2_selected);
  85.         }
  87.         ";
  88.         // line 30
  89.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, false, 30)) {
  90.             // line 31
  91.             echo "        fnSetClassCategories(
  92.             \$('#form1'), ";
  93.             // line 32
  94.             echo json_encode(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.', 32, $this->source); })()), "classcategory_id2", [], "any", false, false, false, 32), "vars", [], "any", false, false, false, 32), "value", [], "any", false, false, false, 32));
  95.             echo "
  96.         );
  97.         ";
  98.         } elseif (twig_get_attribute($this->env, $this->source,         // line 34
  99. ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, false, 34)) {
  100.             // line 35
  101.             echo "        eccube.checkStock(\$('#form1'), ";
  102.             echo 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.', 35, $this->source); })()), "id", [], "any", false, false, false, 35), "html", null, true);
  103.             echo ", ";
  104.             echo json_encode(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.', 35, $this->source); })()), "classcategory_id1", [], "any", false, false, false, 35), "vars", [], "any", false, false, false, 35), "value", [], "any", false, false, false, 35));
  105.             echo ", null);
  106.         ";
  107.         }
  108.         // line 37
  109.         echo "    </script>
  110.     <script>
  111.         \$(function() {
  112.             // bfcache無効化
  113.             \$(window).bind('pageshow', function(event) {
  114.                 if (event.originalEvent.persisted) {
  115.                     location.reload(true);
  116.                 }
  117.             });
  119.             // Core Web Vital の Cumulative Layout Shift(CLS)対策のため
  120.             // img タグに width, height が付与されている.
  121.             // 630px 未満の画面サイズでは縦横比が壊れるための対策
  122.             // see https://github.com/EC-CUBE/ec-cube/pull/5023
  123.             \$('.ec-grid2__cell').hide();
  124.             var removeSize = function () {
  125.                 \$('.slide-item').height('');
  126.                 \$('.slide-item img')
  127.                     .removeAttr('width')
  128.                     .removeAttr('height')
  129.                     .removeAttr('style');
  130.             };
  131.             var slickInitial = function(slick) {
  132.                 \$('.ec-grid2__cell').fadeIn(1500);
  133.                 var baseHeight = \$(slick.target).height();
  134.                 var baseWidth = \$(slick.target).width();
  135.                 var rate = baseWidth / baseHeight;
  137.                 \$('.slide-item').height(baseHeight * rate); // 余白を削除する
  138.                 // transform を使用することでCLSの影響を受けないようにする
  139.                 \$('.slide-item img')
  140.                     .css(
  141.                         {
  142.                             'transform-origin': 'top left',
  143.                             'transform': 'scaleY(' + rate + ')',
  144.                             'transition': 'transform .1s'
  145.                         }
  146.                     );
  147.                 // 正しいサイズに近くなったら属性を解除する
  148.                 setTimeout(removeSize, 500);
  149.             };
  150.             \$('.item_visual').on('init', slickInitial);
  151.             // リサイズ時は CLS の影響を受けないため属性を解除する
  152.             \$(window).resize(removeSize);
  153.             \$('.item_visual').slick({
  154.                 dots: false,
  155.                 arrows: false,
  156.                 responsive: [{
  157.                     breakpoint: 768,
  158.                     settings: {
  159.                     }
  160.                 }]
  161.             });
  163.             \$('.slideThumb').on('click', function() {
  164.                 var index = \$(this).attr('data-index');
  165.                 \$('.item_visual').slick('slickGoTo', index, false);
  166.             })
  167.         });
  168.     </script>
  169.     <script>
  170.         \$(function() {
  171.             \$('.add-cart').on('click', function(event) {
  172.                 ";
  173.         // line 100
  174.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, false, 100)) {
  175.             // line 101
  176.             echo "                // 規格1フォームの必須チェック
  177.                 if (\$('#classcategory_id1').val() == '__unselected' || \$('#classcategory_id1').val() == '') {
  178.                     \$('#classcategory_id1')[0].setCustomValidity('";
  179.             // line 103
  180.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("項目が選択されていません"), "html", null, true);
  181.             echo "');
  182.                     return true;
  183.                 } else {
  184.                     \$('#classcategory_id1')[0].setCustomValidity('');
  185.                 }
  186.                 ";
  187.         }
  188.         // line 109
  189.         echo "
  190.                 ";
  191.         // line 110
  192.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, false, 110)) {
  193.             // line 111
  194.             echo "                // 規格2フォームの必須チェック
  195.                 if (\$('#classcategory_id2').val() == '__unselected' || \$('#classcategory_id2').val() == '') {
  196.                     \$('#classcategory_id2')[0].setCustomValidity('";
  197.             // line 113
  198.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("項目が選択されていません"), "html", null, true);
  199.             echo "');
  200.                     return true;
  201.                 } else {
  202.                     \$('#classcategory_id2')[0].setCustomValidity('');
  203.                 }
  204.                 ";
  205.         }
  206.         // line 119
  207.         echo "
  208.                 // 個数フォームのチェック
  209.                 if (\$('#quantity').val() < 1) {
  210.                     \$('#quantity')[0].setCustomValidity('";
  211.         // line 122
  212.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("1以上で入力してください。"), "html", null, true);
  213.         echo "');
  214.                     return true;
  215.                 } else {
  216.                     \$('#quantity')[0].setCustomValidity('');
  217.                 }
  219.                 event.preventDefault();
  220.                 \$form = \$('#form1');
  221.                 \$.ajax({
  222.                     url: \$form.attr('action'),
  223.                     type: \$form.attr('method'),
  224.                     data: \$form.serialize(),
  225.                     dataType: 'json',
  226.                     beforeSend: function(xhr, settings) {
  227.                         // Buttonを無効にする
  228.                         \$('.add-cart').prop('disabled', true);
  229.                     }
  230.                 }).done(function(data) {
  231.                     // レスポンス内のメッセージをalertで表示
  232.                     \$.each(data.messages, function() {
  233.                         \$('#ec-modal-header').html(this);
  234.                     });
  236.                     \$('.ec-modal').show()
  238.                     // カートブロックを更新する
  239.                     \$.ajax({
  240.                         url: \"";
  241.         // line 149
  242.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("block_cart");
  243.         echo "\",
  244.                         type: 'GET',
  245.                         dataType: 'html'
  246.                     }).done(function(html) {
  247.                         \$('.cart_content').html(html);
  248.                         //固定フッターのバッジ更新
  249.                         const out_html = \$(\$.parseHTML(html));
  250.                         const badge = out_html.find('#head_cartNavi_badge').text();
  251.                         \$('#fixed_footer_badge').text(badge);
  252.                     });
  253.                 }).fail(function(data) {
  254.                     alert('";
  255.         // line 160
  256.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートへの追加に失敗しました。"), "html", null, true);
  257.         echo "');
  258.                 }).always(function(data) {
  259.                     // Buttonを有効にする
  260.                     \$('.add-cart').prop('disabled', false);
  261.                 });
  262.             });
  263.         });
  265.         \$('.ec-modal-wrap').on('click', function(e) {
  266.             // モーダル内の処理は外側にバブリングさせない
  267.             e.stopPropagation();
  268.         });
  269.         \$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .ec-inlineBtn--cancel').on('click', function() {
  270.             \$('.ec-modal').hide()
  271.         });
  272.     </script>
  273.     <script type=\"application/ld+json\">
  274.     {
  275.         \"@context\": \"https://schema.org/\",
  276.         \"@type\": \"Product\",
  277.         \"name\": \"";
  278.         // line 180
  279.         echo 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.', 180, $this->source); })()), "name", [], "any", false, false, false, 180), "html", null, true);
  280.         echo "\",
  281.         \"image\": [
  282.             ";
  283.         // line 182
  284.         $context['_parent'] = $context;
  285.         $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.', 182, $this->source); })()), "ProductImage", [], "any", false, false, false, 182));
  286.         $context['_iterated'] = false;
  287.         $context['loop'] = [
  288.           'parent' => $context['_parent'],
  289.           'index0' => 0,
  290.           'index'  => 1,
  291.           'first'  => true,
  292.         ];
  293.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  294.             $length = count($context['_seq']);
  295.             $context['loop']['revindex0'] = $length - 1;
  296.             $context['loop']['revindex'] = $length;
  297.             $context['loop']['length'] = $length;
  298.             $context['loop']['last'] = 1 === $length;
  299.         }
  300.         foreach ($context['_seq'] as $context["_key"] => $context["img"]) {
  301.             // line 183
  302.             echo "                \"";
  303.             echo twig_escape_filter($this->env, 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.', 183, $this->source); })()), "request", [], "any", false, false, false, 183), "schemeAndHttpHost", [], "any", false, false, false, 183), "html", null, true);
  304.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($context["img"], "save_image"), "html", null, true);
  305.             echo "\"";
  306.             if ( !twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 183)) {
  307.                 echo ",";
  308.             }
  309.             // line 184
  310.             echo "
  311.             ";
  312.             $context['_iterated'] = true;
  313.             ++$context['loop']['index0'];
  314.             ++$context['loop']['index'];
  315.             $context['loop']['first'] = false;
  316.             if (isset($context['loop']['length'])) {
  317.                 --$context['loop']['revindex0'];
  318.                 --$context['loop']['revindex'];
  319.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  320.             }
  321.         }
  322.         if (!$context['_iterated']) {
  323.             // line 186
  324.             echo "                \"";
  325.             echo twig_escape_filter($this->env, 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.', 186, $this->source); })()), "request", [], "any", false, false, false, 186), "schemeAndHttpHost", [], "any", false, false, false, 186), "html", null, true);
  326.             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);
  327.             echo "\"
  328.             ";
  329.         }
  330.         $_parent = $context['_parent'];
  331.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['img'], $context['_parent'], $context['loop']);
  332.         $context = array_intersect_key($context, $_parent) + $_parent;
  333.         // line 188
  334.         echo "        ],
  335.         \"description\": \"";
  336.         // line 189
  337.         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, false, 189)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["Product"] ?? null), "description_list", [], "any", false, false, false, 189), 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.', 189, $this->source); })()), "description_detail", [], "any", false, false, false, 189))) : (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.', 189, $this->source); })()), "description_detail", [], "any", false, false, false, 189))), ["
  338. " => "", " " => ""]), 0, 300), "html", null, true);
  339.         echo "\",
  340.         ";
  341.         // line 190
  342.         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.', 190, $this->source); })()), "code_min", [], "any", false, false, false, 190)) {
  343.             // line 191
  344.             echo "        \"sku\": \"";
  345.             echo 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.', 191, $this->source); })()), "code_min", [], "any", false, false, false, 191), "html", null, true);
  346.             echo "\",
  347.         ";
  348.         }
  349.         // line 193
  350.         echo "        \"offers\": {
  351.             \"@type\": \"Offer\",
  352.             \"url\": \"";
  353.         // line 195
  354.         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.', 195, $this->source); })()), "id", [], "any", false, false, false, 195)]), "html", null, true);
  355.         echo "\",
  356.             \"priceCurrency\": \"";
  357.         // line 196
  358.         echo twig_escape_filter($this->env, 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.', 196, $this->source); })()), "currency", [], "any", false, false, false, 196), "html", null, true);
  359.         echo "\",
  360.             \"availability\": \"";
  361.         // line 197
  362.         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.', 197, $this->source); })()), "stock_find", [], "any", false, false, false, 197)) ? ("InStock") : ("OutOfStock"));
  363.         echo "\"
  364.         }
  365.     }
  366.     </script>
  367. ";
  368.         
  369.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  371.         
  372.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  374.     }
  376.     // line 203
  377.     public function block_main($context, array $blocks = [])
  378.     {
  379.         $macros = $this->macros;
  380.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  381.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  383.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  384.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  386.         // line 204
  387.         echo "    
  388. <div class=\"back_btn\">
  389.     <a href=\"javascript:history.back();\" class=\"ec-inlineBtn\">＜　戻る</a>
  390. </div>
  392.     
  393.     <div class=\"ec-productRole\">
  394.         <div class=\"ec-grid2 product_detail_wrap\">
  395.             <div class=\"product_detail_img slide\">
  396.                 <div class=\"ec-sliderItemRole\">
  398.                     <div class=\"item_visual\">
  399.                         ";
  400.         // line 216
  401.         $context['_parent'] = $context;
  402.         $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.', 216, $this->source); })()), "ProductImage", [], "any", false, false, false, 216));
  403.         $context['_iterated'] = false;
  404.         $context['loop'] = [
  405.           'parent' => $context['_parent'],
  406.           'index0' => 0,
  407.           'index'  => 1,
  408.           'first'  => true,
  409.         ];
  410.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  411.             $length = count($context['_seq']);
  412.             $context['loop']['revindex0'] = $length - 1;
  413.             $context['loop']['revindex'] = $length;
  414.             $context['loop']['length'] = $length;
  415.             $context['loop']['last'] = 1 === $length;
  416.         }
  417.         foreach ($context['_seq'] as $context["_key"] => $context["ProductImage"]) {
  418.             // line 217
  419.             echo "                            <div class=\"slide-item slide_img\"><img src=\"";
  420.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($context["ProductImage"], "save_image"), "html", null, true);
  421.             echo "\" alt=\"";
  422.             ((twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 217)) ? (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.', 217, $this->source); })()), "name", [], "any", false, false, false, 217), "html", null, true))) : (print ("")));
  423.             echo "\" width=\"550\" height=\"550\"";
  424.             if ((twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 217) > 1)) {
  425.                 echo " loading=\"lazy\"";
  426.             }
  427.             echo "></div>
  428.                         ";
  429.             $context['_iterated'] = true;
  430.             ++$context['loop']['index0'];
  431.             ++$context['loop']['index'];
  432.             $context['loop']['first'] = false;
  433.             if (isset($context['loop']['length'])) {
  434.                 --$context['loop']['revindex0'];
  435.                 --$context['loop']['revindex'];
  436.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  437.             }
  438.         }
  439.         if (!$context['_iterated']) {
  440.             // line 219
  441.             echo "                            <div class=\"slide-item slide_img\"><img src=\"";
  442.             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);
  443.             echo "\" alt=\"";
  444.             ((twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 219)) ? (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.', 219, $this->source); })()), "name", [], "any", false, false, false, 219), "html", null, true))) : (print ("")));
  445.             echo "\" width=\"550\" height=\"550\"></div>
  446.                         ";
  447.         }
  448.         $_parent = $context['_parent'];
  449.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductImage'], $context['_parent'], $context['loop']);
  450.         $context = array_intersect_key($context, $_parent) + $_parent;
  451.         // line 221
  452.         echo "                    </div>
  453.                     <div class=\"item_nav\">
  454.                         ";
  455.         // line 223
  456.         $context['_parent'] = $context;
  457.         $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.', 223, $this->source); })()), "ProductImage", [], "any", false, false, false, 223));
  458.         $context['loop'] = [
  459.           'parent' => $context['_parent'],
  460.           'index0' => 0,
  461.           'index'  => 1,
  462.           'first'  => true,
  463.         ];
  464.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  465.             $length = count($context['_seq']);
  466.             $context['loop']['revindex0'] = $length - 1;
  467.             $context['loop']['revindex'] = $length;
  468.             $context['loop']['length'] = $length;
  469.             $context['loop']['last'] = 1 === $length;
  470.         }
  471.         foreach ($context['_seq'] as $context["_key"] => $context["ProductImage"]) {
  472.             // line 224
  473.             echo "                            <div class=\"slideThumb\" data-index=\"";
  474.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["loop"], "index0", [], "any", false, false, false, 224), "html", null, true);
  475.             echo "\"><img src=\"";
  476.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($context["ProductImage"], "save_image"), "html", null, true);
  477.             echo "\" alt=\"\" width=\"133\" height=\"133\" loading=\"lazy\"></div>
  478.                         ";
  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.         $_parent = $context['_parent'];
  489.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductImage'], $context['_parent'], $context['loop']);
  490.         $context = array_intersect_key($context, $_parent) + $_parent;
  491.         // line 226
  492.         echo "                    </div>
  493.                 </div>
  494.             </div>
  495.             <div class=\"product_detail_main\">
  496.                 <div class=\"ec-productRole__profile\">
  497.                     ";
  498.         // line 232
  499.         echo "                    <div class=\"ec-productRole__title\">
  500.                         <h2 class=\"ec-headingTitle\">";
  501.         // line 233
  502.         echo 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.', 233, $this->source); })()), "name", [], "any", false, false, false, 233), "html", null, true);
  503.         echo "</h2>
  504.                     </div>
  505.                     ";
  506.         // line 236
  507.         echo "                    <ul class=\"ec-productRole__tags\">
  508.                         ";
  509.         // line 237
  510.         $context['_parent'] = $context;
  511.         $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.', 237, $this->source); })()), "Tags", [], "any", false, false, false, 237));
  512.         foreach ($context['_seq'] as $context["_key"] => $context["Tag"]) {
  513.             // line 238
  514.             echo "                            <li class=\"ec-productRole__tag tag_";
  515.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Tag"], "id", [], "any", false, false, false, 238), "html", null, true);
  516.             echo "\">";
  517.             echo twig_escape_filter($this->env, $context["Tag"], "html", null, true);
  518.             echo "</li>
  519.                         ";
  520.         }
  521.         $_parent = $context['_parent'];
  522.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Tag'], $context['_parent'], $context['loop']);
  523.         $context = array_intersect_key($context, $_parent) + $_parent;
  524.         // line 240
  525.         echo "                    </ul>
  526.                     ";
  527.         // line 242
  528.         echo "                    ";
  529.         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.', 242, $this->source); })()), "code_min", [], "any", false, false, false, 242))) {
  530.             // line 243
  531.             echo "                        <div class=\"ec-productRole__code product_detail_text\">
  532.                             <div class=\"product_detail_text_l fw\">";
  533.             // line 244
  534.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("商品コード"), "html", null, true);
  535.             echo "</div>
  536.                             <div>
  537.                                 <span class=\"product-code-default\">";
  538.             // line 246
  539.             echo 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.', 246, $this->source); })()), "code_min", [], "any", false, false, false, 246), "html", null, true);
  540.             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.', 246, $this->source); })()), "code_min", [], "any", false, false, false, 246) != 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.', 246, $this->source); })()), "code_max", [], "any", false, false, false, 246))) {
  541.                 echo " ～ ";
  542.                 echo 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.', 246, $this->source); })()), "code_max", [], "any", false, false, false, 246), "html", null, true);
  543.             }
  544.             echo "</span>
  545.                             </div>
  546.                         </div>
  547.                     ";
  548.         }
  549.         // line 250
  550.         echo "                    ";
  551.         // line 251
  552.         echo "                    ";
  553.         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.', 251, $this->source); })()), "ProductCategories", [], "any", false, false, false, 251))) {
  554.             // line 252
  555.             echo "                        <div class=\"ec-productRole__category product_detail_text\">
  556.                             <div class=\"product_detail_text_l fw\">";
  557.             // line 253
  558.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("関連カテゴリ"), "html", null, true);
  559.             echo "</div>
  560.                             <div>
  561.                                 ";
  562.             // line 255
  563.             $context['_parent'] = $context;
  564.             $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.', 255, $this->source); })()), "ProductCategories", [], "any", false, false, false, 255));
  565.             foreach ($context['_seq'] as $context["_key"] => $context["ProductCategory"]) {
  566.                 // line 256
  567.                 echo "                                    <ul>
  568.                                         <li>
  569.                                             ";
  570.                 // line 258
  571.                 $context['_parent'] = $context;
  572.                 $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, false, 258), "path", [], "any", false, false, false, 258));
  573.                 $context['loop'] = [
  574.                   'parent' => $context['_parent'],
  575.                   'index0' => 0,
  576.                   'index'  => 1,
  577.                   'first'  => true,
  578.                 ];
  579.                 if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  580.                     $length = count($context['_seq']);
  581.                     $context['loop']['revindex0'] = $length - 1;
  582.                     $context['loop']['revindex'] = $length;
  583.                     $context['loop']['length'] = $length;
  584.                     $context['loop']['last'] = 1 === $length;
  585.                 }
  586.                 foreach ($context['_seq'] as $context["_key"] => $context["Category"]) {
  587.                     // line 259
  588.                     echo "                                                <a href=\"";
  589.                     echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  590.                     echo "?category_id=";
  591.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Category"], "id", [], "any", false, false, false, 259), "html", null, true);
  592.                     echo "\">";
  593.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Category"], "name", [], "any", false, false, false, 259), "html", null, true);
  594.                     echo "</a>";
  595.                     if ((twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 259) == false)) {
  596.                         // line 260
  597.                         echo "                                                <span>＞</span>";
  598.                     }
  599.                     ++$context['loop']['index0'];
  600.                     ++$context['loop']['index'];
  601.                     $context['loop']['first'] = false;
  602.                     if (isset($context['loop']['length'])) {
  603.                         --$context['loop']['revindex0'];
  604.                         --$context['loop']['revindex'];
  605.                         $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  606.                     }
  607.                 }
  608.                 $_parent = $context['_parent'];
  609.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Category'], $context['_parent'], $context['loop']);
  610.                 $context = array_intersect_key($context, $_parent) + $_parent;
  611.                 // line 262
  612.                 echo "                                        </li>
  613.                                     </ul>
  614.                                 ";
  615.             }
  616.             $_parent = $context['_parent'];
  617.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductCategory'], $context['_parent'], $context['loop']);
  618.             $context = array_intersect_key($context, $_parent) + $_parent;
  619.             // line 265
  620.             echo "                            </div>
  621.                         </div>
  622.                     ";
  623.         }
  624.         // line 268
  625.         echo "                    ";
  626.         echo twig_include($this->env, $context, "Product/sales_restrictions_cart.twig");
  627.         echo "
  628.                     <div class=\"ec-modal\">
  629.                         <div class=\"ec-modal-overlay\">
  630.                             <div class=\"ec-modal-wrap\">
  631.                                 <span class=\"ec-modal-close\"><span class=\"ec-icon\">×</span></span>
  632.                                 <div id=\"ec-modal-header\" class=\"text-center\">";
  633.         // line 273
  634.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートに追加しました。"), "html", null, true);
  635.         echo "</div>
  636.                                 <div class=\"ec-modal-box\">
  637.                                     <div class=\"ec-role\">
  638.                                         <span class=\"ec-inlineBtn--cancel\">";
  639.         // line 276
  640.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("お買い物を続ける"), "html", null, true);
  641.         echo "</span>
  642.                                         <a href=\"";
  643.         // line 277
  644.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("cart");
  645.         echo "\" class=\"ec-inlineBtn--action\">";
  646.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートへ進む"), "html", null, true);
  647.         echo "</a>
  648.                                     </div>
  649.                                 </div>
  650.                             </div>
  651.                         </div>
  652.                     </div>
  653.                     ";
  654.         // line 283
  655.         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.', 283, $this->source); })()), "option_favorite_product", [], "any", false, false, false, 283)) {
  656.             // line 284
  657.             echo "                        <form action=\"";
  658.             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.', 284, $this->source); })()), "id", [], "any", false, false, false, 284)]), "html", null, true);
  659.             echo "\" method=\"post\">
  660.                             <div class=\"ec-productRole__btn\">
  661.                                 ";
  662.             // line 286
  663.             if (((isset($context["is_favorite"]) || array_key_exists("is_favorite", $context) ? $context["is_favorite"] : (function () { throw new RuntimeError('Variable "is_favorite" does not exist.', 286, $this->source); })()) == false)) {
  664.                 // line 287
  665.                 echo "                                    <button type=\"submit\" id=\"favorite\" class=\"ec-blockBtn--cancel\">
  666.                                         ";
  667.                 // line 288
  668.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("お気に入りに追加"), "html", null, true);
  669.                 echo "
  670.                                     </button>
  671.                                 ";
  672.             } else {
  673.                 // line 291
  674.                 echo "                                    <button type=\"submit\" id=\"favorite\" class=\"ec-blockBtn--cancel\"
  675.                                             disabled=\"disabled\">";
  676.                 // line 292
  677.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("お気に入りに追加済です"), "html", null, true);
  678.                 echo "
  679.                                     </button>
  680.                                 ";
  681.             }
  682.             // line 295
  683.             echo "                            </div>
  684.                         </form>
  685.                     ";
  686.         }
  687.         // line 298
  688.         echo "                    <div class=\"ec-productRole__description\">";
  689.         echo twig_nl2br(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.', 298, $this->source); })()), "description_detail", [], "any", false, false, false, 298));
  690.         echo "
  691.                     </div>
  692.                 </div>
  693.             </div>
  694.         </div>
  695.         ";
  696.         // line 303
  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.', 303, $this->source); })()), "freearea", [], "any", false, false, false, 303)) {
  698.             // line 304
  699.             echo "             <div class=\"mt_large\">
  700.                  ";
  701.             // line 305
  702.             echo twig_include($this->env, $context, twig_template_from_string($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.', 305, $this->source); })()), "freearea", [], "any", false, false, false, 305)));
  703.             echo "
  704.             </div>
  705.         ";
  706.         }
  707.         // line 308
  708.         echo "    </div>
  709. ";
  710.         
  711.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  713.         
  714.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  716.     }
  718.     public function getTemplateName()
  719.     {
  720.         return "__string_template__9fdf1f4823b5bb57824e9631b737690f45c3bdcb3223bb302d3721856cab2d59";
  721.     }
  723.     public function isTraitable()
  724.     {
  725.         return false;
  726.     }
  728.     public function getDebugInfo()
  729.     {
  730.         return array (  708 => 308,  702 => 305,  699 => 304,  697 => 303,  688 => 298,  683 => 295,  677 => 292,  674 => 291,  668 => 288,  665 => 287,  663 => 286,  657 => 284,  655 => 283,  644 => 277,  640 => 276,  634 => 273,  625 => 268,  620 => 265,  612 => 262,  597 => 260,  588 => 259,  571 => 258,  567 => 256,  563 => 255,  558 => 253,  555 => 252,  552 => 251,  550 => 250,  539 => 246,  534 => 244,  531 => 243,  528 => 242,  525 => 240,  514 => 238,  510 => 237,  507 => 236,  502 => 233,  499 => 232,  492 => 226,  473 => 224,  456 => 223,  452 => 221,  441 => 219,  419 => 217,  401 => 216,  387 => 204,  377 => 203,  362 => 197,  358 => 196,  354 => 195,  350 => 193,  344 => 191,  342 => 190,  337 => 189,  334 => 188,  324 => 186,  310 => 184,  302 => 183,  284 => 182,  279 => 180,  256 => 160,  242 => 149,  212 => 122,  207 => 119,  198 => 113,  194 => 111,  192 => 110,  189 => 109,  180 => 103,  176 => 101,  174 => 100,  109 => 37,  101 => 35,  99 => 34,  94 => 32,  91 => 31,  89 => 30,  75 => 19,  72 => 18,  62 => 17,  51 => 11,  49 => 13,  36 => 11,);
  731.     }
  733.     public function getSourceContext()
  734.     {
  735.         return new Source("{#
  736. This file is part of EC-CUBE
  738. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  740. http://www.ec-cube.co.jp/
  742. For the full copyright and license information, please view the LICENSE
  743. file that was distributed with this source code.
  744. #}
  745. {% extends 'default_frame.twig' %}
  747. {% set body_class = 'product_page' %}
  751. {% block javascript %}
  752.     <script>
  753.         eccube.classCategories = {{ class_categories_as_json(Product)|raw }};
  755.         // 規格2に選択肢を割り当てる。
  756.         function fnSetClassCategories(form, classcat_id2_selected) {
  757.             var \$form = \$(form);
  758.             var product_id = \$form.find('input[name=product_id]').val();
  759.             var \$sele1 = \$form.find('select[name=classcategory_id1]');
  760.             var \$sele2 = \$form.find('select[name=classcategory_id2]');
  761.             eccube.setClassCategories(\$form, product_id, \$sele1, \$sele2, classcat_id2_selected);
  762.         }
  764.         {% if form.classcategory_id2 is defined %}
  765.         fnSetClassCategories(
  766.             \$('#form1'), {{ form.classcategory_id2.vars.value|json_encode|raw }}
  767.         );
  768.         {% elseif form.classcategory_id1 is defined %}
  769.         eccube.checkStock(\$('#form1'), {{ Product.id }}, {{ form.classcategory_id1.vars.value|json_encode|raw }}, null);
  770.         {% endif %}
  771.     </script>
  772.     <script>
  773.         \$(function() {
  774.             // bfcache無効化
  775.             \$(window).bind('pageshow', function(event) {
  776.                 if (event.originalEvent.persisted) {
  777.                     location.reload(true);
  778.                 }
  779.             });
  781.             // Core Web Vital の Cumulative Layout Shift(CLS)対策のため
  782.             // img タグに width, height が付与されている.
  783.             // 630px 未満の画面サイズでは縦横比が壊れるための対策
  784.             // see https://github.com/EC-CUBE/ec-cube/pull/5023
  785.             \$('.ec-grid2__cell').hide();
  786.             var removeSize = function () {
  787.                 \$('.slide-item').height('');
  788.                 \$('.slide-item img')
  789.                     .removeAttr('width')
  790.                     .removeAttr('height')
  791.                     .removeAttr('style');
  792.             };
  793.             var slickInitial = function(slick) {
  794.                 \$('.ec-grid2__cell').fadeIn(1500);
  795.                 var baseHeight = \$(slick.target).height();
  796.                 var baseWidth = \$(slick.target).width();
  797.                 var rate = baseWidth / baseHeight;
  799.                 \$('.slide-item').height(baseHeight * rate); // 余白を削除する
  800.                 // transform を使用することでCLSの影響を受けないようにする
  801.                 \$('.slide-item img')
  802.                     .css(
  803.                         {
  804.                             'transform-origin': 'top left',
  805.                             'transform': 'scaleY(' + rate + ')',
  806.                             'transition': 'transform .1s'
  807.                         }
  808.                     );
  809.                 // 正しいサイズに近くなったら属性を解除する
  810.                 setTimeout(removeSize, 500);
  811.             };
  812.             \$('.item_visual').on('init', slickInitial);
  813.             // リサイズ時は CLS の影響を受けないため属性を解除する
  814.             \$(window).resize(removeSize);
  815.             \$('.item_visual').slick({
  816.                 dots: false,
  817.                 arrows: false,
  818.                 responsive: [{
  819.                     breakpoint: 768,
  820.                     settings: {
  821.                     }
  822.                 }]
  823.             });
  825.             \$('.slideThumb').on('click', function() {
  826.                 var index = \$(this).attr('data-index');
  827.                 \$('.item_visual').slick('slickGoTo', index, false);
  828.             })
  829.         });
  830.     </script>
  831.     <script>
  832.         \$(function() {
  833.             \$('.add-cart').on('click', function(event) {
  834.                 {% if form.classcategory_id1 is defined %}
  835.                 // 規格1フォームの必須チェック
  836.                 if (\$('#classcategory_id1').val() == '__unselected' || \$('#classcategory_id1').val() == '') {
  837.                     \$('#classcategory_id1')[0].setCustomValidity('{{ '項目が選択されていません'|trans }}');
  838.                     return true;
  839.                 } else {
  840.                     \$('#classcategory_id1')[0].setCustomValidity('');
  841.                 }
  842.                 {% endif %}
  844.                 {% if form.classcategory_id2 is defined %}
  845.                 // 規格2フォームの必須チェック
  846.                 if (\$('#classcategory_id2').val() == '__unselected' || \$('#classcategory_id2').val() == '') {
  847.                     \$('#classcategory_id2')[0].setCustomValidity('{{ '項目が選択されていません'|trans }}');
  848.                     return true;
  849.                 } else {
  850.                     \$('#classcategory_id2')[0].setCustomValidity('');
  851.                 }
  852.                 {% endif %}
  854.                 // 個数フォームのチェック
  855.                 if (\$('#quantity').val() < 1) {
  856.                     \$('#quantity')[0].setCustomValidity('{{ '1以上で入力してください。'|trans }}');
  857.                     return true;
  858.                 } else {
  859.                     \$('#quantity')[0].setCustomValidity('');
  860.                 }
  862.                 event.preventDefault();
  863.                 \$form = \$('#form1');
  864.                 \$.ajax({
  865.                     url: \$form.attr('action'),
  866.                     type: \$form.attr('method'),
  867.                     data: \$form.serialize(),
  868.                     dataType: 'json',
  869.                     beforeSend: function(xhr, settings) {
  870.                         // Buttonを無効にする
  871.                         \$('.add-cart').prop('disabled', true);
  872.                     }
  873.                 }).done(function(data) {
  874.                     // レスポンス内のメッセージをalertで表示
  875.                     \$.each(data.messages, function() {
  876.                         \$('#ec-modal-header').html(this);
  877.                     });
  879.                     \$('.ec-modal').show()
  881.                     // カートブロックを更新する
  882.                     \$.ajax({
  883.                         url: \"{{ url('block_cart') }}\",
  884.                         type: 'GET',
  885.                         dataType: 'html'
  886.                     }).done(function(html) {
  887.                         \$('.cart_content').html(html);
  888.                         //固定フッターのバッジ更新
  889.                         const out_html = \$(\$.parseHTML(html));
  890.                         const badge = out_html.find('#head_cartNavi_badge').text();
  891.                         \$('#fixed_footer_badge').text(badge);
  892.                     });
  893.                 }).fail(function(data) {
  894.                     alert('{{ 'カートへの追加に失敗しました。'|trans }}');
  895.                 }).always(function(data) {
  896.                     // Buttonを有効にする
  897.                     \$('.add-cart').prop('disabled', false);
  898.                 });
  899.             });
  900.         });
  902.         \$('.ec-modal-wrap').on('click', function(e) {
  903.             // モーダル内の処理は外側にバブリングさせない
  904.             e.stopPropagation();
  905.         });
  906.         \$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .ec-inlineBtn--cancel').on('click', function() {
  907.             \$('.ec-modal').hide()
  908.         });
  909.     </script>
  910.     <script type=\"application/ld+json\">
  911.     {
  912.         \"@context\": \"https://schema.org/\",
  913.         \"@type\": \"Product\",
  914.         \"name\": \"{{ Product.name }}\",
  915.         \"image\": [
  916.             {% for img in Product.ProductImage %}
  917.                 \"{{ app.request.schemeAndHttpHost }}{{ asset(img, 'save_image') }}\"{% if not loop.last %},{% endif %}
  919.             {% else %}
  920.                 \"{{ app.request.schemeAndHttpHost }}{{ asset(''|no_image_product, 'save_image') }}\"
  921.             {% endfor %}
  922.         ],
  923.         \"description\": \"{{ Product.description_list | default(Product.description_detail) | replace({'\\n': '', '\\r': ''}) | slice(0,300) }}\",
  924.         {% if Product.code_min %}
  925.         \"sku\": \"{{ Product.code_min }}\",
  926.         {% endif %}
  927.         \"offers\": {
  928.             \"@type\": \"Offer\",
  929.             \"url\": \"{{ url('product_detail', {'id': Product.id}) }}\",
  930.             \"priceCurrency\": \"{{ eccube_config.currency }}\",
  931.             \"availability\": \"{{ Product.stock_find ? \"InStock\" : \"OutOfStock\" }}\"
  932.         }
  933.     }
  934.     </script>
  935. {% endblock %}
  937. {% block main %}
  938.     
  939. <div class=\"back_btn\">
  940.     <a href=\"javascript:history.back();\" class=\"ec-inlineBtn\">＜　戻る</a>
  941. </div>
  943.     
  944.     <div class=\"ec-productRole\">
  945.         <div class=\"ec-grid2 product_detail_wrap\">
  946.             <div class=\"product_detail_img slide\">
  947.                 <div class=\"ec-sliderItemRole\">
  949.                     <div class=\"item_visual\">
  950.                         {% for ProductImage in Product.ProductImage %}
  951.                             <div class=\"slide-item slide_img\"><img src=\"{{ asset(ProductImage, 'save_image') }}\" alt=\"{{ loop.first ? Product.name : '' }}\" width=\"550\" height=\"550\"{% if loop.index > 1 %} loading=\"lazy\"{% endif %}></div>
  952.                         {% else %}
  953.                             <div class=\"slide-item slide_img\"><img src=\"{{ asset(''|no_image_product, 'save_image') }}\" alt=\"{{ loop.first ? Product.name : '' }}\" width=\"550\" height=\"550\"></div>
  954.                         {% endfor %}
  955.                     </div>
  956.                     <div class=\"item_nav\">
  957.                         {% for ProductImage in Product.ProductImage %}
  958.                             <div class=\"slideThumb\" data-index=\"{{ loop.index0 }}\"><img src=\"{{ asset(ProductImage, 'save_image') }}\" alt=\"\" width=\"133\" height=\"133\" loading=\"lazy\"></div>
  959.                         {% endfor %}
  960.                     </div>
  961.                 </div>
  962.             </div>
  963.             <div class=\"product_detail_main\">
  964.                 <div class=\"ec-productRole__profile\">
  965.                     {# 商品名 #}
  966.                     <div class=\"ec-productRole__title\">
  967.                         <h2 class=\"ec-headingTitle\">{{ Product.name }}</h2>
  968.                     </div>
  969.                     {# タグ #}
  970.                     <ul class=\"ec-productRole__tags\">
  971.                         {% for Tag in Product.Tags %}
  972.                             <li class=\"ec-productRole__tag tag_{{ Tag.id }}\">{{ Tag }}</li>
  973.                         {% endfor %}
  974.                     </ul>
  975.                     {# 商品コード #}
  976.                     {% if Product.code_min is not empty %}
  977.                         <div class=\"ec-productRole__code product_detail_text\">
  978.                             <div class=\"product_detail_text_l fw\">{{ '商品コード'|trans }}</div>
  979.                             <div>
  980.                                 <span class=\"product-code-default\">{{ Product.code_min }}{% if Product.code_min != Product.code_max %} ～ {{ Product.code_max }}{% endif %}</span>
  981.                             </div>
  982.                         </div>
  983.                     {% endif %}
  984.                     {# 関連カテゴリ #}
  985.                     {% if Product.ProductCategories is not empty %}
  986.                         <div class=\"ec-productRole__category product_detail_text\">
  987.                             <div class=\"product_detail_text_l fw\">{{ '関連カテゴリ'|trans }}</div>
  988.                             <div>
  989.                                 {% for ProductCategory in Product.ProductCategories %}
  990.                                     <ul>
  991.                                         <li>
  992.                                             {% for Category in ProductCategory.Category.path %}
  993.                                                 <a href=\"{{ url('product_list') }}?category_id={{ Category.id }}\">{{ Category.name }}</a> {%- if loop.last == false %}
  994.                                                 <span>＞</span>{% endif -%}
  995.                                             {% endfor %}
  996.                                         </li>
  997.                                     </ul>
  998.                                 {% endfor %}
  999.                             </div>
  1000.                         </div>
  1001.                     {% endif %}
  1002.                     {{ include('Product/sales_restrictions_cart.twig') }}
  1003.                     <div class=\"ec-modal\">
  1004.                         <div class=\"ec-modal-overlay\">
  1005.                             <div class=\"ec-modal-wrap\">
  1006.                                 <span class=\"ec-modal-close\"><span class=\"ec-icon\">×</span></span>
  1007.                                 <div id=\"ec-modal-header\" class=\"text-center\">{{ 'カートに追加しました。'|trans }}</div>
  1008.                                 <div class=\"ec-modal-box\">
  1009.                                     <div class=\"ec-role\">
  1010.                                         <span class=\"ec-inlineBtn--cancel\">{{ 'お買い物を続ける'|trans }}</span>
  1011.                                         <a href=\"{{ url('cart') }}\" class=\"ec-inlineBtn--action\">{{ 'カートへ進む'|trans }}</a>
  1012.                                     </div>
  1013.                                 </div>
  1014.                             </div>
  1015.                         </div>
  1016.                     </div>
  1017.                     {% if BaseInfo.option_favorite_product %}
  1018.                         <form action=\"{{ url('product_add_favorite', {id:Product.id}) }}\" method=\"post\">
  1019.                             <div class=\"ec-productRole__btn\">
  1020.                                 {% if is_favorite == false %}
  1021.                                     <button type=\"submit\" id=\"favorite\" class=\"ec-blockBtn--cancel\">
  1022.                                         {{ 'お気に入りに追加'|trans }}
  1023.                                     </button>
  1024.                                 {% else %}
  1025.                                     <button type=\"submit\" id=\"favorite\" class=\"ec-blockBtn--cancel\"
  1026.                                             disabled=\"disabled\">{{ 'お気に入りに追加済です'|trans }}
  1027.                                     </button>
  1028.                                 {% endif %}
  1029.                             </div>
  1030.                         </form>
  1031.                     {% endif %}
  1032.                     <div class=\"ec-productRole__description\">{{ Product.description_detail|raw|nl2br }}
  1033.                     </div>
  1034.                 </div>
  1035.             </div>
  1036.         </div>
  1037.         {% if Product.freearea %}
  1038.              <div class=\"mt_large\">
  1039.                  {{ include(template_from_string(Product.freearea)) }}
  1040.             </div>
  1041.         {% endif %}
  1042.     </div>
  1043. {% endblock %}", "__string_template__9fdf1f4823b5bb57824e9631b737690f45c3bdcb3223bb302d3721856cab2d59", "");
  1044.     }
  1045. }