var/cache/dev/twig/92/92dbeaf1467d9dc88376fc548d42e6d9.php line 53

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