var/cache/dev/twig/a7/a7a86762dbd1246e22d30ea3980317fbeb2b247beb2f266e2054484e2050f870.php line 40

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