var/cache/dev/twig/22/22ca044993eb1bd5837baa8d016bb2382c95582d37fa6299f03b780125e7ca87.php line 55

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