<?php
use Twig\Environment;
use Twig\Error\LoaderError;
use Twig\Error\RuntimeError;
use Twig\Extension\SandboxExtension;
use Twig\Markup;
use Twig\Sandbox\SecurityError;
use Twig\Sandbox\SecurityNotAllowedTagError;
use Twig\Sandbox\SecurityNotAllowedFilterError;
use Twig\Sandbox\SecurityNotAllowedFunctionError;
use Twig\Source;
use Twig\Template;
/* Product/detail.twig */
class __TwigTemplate_3b6ea7f8da308e5bb19cb8a611ebe9291f68f81c23d8c14571e16676e46b80ea extends \Eccube\Twig\Template
{
private $source;
private $macros = [];
public function __construct(Environment $env)
{
parent::__construct($env);
$this->source = $this->getSourceContext();
$this->blocks = [
'stylesheet' => [$this, 'block_stylesheet'],
'javascript' => [$this, 'block_javascript'],
'main' => [$this, 'block_main'],
];
$this->sandbox = $this->env->getExtension('\Twig\Extension\SandboxExtension');
$this->checkSecurity();
}
protected function doGetParent(array $context)
{
// line 11
return "default_frame.twig";
}
protected function doDisplay(array $context, array $blocks = [])
{
$macros = $this->macros;
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Product/detail.twig"));
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Product/detail.twig"));
// line 13
$context["body_class"] = "product_page";
// line 11
$this->parent = $this->loadTemplate("default_frame.twig", "Product/detail.twig", 11);
$this->parent->display($context, array_merge($this->blocks, $blocks));
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
}
// line 15
public function block_stylesheet($context, array $blocks = [])
{
$macros = $this->macros;
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
// line 16
echo " <style>
.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -45px;
display: block;
width: 100%;
padding: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
content: \" \";
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 12px;
height: 12px;
text-align: center;
opacity: .25;
background-color: black;
border-radius: 50%;
}
.slick-dots li.slick-active button:before {
opacity: .75;
background-color: black;
}
.slick-dots li button.thumbnail img {
width: 0;
height: 0;
}
</style>
";
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
}
// line 95
public function block_javascript($context, array $blocks = [])
{
$macros = $this->macros;
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
// line 96
echo " <script>
eccube.classCategories = ";
// line 97
echo $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getClassCategoriesAsJson($this->sandbox->ensureToStringAllowed((isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 97, $this->source); })()), 97, $this->source));
echo ";
// 規格2に選択肢を割り当てる。
function fnSetClassCategories(form, classcat_id2_selected) {
var \$form = \$(form);
var product_id = \$form.find('input[name=product_id]').val();
var \$sele1 = \$form.find('select[name=classcategory_id1]');
var \$sele2 = \$form.find('select[name=classcategory_id2]');
eccube.setClassCategories(\$form, product_id, \$sele1, \$sele2, classcat_id2_selected);
}
";
// line 108
if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, true, 108)) {
// line 109
echo " fnSetClassCategories(
\$('#form1'), ";
// line 110
echo json_encode($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 110, $this->source); })()), "classcategory_id2", [], "any", false, false, true, 110), "vars", [], "any", false, false, true, 110), "value", [], "any", false, false, true, 110), 110, $this->source));
echo "
);
";
} elseif (twig_get_attribute($this->env, $this->source, // line 112
($context["form"] ?? null), "classcategory_id1", [], "any", true, true, true, 112)) {
// line 113
echo " eccube.checkStock(\$('#form1'), ";
echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 113, $this->source); })()), "id", [], "any", false, false, true, 113), 113, $this->source), "html", null, true);
echo ", ";
echo json_encode($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 113, $this->source); })()), "classcategory_id1", [], "any", false, false, true, 113), "vars", [], "any", false, false, true, 113), "value", [], "any", false, false, true, 113), 113, $this->source));
echo ", null);
";
}
// line 115
echo " </script>
<script>
\$(function() {
// bfcache無効化
\$(window).bind('pageshow', function(event) {
if (event.originalEvent.persisted) {
location.reload(true);
}
});
// Core Web Vital の Cumulative Layout Shift(CLS)対策のため
// img タグに width, height が付与されている.
// 630px 未満の画面サイズでは縦横比が壊れるための対策
// see https://github.com/EC-CUBE/ec-cube/pull/5023
\$('.ec-grid2__cell').hide();
var removeSize = function () {
\$('.slide-item').height('');
\$('.slide-item img')
.removeAttr('width')
.removeAttr('height')
.removeAttr('style');
};
var slickInitial = function(slick) {
\$('.ec-grid2__cell').fadeIn(1500);
var baseHeight = \$(slick.target).height();
var baseWidth = \$(slick.target).width();
var rate = baseWidth / baseHeight;
\$('.slide-item').height(baseHeight * rate); // 余白を削除する
// transform を使用することでCLSの影響を受けないようにする
\$('.slide-item img')
.css(
{
'transform-origin': 'top left',
'transform': 'scaleY(' + rate + ')',
'transition': 'transform .1s'
}
);
// 正しいサイズに近くなったら属性を解除する
setTimeout(removeSize, 500);
};
\$('.item_visual').on('init', slickInitial);
// リサイズ時は CLS の影響を受けないため属性を解除する
\$(window).resize(removeSize);
\$('.item_visual').slick({
dots: false,
arrows: false,
responsive: [{
breakpoint: 768,
settings: {
dots: true
}
}]
});
\$('.slideThumb').on('click', function() {
var index = \$(this).attr('data-index');
\$('.item_visual').slick('slickGoTo', index, false);
})
});
</script>
<script>
\$(function() {
\$('.add-cart').on('click', function(event) {
";
// line 179
if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, true, 179)) {
// line 180
echo " // 規格1フォームの必須チェック
if (\$('#classcategory_id1').val() == '__unselected' || \$('#classcategory_id1').val() == '') {
\$('#classcategory_id1')[0].setCustomValidity('";
// line 182
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("項目が選択されていません"), "html", null, true);
echo "');
return true;
} else {
\$('#classcategory_id1')[0].setCustomValidity('');
}
";
}
// line 188
echo "
";
// line 189
if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, true, 189)) {
// line 190
echo " // 規格2フォームの必須チェック
if (\$('#classcategory_id2').val() == '__unselected' || \$('#classcategory_id2').val() == '') {
\$('#classcategory_id2')[0].setCustomValidity('";
// line 192
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("項目が選択されていません"), "html", null, true);
echo "');
return true;
} else {
\$('#classcategory_id2')[0].setCustomValidity('');
}
";
}
// line 198
echo "
// 個数フォームのチェック
if (\$('#quantity').val() < 1) {
\$('#quantity')[0].setCustomValidity('";
// line 201
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("1以上で入力してください。"), "html", null, true);
echo "');
return true;
} else {
\$('#quantity')[0].setCustomValidity('');
}
event.preventDefault();
\$form = \$('#form1');
\$.ajax({
url: \$form.attr('action'),
type: \$form.attr('method'),
data: \$form.serialize(),
dataType: 'json',
beforeSend: function(xhr, settings) {
// Buttonを無効にする
\$('.add-cart').prop('disabled', true);
}
}).done(function(data) {
// レスポンス内のメッセージをalertで表示
\$.each(data.messages, function() {
\$('#ec-modal-header').text(this);
});
\$('.ec-modal').show()
// カートブロックを更新する
\$.ajax({
url: \"";
// line 228
echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("block_cart");
echo "\",
type: 'GET',
dataType: 'html'
}).done(function(html) {
\$('.ec-headerRole__cart').html(html);
});
}).fail(function(data) {
alert('";
// line 235
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートへの追加に失敗しました。"), "html", null, true);
echo "');
}).always(function(data) {
// Buttonを有効にする
\$('.add-cart').prop('disabled', false);
});
});
});
\$('.ec-modal-wrap').on('click', function(e) {
// モーダル内の処理は外側にバブリングさせない
e.stopPropagation();
});
\$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .ec-inlineBtn--cancel').on('click', function() {
\$('.ec-modal').hide()
});
</script>
<script type=\"application/ld+json\">
{
\"@context\": \"https://schema.org/\",
\"@type\": \"Product\",
\"name\": \"";
// line 255
echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 255, $this->source); })()), "name", [], "any", false, false, true, 255), 255, $this->source), "html", null, true);
echo "\",
\"image\": [
";
// line 257
$context['_parent'] = $context;
$context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 257, $this->source); })()), "ProductImage", [], "any", false, false, true, 257));
$context['_iterated'] = false;
$context['loop'] = [
'parent' => $context['_parent'],
'index0' => 0,
'index' => 1,
'first' => true,
];
if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
$length = count($context['_seq']);
$context['loop']['revindex0'] = $length - 1;
$context['loop']['revindex'] = $length;
$context['loop']['length'] = $length;
$context['loop']['last'] = 1 === $length;
}
foreach ($context['_seq'] as $context["_key"] => $context["img"]) {
// line 258
echo " \"";
echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 258, $this->source); })()), "request", [], "any", false, false, true, 258), "schemeAndHttpHost", [], "any", false, false, true, 258), 258, $this->source), "html", null, true);
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->sandbox->ensureToStringAllowed($context["img"], 258, $this->source), "save_image"), "html", null, true);
echo "\"";
if ( !twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, true, 258)) {
echo ",";
}
// line 259
echo "
";
$context['_iterated'] = true;
++$context['loop']['index0'];
++$context['loop']['index'];
$context['loop']['first'] = false;
if (isset($context['loop']['length'])) {
--$context['loop']['revindex0'];
--$context['loop']['revindex'];
$context['loop']['last'] = 0 === $context['loop']['revindex0'];
}
}
if (!$context['_iterated']) {
// line 261
echo " \"";
echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 261, $this->source); })()), "request", [], "any", false, false, true, 261), "schemeAndHttpHost", [], "any", false, false, true, 261), 261, $this->source), "html", null, true);
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);
echo "\"
";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['img'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 263
echo " ],
\"description\": \"";
// line 264
echo twig_escape_filter($this->env, twig_slice($this->env, twig_replace_filter(((twig_get_attribute($this->env, $this->source, ($context["Product"] ?? null), "description_list", [], "any", true, true, true, 264)) ? (_twig_default_filter($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, ($context["Product"] ?? null), "description_list", [], "any", false, false, true, 264), 264, $this->source), $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 264, $this->source); })()), "description_detail", [], "any", false, false, true, 264), 264, $this->source))) : (twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 264, $this->source); })()), "description_detail", [], "any", false, false, true, 264))), ["
" => "", "
" => ""]), 0, 300), "html", null, true);
echo "\",
";
// line 265
if (twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 265, $this->source); })()), "code_min", [], "any", false, false, true, 265)) {
// line 266
echo " \"sku\": \"";
echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 266, $this->source); })()), "code_min", [], "any", false, false, true, 266), 266, $this->source), "html", null, true);
echo "\",
";
}
// line 268
echo " \"offers\": {
\"@type\": \"Offer\",
\"url\": \"";
// line 270
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_detail", ["id" => twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 270, $this->source); })()), "id", [], "any", false, false, true, 270)]), "html", null, true);
echo "\",
\"priceCurrency\": \"";
// line 271
echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["eccube_config"]) || array_key_exists("eccube_config", $context) ? $context["eccube_config"] : (function () { throw new RuntimeError('Variable "eccube_config" does not exist.', 271, $this->source); })()), "currency", [], "any", false, false, true, 271), 271, $this->source), "html", null, true);
echo "\",
\"price\": ";
// line 272
((twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 272, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, true, 272)) ? (print (twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 272, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, true, 272), "html", null, true))) : (print (0)));
echo ",
\"availability\": \"";
// line 273
echo ((twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 273, $this->source); })()), "stock_find", [], "any", false, false, true, 273)) ? ("InStock") : ("OutOfStock"));
echo "\"
}
}
</script>
";
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
}
// line 279
public function block_main($context, array $blocks = [])
{
$macros = $this->macros;
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
// line 280
echo "
<!-- PAGE CONTENTS -->
<div class=\"products productsWakamefurikake productsSingle\">
<section class=\"sub-container\">
";
// line 286
echo " ";
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.', 286, $this->source); })()), "id", [], "any", false, false, true, 286) === 59)) {
// line 287
echo "
<div class=\"ad\">
<section class=\"ad-kvArea\">
<div class=\"ad-kvArea__inner\">
<h1 class=\"dn\">しそ入ひじきふりかけ</h1>
<img src=\"";
// line 292
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/product-ad/kv.png"), "html", null, true);
echo "\" class=\"imgFit dn-sp__ad kv__ad\">
<img src=\"";
// line 293
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/product-ad/kv-sp.png"), "html", null, true);
echo "\" class=\"imgAd dn-pcTab__ad\">
</div>
</section>
<section class=\"ad-timeArea\">
<div class=\"ad-timeArea__inner\">
<h2><span class=\"hl-red\">うま味と甘味</span>の絶妙なバランスが<br><span class=\"hl-big\">様々な場面で<br class=\"dn-pc__ad\"><span class=\"hl-red\">大活躍!</span></h2>
<div class=\"ad-timeArea__contents\">
<section class=\"ad-timeArea__contents-time\">
<div class=\"ad-timeArea__contents-time__left\">
<h3>時短×簡単</h3>
<p>
おにぎりが簡単に絶品に!<br>
忙しい朝やお弁当作りにも時短で便利。<br>
<br>
パパッとひとふりで、お茶漬けが本格的な味に。<br>
しその風味豊かなひじきふりかけで
<span class=\"timeTxt\">時短料理<span class=\"black\">を</span>実現!</span>
</p>
</div>
<div class=\"ad-timeArea__contents-time__right\">
<img src=\"";
// line 313
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/product-ad/furikake_img.png"), "html", null, true);
echo "\" class=\"dn-mobile\">
<img src=\"";
// line 314
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/product-ad/furikake_img-sp.png"), "html", null, true);
echo "\" class=\"dn-pc__ad\">
</div>
</section>
<section class=\"ad-timeArea__contents-arrangement\">
<div class=\"ad-timeArea__contents-arrangement__heading\">
<h3>アレンジは多種多様<span>いつもの料理が手軽に<br class=\"dn-pc__ad\">美味しく健康的に!</span></h3>
</div>
<div class=\"ad-timeArea__contents-arrangement__items\">
<div class=\"ad-timeArea__contents-arrangement__item\">
<img src=\"";
// line 323
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/product-ad/cooki_img01.png"), "html", null, true);
echo "\" class=\"imgFit\">
<p>チャーハンに!</p>
</div>
<div class=\"ad-timeArea__contents-arrangement__item\">
<img src=\"";
// line 327
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/product-ad/cooki_img02.png"), "html", null, true);
echo "\" class=\"imgFit\">
<p>浅漬けに!</p>
</div>
<div class=\"ad-timeArea__contents-arrangement__item\">
<img src=\"";
// line 331
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/product-ad/cooki_img04.png"), "html", null, true);
echo "\" class=\"imgFit\">
<p>とり天に!</p>
</div>
<div class=\"ad-timeArea__contents-arrangement__item\">
<img src=\"";
// line 335
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/product-ad/cooki_img03.png"), "html", null, true);
echo "\" class=\"imgFit\">
<p>トーストにも!</p>
</div>
</div>
</section>
</div>
</div>
</section>
<section class=\"ad-healthyArea\">
<div class=\"ad-healthyArea__inner\">
<h2><span>食物繊維</span>と<br class=\"dn-pcTab__ad\"><span>ミネラル</span>たっぷり!</h2>
<div class=\"ad-healthyArea__inner__inner\">
<div class=\"ad-healthyArea__txt\">
<p class=\"top-txt\">
海藻類の中でも特に<br>
<span>栄養価の高い</span>ひじき。
</p>
<p class=\"bottom-txt\">
カルシウム、食物繊維、マグネシウムが<br>
豊富に含まれます。<br>
その他にも、ビタミンBや鉄分なども含ま<br>
れ、しかも低カロリー。
</p>
</div>
<div class=\"ad-healthyArea__img dn-pc__ad\">
<img src=\"";
// line 360
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/product-ad/healthy-sp.png"), "html", null, true);
echo "\" class=\"imgFit\">
</div>
</div>
</div>
</section>
<section class=\"ad-voiceArea\">
<div class=\"ad-voiceArea__inner\">
<div class=\"ad-voiceArea__content\">
<div class=\"ad-voiceArea__heading\">
<h2><span>いつも沢山のお声<br class=\"dn-pc__ad\">ありがとうございます!</span><br class=\"dn-mobile\">ご利用いただいた<br class=\"dn-pc\">お客様からのお声</h2>
</div>
<div class=\"ad-voiceArea__items\">
<div class=\"ad-voiceArea__item\">
<div class=\"ad-voiceArea__item-left\">VOICE<br>01</div>
<div class=\"ad-voiceArea__item-right\">
<p><span>とても美味しい</span>ひじきふりかけです。<br>
しっとりしていて食べやすく、<span>ホカホカご飯にもお弁当にも最適</span>です。</p>
</div>
</div>
<div class=\"ad-voiceArea__item\">
<div class=\"ad-voiceArea__item-left\">VOICE<br>02</div>
<div class=\"ad-voiceArea__item-right\">
<p>しっとりとしたヒジキがほんのりしそ風味で<span>すごく好きな味です。</span><br>
<span>もう一袋買えば良かった、</span>と後悔してます。</p>
</div>
</div>
<div class=\"ad-voiceArea__item\">
<div class=\"ad-voiceArea__item-left\">VOICE<br>03</div>
<div class=\"ad-voiceArea__item-right\">
<p>毎朝食べてます。美味しいし、<span>手軽にひじきが食べれてとても満足</span>です。<br>
いつも塩分無視してたっぷりかけてるので、<span>無くなったらリピ</span>します。</p>
</div>
</div>
<div class=\"ad-voiceArea__item\">
<div class=\"ad-voiceArea__item-left\">VOICE<br>04</div>
<div class=\"ad-voiceArea__item-right\">
<p>おにぎりに使うのがお気に入りで<span>幼稚園児のお弁当や食事に栄養をプラス</span><br class=\"dn-mobile\">
するのに活用させてもらってます!</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class=\"ad-aboutArea\">
<div class=\"ad-aboutArea__inner\">
<h2>30年以上の<br class=\"dn-pcTab__ad\"><span>「おいしさの追求」</span>で<br>多くのファンに<br class=\"dn-pcTab__ad\">ご支持いただく</h2>
<div class=\"ad-aboutArea__content\">
<div class=\"ad-aboutArea__content-kv\">
<img src=\"";
// line 409
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/product-ad/history1.png"), "html", null, true);
echo "\" class=\"imgFit\">
</div>
<div class=\"ad-aboutArea__content-items\">
<div class=\"ad-aboutArea__content-items__left\">
<h3>大正10年(1921年)創業<br>100年の歴史と革新</h3>
<p>
1921年に山陰特産品の板わかめ問屋として創業。<br>
<br>
「ひじきふりかけ」の先駆者<br>
30年以上の「おいしさの追求」で、<br>
多くのファンに支持されてきました。<br>
<br>
忙しくても、自分や大切な人の健康を支えたい<br class=\"dn-mobile\">
あなたへ。<br>
栄養豊富な海の幸を、食卓と健康を大切にする<br class=\"dn-mobile\">
すべての方のためにお届けします。<br>
</p>
</div>
<div class=\"ad-aboutArea__content-items__right\">
<div class=\"ad-aboutArea__content-items__right-top\">
<img src=\"";
// line 429
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/product-ad/history2.png"), "html", null, true);
echo "\" class=\"imgFit\">
</div>
<div class=\"ad-aboutArea__content-items__right-bottom\">
<img src=\"";
// line 432
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/product-ad/history3.png"), "html", null, true);
echo "\" class=\"imgFit\">
</div>
</div>
</div>
</div>
</div>
</section>
<div class=\"ad-cart\">
<a href=\"#cart__area\">
<div>
<div>
<img src=\"";
// line 443
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/product-ad/icon-cart.png"), "html", null, true);
echo "\" class=\"imgFit dn-sp__ad\">
<img src=\"";
// line 444
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/product-ad/icon-cart-sp.png"), "html", null, true);
echo "\" class=\"imgFit dn-pcTab__ad\">
</div>
<p>
商品をカートに<br class=\"dn-sp__ad\">追加する
</p>
</div>
</a>
</div>
</div>
";
} else {
// line 455
echo " <!-- H1 商品カテゴリーの見出し -->
<div class=\"sub-h1--products\">
<h1 class=\"itemTitle\">
";
// line 458
echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 458, $this->source); })()), "name", [], "any", false, false, true, 458), 458, $this->source), "html", null, true);
echo "
</h1>
<div class=\"itemImg\">
<div class=\"itemImgInner\">
<img src=\"";
// line 462
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/products/wf_h1_01.jpg"), "html", null, true);
echo "\" alt=\"\" class=\"imgObjectFitCover\">
</div>
</div>
</div>
<!-- /H1 -->
";
}
// line 468
echo " <!-- CONTENTS -->
<div class=\"l-container l-2ColumnContainer\">
<!-- MAIN-CONTENTS -->
<div class=\"l-main\">
<!-- BREAD CRUMBS -->
<div class=\"sub-breadcrumbsWrap\">
<ul class=\"sub-breadcrumbs\">
<li><a href=\"/\">TOP</a></li>
<li><a href=\"/products/list\">商品一覧</a></li>
<li>";
// line 477
echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 477, $this->source); })()), "name", [], "any", false, false, true, 477), 477, $this->source), "html", null, true);
echo "</li>
</ul>
</div>
<!-- /BREAD CRUMBS -->
<!-- MAIN CONTENTS -->
<section class=\"products-sgContent\">
<!-- PRODUCTS PHOTO -->
<div class=\"products-sgContent__pPhoto\">
<div class=\"productsPhotoSlide\">
<ul id=\"categorySingleSlider\" class=\"main clearfix\">
";
// line 487
$context['_parent'] = $context;
$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.', 487, $this->source); })()), "ProductImage", [], "any", false, false, true, 487));
$context['_iterated'] = false;
$context['loop'] = [
'parent' => $context['_parent'],
'index0' => 0,
'index' => 1,
'first' => true,
];
if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
$length = count($context['_seq']);
$context['loop']['revindex0'] = $length - 1;
$context['loop']['revindex'] = $length;
$context['loop']['length'] = $length;
$context['loop']['last'] = 1 === $length;
}
foreach ($context['_seq'] as $context["_key"] => $context["ProductImage"]) {
// line 488
echo " <li><span class=\"imgWrap\">
<img src=\"";
// line 489
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->sandbox->ensureToStringAllowed($context["ProductImage"], 489, $this->source), "save_image"), "html", null, true);
echo "\" alt=\"";
((twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, true, 489)) ? (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.', 489, $this->source); })()), "name", [], "any", false, false, true, 489), "html", null, true))) : (print ("")));
echo "\" alt=\"\"
class=\"imgObjectFitCover\" ";
// line 490
if ((twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, true, 490) > 1)) {
echo " loading=\"lazy\"";
}
echo ">
</span>
</li>
";
$context['_iterated'] = true;
++$context['loop']['index0'];
++$context['loop']['index'];
$context['loop']['first'] = false;
if (isset($context['loop']['length'])) {
--$context['loop']['revindex0'];
--$context['loop']['revindex'];
$context['loop']['last'] = 0 === $context['loop']['revindex0'];
}
}
if (!$context['_iterated']) {
// line 494
echo " <li>
<span class=\"imgWrap\">
<img src=\"";
// line 496
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);
echo "\" alt=\"";
((twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, true, 496)) ? (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.', 496, $this->source); })()), "name", [], "any", false, false, true, 496), "html", null, true))) : (print ("")));
echo "\"
class=\"imgObjectFitCover\">
</span>
</li>
";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductImage'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 501
echo " </ul>
<ul id=\"categorySingleSliderNav\" class=\"sub clearfix\">
";
// line 503
$context['_parent'] = $context;
$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.', 503, $this->source); })()), "ProductImage", [], "any", false, false, true, 503));
$context['loop'] = [
'parent' => $context['_parent'],
'index0' => 0,
'index' => 1,
'first' => true,
];
if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
$length = count($context['_seq']);
$context['loop']['revindex0'] = $length - 1;
$context['loop']['revindex'] = $length;
$context['loop']['length'] = $length;
$context['loop']['last'] = 1 === $length;
}
foreach ($context['_seq'] as $context["_key"] => $context["ProductImage"]) {
// line 504
echo " <li data-index=\"";
echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["loop"], "index0", [], "any", false, false, true, 504), 504, $this->source), "html", null, true);
echo "\">
<span class=\"imgWrap\">
<img src=\"";
// line 506
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->sandbox->ensureToStringAllowed($context["ProductImage"], 506, $this->source), "save_image"), "html", null, true);
echo "\" alt=\"\"
class=\"imgObjectFitCover\" loading=\"lazy\">
</span>
</li>
";
++$context['loop']['index0'];
++$context['loop']['index'];
$context['loop']['first'] = false;
if (isset($context['loop']['length'])) {
--$context['loop']['revindex0'];
--$context['loop']['revindex'];
$context['loop']['last'] = 0 === $context['loop']['revindex0'];
}
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductImage'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 511
echo " </ul>
</div>
</div>
<!-- /PRODUCTS PHOTO -->
<!-- PRODUCTS DATA -->
<div class=\"products-sgContent__pData\" id=\"cart__area\">
<div class=\"titleWrap\">
<h2 class=\"itemPName\">";
// line 519
echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 519, $this->source); })()), "name", [], "any", false, false, true, 519), 519, $this->source), "html", null, true);
echo "</h2>
";
// line 520
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.', 520, $this->source); })()), "hasProductClass", [], "any", false, false, true, 520)) {
// line 521
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.', 521, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, true, 521) == 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.', 521, $this->source); })()), "getPrice02IncTaxMax", [], "any", false, false, true, 521))) {
// line 522
echo " <p class=\"itemPrice\">
";
// line 523
echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 523, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, true, 523), 523, $this->source)), "html", null, true);
echo "
<span class=\"tax\">";
// line 524
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("(税込)"), "html", null, true);
echo "</span>
</p>
";
} else {
// line 527
echo " <p class=\"itemPrice\">
";
// line 528
echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 528, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, true, 528), 528, $this->source)), "html", null, true);
echo " ~ ";
echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 528, $this->source); })()), "getPrice02IncTaxMax", [], "any", false, false, true, 528), 528, $this->source)), "html", null, true);
echo "
<span class=\"tax\">";
// line 529
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("(税込)"), "html", null, true);
echo "</span>
</p>
";
}
// line 532
echo " ";
} else {
// line 533
echo " <p class=\"itemPrice\">
";
// line 534
echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 534, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, true, 534), 534, $this->source)), "html", null, true);
echo "
<span class=\"tax\">";
// line 535
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("(税込)"), "html", null, true);
echo "</span>
</p>
";
}
// line 538
echo " </div>
<form action=\"";
// line 540
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.', 540, $this->source); })()), "id", [], "any", false, false, true, 540)]), "html", null, true);
echo "\" method=\"post\" id=\"form1\" name=\"form1\">
";
// line 541
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.', 541, $this->source); })()), "stock_find", [], "any", false, false, true, 541)) {
// line 542
echo " <div class=\"ec-productRole__actions\">
";
// line 543
if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, true, 543)) {
// line 544
echo " <div class=\"ec-select\">
";
// line 545
echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 545, $this->source); })()), "classcategory_id1", [], "any", false, false, true, 545), 545, $this->source), 'row');
echo "
";
// line 546
echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 546, $this->source); })()), "classcategory_id1", [], "any", false, false, true, 546), 546, $this->source), 'errors');
echo "
</div>
";
// line 548
if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, true, 548)) {
// line 549
echo " <div class=\"ec-select\">
";
// line 550
echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 550, $this->source); })()), "classcategory_id2", [], "any", false, false, true, 550), 550, $this->source), 'row');
echo "
";
// line 551
echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 551, $this->source); })()), "classcategory_id2", [], "any", false, false, true, 551), 551, $this->source), 'errors');
echo "
</div>
";
}
// line 554
echo " ";
}
// line 555
echo " <div class=\"quantityWrap\">
<span>数量</span>
<div class=\"quantityWrapInner\">
<div class=\"item-select\">
";
// line 559
echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 559, $this->source); })()), "quantity", [], "any", false, false, true, 559), 559, $this->source), 'widget');
echo "
";
// line 560
echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 560, $this->source); })()), "quantity", [], "any", false, false, true, 560), 560, $this->source), 'errors');
echo "
</div>
<div class=\"product-single-quantityBtnBlock\">
<div class=\"quantityBtn quantityBtn__plus\"><span class=\"btnInner\">+</span></div>
<div class=\"quantityBtn quantityBtn__minus\"><span class=\"btnInner\">-</span></div>
</div>
</div>
</div>
</div>
<div class=\"cartBtnWrap\">
<button type=\"submit\" class=\"ec-blockBtn--action add-cart mod-btn-02 cartBtn\">
";
// line 571
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートに入れる"), "html", null, true);
echo "
</button>
</div>
";
} else {
// line 575
echo " <div class=\"ec-productRole__btn\">
<button type=\"button\" class=\"ec-blockBtn--action\" disabled=\"disabled\">
";
// line 577
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("ただいま品切れ中です。"), "html", null, true);
echo "
</button>
</div>
";
}
// line 581
echo " <div class=\"ec-modal\">
<div class=\"ec-modal-overlay\">
<div class=\"ec-modal-wrap\">
<span class=\"ec-modal-close\"><span class=\"ec-icon\"><img src=\"";
// line 584
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/icon/cross-dark.svg"), "html", null, true);
echo "\" alt=\"\"/></span></span>
<div id=\"ec-modal-header\" class=\"text-center\">";
// line 585
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートに追加しました。"), "html", null, true);
echo "</div>
<div class=\"ec-modal-box\">
<div class=\"ec-role\">
<span class=\"ec-inlineBtn--cancel\">";
// line 588
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("お買い物を続ける"), "html", null, true);
echo "</span>
<a href=\"";
// line 589
echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("cart");
echo "\" class=\"ec-inlineBtn--action\">";
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートへ進む"), "html", null, true);
echo "</a>
</div>
</div>
</div>
</div>
</div>
";
// line 596
echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock($this->sandbox->ensureToStringAllowed((isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 596, $this->source); })()), 596, $this->source), 'rest');
echo "
</form>
";
// line 600
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.', 600, $this->source); })()), "option_favorite_product", [], "any", false, false, true, 600)) {
// line 601
echo " <form action=\"";
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.', 601, $this->source); })()), "id", [], "any", false, false, true, 601)]), "html", null, true);
echo "\" method=\"post\">
<div class=\"favoriteBtnWrap\">
";
// line 603
if (((isset($context["is_favorite"]) || array_key_exists("is_favorite", $context) ? $context["is_favorite"] : (function () { throw new RuntimeError('Variable "is_favorite" does not exist.', 603, $this->source); })()) == false)) {
// line 604
echo " <button type=\"submit\" id=\"favorite\" class=\"ec-blockBtn--cancel mod-btn-02 favoriteBtn\">お気に入りに追加</button>
";
} else {
// line 606
echo " <button type=\"submit\" id=\"favorite\" class=\"ec-blockBtn--cancel mod-btn-02 favoriteBtn\"
disabled=\"disabled\">";
// line 607
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("お気に入りに追加済です。"), "html", null, true);
echo "
</button>
";
}
// line 610
echo " </div>
</form>
";
}
// line 613
echo "
<div class=\"itemInfoWrap\">
<p>
";
// line 616
echo twig_nl2br($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 616, $this->source); })()), "description_detail", [], "any", false, false, true, 616), 616, $this->source));
echo "
</p>
</div>
";
// line 619
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.', 619, $this->source); })()), "freearea", [], "any", false, false, true, 619)) {
// line 620
echo " <div class=\"ec-productRole__description\">
";
// line 621
echo $this->extensions['Eccube\Twig\Extension\IgnoreTwigSandboxErrorExtension']->twig_include($this->env, $context, twig_template_from_string($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 621, $this->source); })()), "freearea", [], "any", false, false, true, 621), 621, $this->source)), array(), true, false, true);
echo "
</div>
";
}
// line 624
echo " </div>
<!-- /PRODUCTS DATA -->
</section>
<!-- /MAIN CONTENTS -->
<div class=\"marginTop30\">
";
// line 630
if (array_key_exists("plugin_snippets", $context)) {
// line 631
echo " ";
echo $this->extensions['Eccube\Twig\Extension\IgnoreTwigSandboxErrorExtension']->twig_include($this->env, $context, "snippet.twig", ["snippets" => (isset($context["plugin_snippets"]) || array_key_exists("plugin_snippets", $context) ? $context["plugin_snippets"] : (function () { throw new RuntimeError('Variable "plugin_snippets" does not exist.', 631, $this->source); })())]);
echo "
";
}
// line 633
echo " </div>
";
// line 635
if (twig_get_attribute($this->env, $this->source, (isset($context["Layout"]) || array_key_exists("Layout", $context) ? $context["Layout"] : (function () { throw new RuntimeError('Variable "Layout" does not exist.', 635, $this->source); })()), "MainBottom", [], "any", false, false, true, 635)) {
// line 636
echo " ";
echo $this->extensions['Eccube\Twig\Extension\IgnoreTwigSandboxErrorExtension']->twig_include($this->env, $context, "block.twig", ["Blocks" => twig_get_attribute($this->env, $this->source, (isset($context["Layout"]) || array_key_exists("Layout", $context) ? $context["Layout"] : (function () { throw new RuntimeError('Variable "Layout" does not exist.', 636, $this->source); })()), "MainBottom", [], "any", false, false, true, 636)]);
echo "
";
}
// line 638
echo "
";
// line 639
if (twig_get_attribute($this->env, $this->source, (isset($context["Layout"]) || array_key_exists("Layout", $context) ? $context["Layout"] : (function () { throw new RuntimeError('Variable "Layout" does not exist.', 639, $this->source); })()), "ContentsBottom", [], "any", false, false, true, 639)) {
// line 640
echo " <div class=\"ec-layoutRole__contentBottom\">
";
// line 641
echo $this->extensions['Eccube\Twig\Extension\IgnoreTwigSandboxErrorExtension']->twig_include($this->env, $context, "block.twig", ["Blocks" => twig_get_attribute($this->env, $this->source, (isset($context["Layout"]) || array_key_exists("Layout", $context) ? $context["Layout"] : (function () { throw new RuntimeError('Variable "Layout" does not exist.', 641, $this->source); })()), "ContentsBottom", [], "any", false, false, true, 641)]);
echo "
</div>
";
}
// line 644
echo " </div>
<!-- /MAIN-CONTENTS -->
<!-- SIDE-CONTENTS -->
";
// line 648
echo $this->extensions['Eccube\Twig\Extension\IgnoreTwigSandboxErrorExtension']->twig_include($this->env, $context, "Block/side_menu.twig");
echo "
<!-- /SIDE-CONTENTS -->
</div>
<!-- /CONTENTS -->
</section>
</div>
<!-- /PAGE CONTENTS -->
";
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
}
public function getTemplateName()
{
return "Product/detail.twig";
}
public function isTraitable()
{
return false;
}
public function getDebugInfo()
{
return array ( 1149 => 648, 1143 => 644, 1137 => 641, 1134 => 640, 1132 => 639, 1129 => 638, 1123 => 636, 1121 => 635, 1117 => 633, 1111 => 631, 1109 => 630, 1101 => 624, 1095 => 621, 1092 => 620, 1090 => 619, 1084 => 616, 1079 => 613, 1074 => 610, 1068 => 607, 1065 => 606, 1061 => 604, 1059 => 603, 1053 => 601, 1051 => 600, 1044 => 596, 1032 => 589, 1028 => 588, 1022 => 585, 1018 => 584, 1013 => 581, 1006 => 577, 1002 => 575, 995 => 571, 981 => 560, 977 => 559, 971 => 555, 968 => 554, 962 => 551, 958 => 550, 955 => 549, 953 => 548, 948 => 546, 944 => 545, 941 => 544, 939 => 543, 936 => 542, 934 => 541, 930 => 540, 926 => 538, 920 => 535, 916 => 534, 913 => 533, 910 => 532, 904 => 529, 898 => 528, 895 => 527, 889 => 524, 885 => 523, 882 => 522, 880 => 521, 878 => 520, 874 => 519, 864 => 511, 845 => 506, 839 => 504, 822 => 503, 818 => 501, 805 => 496, 801 => 494, 782 => 490, 776 => 489, 773 => 488, 755 => 487, 742 => 477, 731 => 468, 722 => 462, 715 => 458, 710 => 455, 696 => 444, 692 => 443, 678 => 432, 672 => 429, 649 => 409, 597 => 360, 569 => 335, 562 => 331, 555 => 327, 548 => 323, 536 => 314, 532 => 313, 509 => 293, 505 => 292, 498 => 287, 495 => 286, 488 => 280, 478 => 279, 463 => 273, 459 => 272, 455 => 271, 451 => 270, 447 => 268, 441 => 266, 439 => 265, 434 => 264, 431 => 263, 421 => 261, 407 => 259, 399 => 258, 381 => 257, 376 => 255, 353 => 235, 343 => 228, 313 => 201, 308 => 198, 299 => 192, 295 => 190, 293 => 189, 290 => 188, 281 => 182, 277 => 180, 275 => 179, 209 => 115, 201 => 113, 199 => 112, 194 => 110, 191 => 109, 189 => 108, 175 => 97, 172 => 96, 162 => 95, 75 => 16, 65 => 15, 54 => 11, 52 => 13, 39 => 11,);
}
public function getSourceContext()
{
return new Source("{#
This file is part of EC-CUBE
Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
http://www.ec-cube.co.jp/
For the full copyright and license information, please view the LICENSE
file that was distributed with this source code.
#}
{% extends 'default_frame.twig' %}
{% set body_class = 'product_page' %}
{% block stylesheet %}
<style>
.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -45px;
display: block;
width: 100%;
padding: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
content: \" \";
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 12px;
height: 12px;
text-align: center;
opacity: .25;
background-color: black;
border-radius: 50%;
}
.slick-dots li.slick-active button:before {
opacity: .75;
background-color: black;
}
.slick-dots li button.thumbnail img {
width: 0;
height: 0;
}
</style>
{% endblock %}
{% block javascript %}
<script>
eccube.classCategories = {{ class_categories_as_json(Product)|raw }};
// 規格2に選択肢を割り当てる。
function fnSetClassCategories(form, classcat_id2_selected) {
var \$form = \$(form);
var product_id = \$form.find('input[name=product_id]').val();
var \$sele1 = \$form.find('select[name=classcategory_id1]');
var \$sele2 = \$form.find('select[name=classcategory_id2]');
eccube.setClassCategories(\$form, product_id, \$sele1, \$sele2, classcat_id2_selected);
}
{% if form.classcategory_id2 is defined %}
fnSetClassCategories(
\$('#form1'), {{ form.classcategory_id2.vars.value|json_encode|raw }}
);
{% elseif form.classcategory_id1 is defined %}
eccube.checkStock(\$('#form1'), {{ Product.id }}, {{ form.classcategory_id1.vars.value|json_encode|raw }}, null);
{% endif %}
</script>
<script>
\$(function() {
// bfcache無効化
\$(window).bind('pageshow', function(event) {
if (event.originalEvent.persisted) {
location.reload(true);
}
});
// Core Web Vital の Cumulative Layout Shift(CLS)対策のため
// img タグに width, height が付与されている.
// 630px 未満の画面サイズでは縦横比が壊れるための対策
// see https://github.com/EC-CUBE/ec-cube/pull/5023
\$('.ec-grid2__cell').hide();
var removeSize = function () {
\$('.slide-item').height('');
\$('.slide-item img')
.removeAttr('width')
.removeAttr('height')
.removeAttr('style');
};
var slickInitial = function(slick) {
\$('.ec-grid2__cell').fadeIn(1500);
var baseHeight = \$(slick.target).height();
var baseWidth = \$(slick.target).width();
var rate = baseWidth / baseHeight;
\$('.slide-item').height(baseHeight * rate); // 余白を削除する
// transform を使用することでCLSの影響を受けないようにする
\$('.slide-item img')
.css(
{
'transform-origin': 'top left',
'transform': 'scaleY(' + rate + ')',
'transition': 'transform .1s'
}
);
// 正しいサイズに近くなったら属性を解除する
setTimeout(removeSize, 500);
};
\$('.item_visual').on('init', slickInitial);
// リサイズ時は CLS の影響を受けないため属性を解除する
\$(window).resize(removeSize);
\$('.item_visual').slick({
dots: false,
arrows: false,
responsive: [{
breakpoint: 768,
settings: {
dots: true
}
}]
});
\$('.slideThumb').on('click', function() {
var index = \$(this).attr('data-index');
\$('.item_visual').slick('slickGoTo', index, false);
})
});
</script>
<script>
\$(function() {
\$('.add-cart').on('click', function(event) {
{% if form.classcategory_id1 is defined %}
// 規格1フォームの必須チェック
if (\$('#classcategory_id1').val() == '__unselected' || \$('#classcategory_id1').val() == '') {
\$('#classcategory_id1')[0].setCustomValidity('{{ '項目が選択されていません'|trans }}');
return true;
} else {
\$('#classcategory_id1')[0].setCustomValidity('');
}
{% endif %}
{% if form.classcategory_id2 is defined %}
// 規格2フォームの必須チェック
if (\$('#classcategory_id2').val() == '__unselected' || \$('#classcategory_id2').val() == '') {
\$('#classcategory_id2')[0].setCustomValidity('{{ '項目が選択されていません'|trans }}');
return true;
} else {
\$('#classcategory_id2')[0].setCustomValidity('');
}
{% endif %}
// 個数フォームのチェック
if (\$('#quantity').val() < 1) {
\$('#quantity')[0].setCustomValidity('{{ '1以上で入力してください。'|trans }}');
return true;
} else {
\$('#quantity')[0].setCustomValidity('');
}
event.preventDefault();
\$form = \$('#form1');
\$.ajax({
url: \$form.attr('action'),
type: \$form.attr('method'),
data: \$form.serialize(),
dataType: 'json',
beforeSend: function(xhr, settings) {
// Buttonを無効にする
\$('.add-cart').prop('disabled', true);
}
}).done(function(data) {
// レスポンス内のメッセージをalertで表示
\$.each(data.messages, function() {
\$('#ec-modal-header').text(this);
});
\$('.ec-modal').show()
// カートブロックを更新する
\$.ajax({
url: \"{{ url('block_cart') }}\",
type: 'GET',
dataType: 'html'
}).done(function(html) {
\$('.ec-headerRole__cart').html(html);
});
}).fail(function(data) {
alert('{{ 'カートへの追加に失敗しました。'|trans }}');
}).always(function(data) {
// Buttonを有効にする
\$('.add-cart').prop('disabled', false);
});
});
});
\$('.ec-modal-wrap').on('click', function(e) {
// モーダル内の処理は外側にバブリングさせない
e.stopPropagation();
});
\$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .ec-inlineBtn--cancel').on('click', function() {
\$('.ec-modal').hide()
});
</script>
<script type=\"application/ld+json\">
{
\"@context\": \"https://schema.org/\",
\"@type\": \"Product\",
\"name\": \"{{ Product.name }}\",
\"image\": [
{% for img in Product.ProductImage %}
\"{{ app.request.schemeAndHttpHost }}{{ asset(img, 'save_image') }}\"{% if not loop.last %},{% endif %}
{% else %}
\"{{ app.request.schemeAndHttpHost }}{{ asset(''|no_image_product, 'save_image') }}\"
{% endfor %}
],
\"description\": \"{{ Product.description_list | default(Product.description_detail) | replace({'\\n': '', '\\r': ''}) | slice(0,300) }}\",
{% if Product.code_min %}
\"sku\": \"{{ Product.code_min }}\",
{% endif %}
\"offers\": {
\"@type\": \"Offer\",
\"url\": \"{{ url('product_detail', {'id': Product.id}) }}\",
\"priceCurrency\": \"{{ eccube_config.currency }}\",
\"price\": {{ Product.getPrice02IncTaxMin ? Product.getPrice02IncTaxMin : 0}},
\"availability\": \"{{ Product.stock_find ? \"InStock\" : \"OutOfStock\" }}\"
}
}
</script>
{% endblock %}
{% block main %}
<!-- PAGE CONTENTS -->
<div class=\"products productsWakamefurikake productsSingle\">
<section class=\"sub-container\">
{# 広告流入かそれ以外かの条件分岐 #}
{% if Product.id is same as(59) %}
<div class=\"ad\">
<section class=\"ad-kvArea\">
<div class=\"ad-kvArea__inner\">
<h1 class=\"dn\">しそ入ひじきふりかけ</h1>
<img src=\"{{ asset('assets/img/product-ad/kv.png')}}\" class=\"imgFit dn-sp__ad kv__ad\">
<img src=\"{{ asset('assets/img/product-ad/kv-sp.png')}}\" class=\"imgAd dn-pcTab__ad\">
</div>
</section>
<section class=\"ad-timeArea\">
<div class=\"ad-timeArea__inner\">
<h2><span class=\"hl-red\">うま味と甘味</span>の絶妙なバランスが<br><span class=\"hl-big\">様々な場面で<br class=\"dn-pc__ad\"><span class=\"hl-red\">大活躍!</span></h2>
<div class=\"ad-timeArea__contents\">
<section class=\"ad-timeArea__contents-time\">
<div class=\"ad-timeArea__contents-time__left\">
<h3>時短×簡単</h3>
<p>
おにぎりが簡単に絶品に!<br>
忙しい朝やお弁当作りにも時短で便利。<br>
<br>
パパッとひとふりで、お茶漬けが本格的な味に。<br>
しその風味豊かなひじきふりかけで
<span class=\"timeTxt\">時短料理<span class=\"black\">を</span>実現!</span>
</p>
</div>
<div class=\"ad-timeArea__contents-time__right\">
<img src=\"{{ asset('assets/img/product-ad/furikake_img.png')}}\" class=\"dn-mobile\">
<img src=\"{{ asset('assets/img/product-ad/furikake_img-sp.png')}}\" class=\"dn-pc__ad\">
</div>
</section>
<section class=\"ad-timeArea__contents-arrangement\">
<div class=\"ad-timeArea__contents-arrangement__heading\">
<h3>アレンジは多種多様<span>いつもの料理が手軽に<br class=\"dn-pc__ad\">美味しく健康的に!</span></h3>
</div>
<div class=\"ad-timeArea__contents-arrangement__items\">
<div class=\"ad-timeArea__contents-arrangement__item\">
<img src=\"{{ asset('assets/img/product-ad/cooki_img01.png')}}\" class=\"imgFit\">
<p>チャーハンに!</p>
</div>
<div class=\"ad-timeArea__contents-arrangement__item\">
<img src=\"{{ asset('assets/img/product-ad/cooki_img02.png')}}\" class=\"imgFit\">
<p>浅漬けに!</p>
</div>
<div class=\"ad-timeArea__contents-arrangement__item\">
<img src=\"{{ asset('assets/img/product-ad/cooki_img04.png')}}\" class=\"imgFit\">
<p>とり天に!</p>
</div>
<div class=\"ad-timeArea__contents-arrangement__item\">
<img src=\"{{ asset('assets/img/product-ad/cooki_img03.png')}}\" class=\"imgFit\">
<p>トーストにも!</p>
</div>
</div>
</section>
</div>
</div>
</section>
<section class=\"ad-healthyArea\">
<div class=\"ad-healthyArea__inner\">
<h2><span>食物繊維</span>と<br class=\"dn-pcTab__ad\"><span>ミネラル</span>たっぷり!</h2>
<div class=\"ad-healthyArea__inner__inner\">
<div class=\"ad-healthyArea__txt\">
<p class=\"top-txt\">
海藻類の中でも特に<br>
<span>栄養価の高い</span>ひじき。
</p>
<p class=\"bottom-txt\">
カルシウム、食物繊維、マグネシウムが<br>
豊富に含まれます。<br>
その他にも、ビタミンBや鉄分なども含ま<br>
れ、しかも低カロリー。
</p>
</div>
<div class=\"ad-healthyArea__img dn-pc__ad\">
<img src=\"{{ asset('assets/img/product-ad/healthy-sp.png')}}\" class=\"imgFit\">
</div>
</div>
</div>
</section>
<section class=\"ad-voiceArea\">
<div class=\"ad-voiceArea__inner\">
<div class=\"ad-voiceArea__content\">
<div class=\"ad-voiceArea__heading\">
<h2><span>いつも沢山のお声<br class=\"dn-pc__ad\">ありがとうございます!</span><br class=\"dn-mobile\">ご利用いただいた<br class=\"dn-pc\">お客様からのお声</h2>
</div>
<div class=\"ad-voiceArea__items\">
<div class=\"ad-voiceArea__item\">
<div class=\"ad-voiceArea__item-left\">VOICE<br>01</div>
<div class=\"ad-voiceArea__item-right\">
<p><span>とても美味しい</span>ひじきふりかけです。<br>
しっとりしていて食べやすく、<span>ホカホカご飯にもお弁当にも最適</span>です。</p>
</div>
</div>
<div class=\"ad-voiceArea__item\">
<div class=\"ad-voiceArea__item-left\">VOICE<br>02</div>
<div class=\"ad-voiceArea__item-right\">
<p>しっとりとしたヒジキがほんのりしそ風味で<span>すごく好きな味です。</span><br>
<span>もう一袋買えば良かった、</span>と後悔してます。</p>
</div>
</div>
<div class=\"ad-voiceArea__item\">
<div class=\"ad-voiceArea__item-left\">VOICE<br>03</div>
<div class=\"ad-voiceArea__item-right\">
<p>毎朝食べてます。美味しいし、<span>手軽にひじきが食べれてとても満足</span>です。<br>
いつも塩分無視してたっぷりかけてるので、<span>無くなったらリピ</span>します。</p>
</div>
</div>
<div class=\"ad-voiceArea__item\">
<div class=\"ad-voiceArea__item-left\">VOICE<br>04</div>
<div class=\"ad-voiceArea__item-right\">
<p>おにぎりに使うのがお気に入りで<span>幼稚園児のお弁当や食事に栄養をプラス</span><br class=\"dn-mobile\">
するのに活用させてもらってます!</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class=\"ad-aboutArea\">
<div class=\"ad-aboutArea__inner\">
<h2>30年以上の<br class=\"dn-pcTab__ad\"><span>「おいしさの追求」</span>で<br>多くのファンに<br class=\"dn-pcTab__ad\">ご支持いただく</h2>
<div class=\"ad-aboutArea__content\">
<div class=\"ad-aboutArea__content-kv\">
<img src=\"{{ asset('assets/img/product-ad/history1.png')}}\" class=\"imgFit\">
</div>
<div class=\"ad-aboutArea__content-items\">
<div class=\"ad-aboutArea__content-items__left\">
<h3>大正10年(1921年)創業<br>100年の歴史と革新</h3>
<p>
1921年に山陰特産品の板わかめ問屋として創業。<br>
<br>
「ひじきふりかけ」の先駆者<br>
30年以上の「おいしさの追求」で、<br>
多くのファンに支持されてきました。<br>
<br>
忙しくても、自分や大切な人の健康を支えたい<br class=\"dn-mobile\">
あなたへ。<br>
栄養豊富な海の幸を、食卓と健康を大切にする<br class=\"dn-mobile\">
すべての方のためにお届けします。<br>
</p>
</div>
<div class=\"ad-aboutArea__content-items__right\">
<div class=\"ad-aboutArea__content-items__right-top\">
<img src=\"{{ asset('assets/img/product-ad/history2.png')}}\" class=\"imgFit\">
</div>
<div class=\"ad-aboutArea__content-items__right-bottom\">
<img src=\"{{ asset('assets/img/product-ad/history3.png')}}\" class=\"imgFit\">
</div>
</div>
</div>
</div>
</div>
</section>
<div class=\"ad-cart\">
<a href=\"#cart__area\">
<div>
<div>
<img src=\"{{ asset('assets/img/product-ad/icon-cart.png')}}\" class=\"imgFit dn-sp__ad\">
<img src=\"{{ asset('assets/img/product-ad/icon-cart-sp.png')}}\" class=\"imgFit dn-pcTab__ad\">
</div>
<p>
商品をカートに<br class=\"dn-sp__ad\">追加する
</p>
</div>
</a>
</div>
</div>
{% else %}
<!-- H1 商品カテゴリーの見出し -->
<div class=\"sub-h1--products\">
<h1 class=\"itemTitle\">
{{ Product.name }}
</h1>
<div class=\"itemImg\">
<div class=\"itemImgInner\">
<img src=\"{{ asset('assets/img/products/wf_h1_01.jpg') }}\" alt=\"\" class=\"imgObjectFitCover\">
</div>
</div>
</div>
<!-- /H1 -->
{% endif %}
<!-- CONTENTS -->
<div class=\"l-container l-2ColumnContainer\">
<!-- MAIN-CONTENTS -->
<div class=\"l-main\">
<!-- BREAD CRUMBS -->
<div class=\"sub-breadcrumbsWrap\">
<ul class=\"sub-breadcrumbs\">
<li><a href=\"/\">TOP</a></li>
<li><a href=\"/products/list\">商品一覧</a></li>
<li>{{ Product.name }}</li>
</ul>
</div>
<!-- /BREAD CRUMBS -->
<!-- MAIN CONTENTS -->
<section class=\"products-sgContent\">
<!-- PRODUCTS PHOTO -->
<div class=\"products-sgContent__pPhoto\">
<div class=\"productsPhotoSlide\">
<ul id=\"categorySingleSlider\" class=\"main clearfix\">
{% for ProductImage in Product.ProductImage %}
<li><span class=\"imgWrap\">
<img src=\"{{ asset(ProductImage, 'save_image') }}\" alt=\"{{ loop.first ? Product.name : '' }}\" alt=\"\"
class=\"imgObjectFitCover\" {% if loop.index > 1 %} loading=\"lazy\"{% endif %}>
</span>
</li>
{% else %}
<li>
<span class=\"imgWrap\">
<img src=\"{{ asset(''|no_image_product, 'save_image') }}\" alt=\"{{ loop.first ? Product.name : '' }}\"
class=\"imgObjectFitCover\">
</span>
</li>
{% endfor %}
</ul>
<ul id=\"categorySingleSliderNav\" class=\"sub clearfix\">
{% for ProductImage in Product.ProductImage %}
<li data-index=\"{{ loop.index0 }}\">
<span class=\"imgWrap\">
<img src=\"{{ asset(ProductImage, 'save_image') }}\" alt=\"\"
class=\"imgObjectFitCover\" loading=\"lazy\">
</span>
</li>
{% endfor %}
</ul>
</div>
</div>
<!-- /PRODUCTS PHOTO -->
<!-- PRODUCTS DATA -->
<div class=\"products-sgContent__pData\" id=\"cart__area\">
<div class=\"titleWrap\">
<h2 class=\"itemPName\">{{ Product.name }}</h2>
{% if Product.hasProductClass -%}
{% if Product.getPrice02IncTaxMin == Product.getPrice02IncTaxMax %}
<p class=\"itemPrice\">
{{ Product.getPrice02IncTaxMin|price }}
<span class=\"tax\">{{ '(税込)'|trans }}</span>
</p>
{% else %}
<p class=\"itemPrice\">
{{ Product.getPrice02IncTaxMin|price }} ~ {{ Product.getPrice02IncTaxMax|price }}
<span class=\"tax\">{{ '(税込)'|trans }}</span>
</p>
{% endif %}
{% else %}
<p class=\"itemPrice\">
{{ Product.getPrice02IncTaxMin|price }}
<span class=\"tax\">{{ '(税込)'|trans }}</span>
</p>
{% endif %}
</div>
<form action=\"{{ url('product_add_cart', {id:Product.id}) }}\" method=\"post\" id=\"form1\" name=\"form1\">
{% if Product.stock_find %}
<div class=\"ec-productRole__actions\">
{% if form.classcategory_id1 is defined %}
<div class=\"ec-select\">
{{ form_row(form.classcategory_id1) }}
{{ form_errors(form.classcategory_id1) }}
</div>
{% if form.classcategory_id2 is defined %}
<div class=\"ec-select\">
{{ form_row(form.classcategory_id2) }}
{{ form_errors(form.classcategory_id2) }}
</div>
{% endif %}
{% endif %}
<div class=\"quantityWrap\">
<span>数量</span>
<div class=\"quantityWrapInner\">
<div class=\"item-select\">
{{ form_widget(form.quantity) }}
{{ form_errors(form.quantity) }}
</div>
<div class=\"product-single-quantityBtnBlock\">
<div class=\"quantityBtn quantityBtn__plus\"><span class=\"btnInner\">+</span></div>
<div class=\"quantityBtn quantityBtn__minus\"><span class=\"btnInner\">-</span></div>
</div>
</div>
</div>
</div>
<div class=\"cartBtnWrap\">
<button type=\"submit\" class=\"ec-blockBtn--action add-cart mod-btn-02 cartBtn\">
{{ 'カートに入れる'|trans }}
</button>
</div>
{% else %}
<div class=\"ec-productRole__btn\">
<button type=\"button\" class=\"ec-blockBtn--action\" disabled=\"disabled\">
{{ 'ただいま品切れ中です。'|trans }}
</button>
</div>
{% endif %}
<div class=\"ec-modal\">
<div class=\"ec-modal-overlay\">
<div class=\"ec-modal-wrap\">
<span class=\"ec-modal-close\"><span class=\"ec-icon\"><img src=\"{{ asset('assets/icon/cross-dark.svg') }}\" alt=\"\"/></span></span>
<div id=\"ec-modal-header\" class=\"text-center\">{{ 'カートに追加しました。'|trans }}</div>
<div class=\"ec-modal-box\">
<div class=\"ec-role\">
<span class=\"ec-inlineBtn--cancel\">{{ 'お買い物を続ける'|trans }}</span>
<a href=\"{{ url('cart') }}\" class=\"ec-inlineBtn--action\">{{ 'カートへ進む'|trans }}</a>
</div>
</div>
</div>
</div>
</div>
{{ form_rest(form) }}
</form>
{% if BaseInfo.option_favorite_product %}
<form action=\"{{ url('product_add_favorite', {id:Product.id}) }}\" method=\"post\">
<div class=\"favoriteBtnWrap\">
{% if is_favorite == false %}
<button type=\"submit\" id=\"favorite\" class=\"ec-blockBtn--cancel mod-btn-02 favoriteBtn\">お気に入りに追加</button>
{% else %}
<button type=\"submit\" id=\"favorite\" class=\"ec-blockBtn--cancel mod-btn-02 favoriteBtn\"
disabled=\"disabled\">{{ 'お気に入りに追加済です。'|trans }}
</button>
{% endif %}
</div>
</form>
{% endif %}
<div class=\"itemInfoWrap\">
<p>
{{ Product.description_detail|raw|nl2br }}
</p>
</div>
{% if Product.freearea %}
<div class=\"ec-productRole__description\">
{{ include(template_from_string(Product.freearea), sandboxed = true) }}
</div>
{% endif %}
</div>
<!-- /PRODUCTS DATA -->
</section>
<!-- /MAIN CONTENTS -->
<div class=\"marginTop30\">
{% if plugin_snippets is defined %}
{{ include('snippet.twig', { snippets: plugin_snippets }) }}
{% endif %}
</div>
{% if Layout.MainBottom %}
{{ include('block.twig', {'Blocks': Layout.MainBottom}) }}
{% endif %}
{% if Layout.ContentsBottom %}
<div class=\"ec-layoutRole__contentBottom\">
{{ include('block.twig', {'Blocks': Layout.ContentsBottom}) }}
</div>
{% endif %}
</div>
<!-- /MAIN-CONTENTS -->
<!-- SIDE-CONTENTS -->
{{ include('Block/side_menu.twig') }}
<!-- /SIDE-CONTENTS -->
</div>
<!-- /CONTENTS -->
</section>
</div>
<!-- /PAGE CONTENTS -->
{% endblock %}", "Product/detail.twig", "/home/kaorimehonpo/kaorime.co.jp/public_html/shop.kaorime.co.jp/app/template/kaorime/Product/detail.twig");
}
public function checkSecurity()
{
static $tags = array("set" => 13, "if" => 108, "for" => 257);
static $filters = array("raw" => 97, "json_encode" => 110, "escape" => 113, "trans" => 182, "no_image_product" => 261, "slice" => 264, "replace" => 264, "default" => 264, "price" => 523, "nl2br" => 616);
static $functions = array("class_categories_as_json" => 97, "url" => 228, "asset" => 258, "form_row" => 545, "form_errors" => 546, "form_widget" => 559, "form_rest" => 596, "include" => 621, "template_from_string" => 621);
try {
$this->sandbox->checkSecurity(
['set', 'if', 'for'],
['raw', 'json_encode', 'escape', 'trans', 'no_image_product', 'slice', 'replace', 'default', 'price', 'nl2br'],
['class_categories_as_json', 'url', 'asset', 'form_row', 'form_errors', 'form_widget', 'form_rest', 'include', 'template_from_string']
);
} catch (SecurityError $e) {
$e->setSourceContext($this->source);
if ($e instanceof SecurityNotAllowedTagError && isset($tags[$e->getTagName()])) {
$e->setTemplateLine($tags[$e->getTagName()]);
} elseif ($e instanceof SecurityNotAllowedFilterError && isset($filters[$e->getFilterName()])) {
$e->setTemplateLine($filters[$e->getFilterName()]);
} elseif ($e instanceof SecurityNotAllowedFunctionError && isset($functions[$e->getFunctionName()])) {
$e->setTemplateLine($functions[$e->getFunctionName()]);
}
throw $e;
}
}
}