<?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;
/* index.twig */
class __TwigTemplate_01e27adddb4910b9976b41067c6b1c8ce488bdfecd6b70e478b821f28db8ab1e extends \Eccube\Twig\Template
{
private $source;
private $macros = [];
public function __construct(Environment $env)
{
parent::__construct($env);
$this->source = $this->getSourceContext();
$this->blocks = [
'javascript' => [$this, 'block_javascript'],
'main' => [$this, 'block_main'],
];
}
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", "index.twig"));
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "index.twig"));
// line 13
$context["body_class"] = "front_page";
// line 11
$this->parent = $this->loadTemplate("default_frame.twig", "index.twig", 11);
$this->parent->display($context, array_merge($this->blocks, $blocks));
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
}
// line 17
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 18
echo " <script>
\$(function() {
\$('.main_visual').slick({
dots: true,
arrows: false,
autoplay: true,
speed: 500,
autoplaySpeed: 5000,
});
});
</script>
";
// line 31
echo " <script>
document.addEventListener('DOMContentLoaded', function() {
const popup = document.getElementById('popup-layer');
if (!popup) return;
const content = popup.querySelector('.popup_content');
const closeBtn = popup.querySelector('.popup_close');
const currentTime = Date.now();
const hideUntil = parseInt(localStorage.getItem('popupHideUntil'), 10);
function openPopup() {
popup.classList.add('active');
document.body.classList.add('popup_open');
}
function closePopup() {
popup.classList.remove('active');
document.body.classList.remove('popup_open');
const currentDate = new Date();
const nextMidnight = new Date(
currentDate.getFullYear(),
currentDate.getMonth(),
currentDate.getDate() + 30,//30日後の0時に再表示
0, 0, 0, 0
);
localStorage.setItem('popupHideUntil', nextMidnight.getTime());
}
if (!hideUntil || currentTime > hideUntil) {
setTimeout(openPopup, 500);
}
closeBtn.addEventListener('click', closePopup);
popup.addEventListener('click', function(e) {
if (!content.contains(e.target)) closePopup();
});
document.addEventListener('keydown', function(e) {
if (e.key === 'Escape' && popup.classList.contains('active')) {
closePopup();
}
});
});
</script>
";
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
}
// line 79
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 80
echo " <div class=\"ec-sliderRole slide\">
<div class=\"main_visual slide_img_wrap\">
<div class=\"item slide_img\">
<img src=\"";
// line 83
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/top/slide21.jpg"), "html", null, true);
echo "\" alt=\"スタッフトライアルセット\" width=\"843\" height=\"602\" loading=\"lazy\">
</div>
<div class=\"item slide_img\">
<a href=\"products/list?category_id=127\">
<img src=\"";
// line 87
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/top/slide20.jpg"), "html", null, true);
echo "\" alt=\"ナノバブルキャンペーン\" width=\"914\" height=\"861\" loading=\"lazy\">
</a>
</div>
<div class=\"item slide_img\">
<a href=\"products/list?category_id=128\">
<img src=\"";
// line 92
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/top/slide19.jpg"), "html", null, true);
echo "\" alt=\"nyu 販促キャンペーン\" width=\"670\" height=\"723\" loading=\"lazy\">
</a>
</div>
<div class=\"item slide_img\">
<a href=\"products/list?category_id=123\">
<img src=\"";
// line 97
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/top/slide18.jpg"), "html", null, true);
echo "\" alt=\"R-αリポ酸・スルフォラファン 導入記念企画\" width=\"549\" height=\"551\" loading=\"lazy\">
</a>
</div>
<div class=\"item slide_img\">
<a href=\"products/list?category_id=112\">
<img src=\"";
// line 102
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/top/slide15.jpg"), "html", null, true);
echo "\" alt=\"水素ガス生成器リタエアー\" width=\"1191\" height=\"680\" loading=\"lazy\">
</a>
</div>
</div>
</div>
<div class=\"youtube\">
<iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/xP9fOOX0gVE?si=cuZxOmby7a3uSniC\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen></iframe>
</div>
<a href=\"products/detail/505\" class=\"block mb02 mr_auto ml_auto\" style=\"width:max-content;\">
<img src=\"https://oneconcept.jp/html/upload/save_image/0207152236_6986da2c8e248.png\" alt=\"【数量限定】ミニキュア エクセレント\" class=\"block\" width=\"250\" height=\"250\">
</a>
<a href=\"https://oneconcept.jp/user_data/haircolor-simulation\" class=\"block text-center mb01 mr_auto ml_auto\" style=\"max-width:720px;\">
<img src=\"";
// line 116
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/top/banner06_2.png"), "html", null, true);
echo "\" alt=\"こんなにコストカットできるの!?気になる原価シミュレーションを試してみよう\" width=\"1350\" height=\"675\">
</a>
";
// line 120
echo " <div id=\"popup-layer\" class=\"popup_layer\">
<div class=\"popup_content\">
<button type=\"button\" class=\"popup_close\">×</button>
<a href=\"products/list?category_id=114\" style=\"display:block; max-width:600px; margin:atuo;\">
<img src=\"";
// line 124
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/top/popup01.jpg"), "html", null, true);
echo "\" alt=\"UVインナーケア BeHAKU plus11+1 早めに始める!飲む日焼け止め\" width=\"956\" height=\"1200\" class=\"block mr_auto ml_auto\">
</a>
</div>
</div>
";
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
}
public function getTemplateName()
{
return "index.twig";
}
public function isTraitable()
{
return false;
}
public function getDebugInfo()
{
return array ( 217 => 124, 211 => 120, 205 => 116, 188 => 102, 180 => 97, 172 => 92, 164 => 87, 157 => 83, 152 => 80, 142 => 79, 86 => 31, 72 => 18, 62 => 17, 51 => 11, 49 => 13, 36 => 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 = 'front_page' %}
{% block javascript %}
<script>
\$(function() {
\$('.main_visual').slick({
dots: true,
arrows: false,
autoplay: true,
speed: 500,
autoplaySpeed: 5000,
});
});
</script>
{# ポップアップ モーダル #}
<script>
document.addEventListener('DOMContentLoaded', function() {
const popup = document.getElementById('popup-layer');
if (!popup) return;
const content = popup.querySelector('.popup_content');
const closeBtn = popup.querySelector('.popup_close');
const currentTime = Date.now();
const hideUntil = parseInt(localStorage.getItem('popupHideUntil'), 10);
function openPopup() {
popup.classList.add('active');
document.body.classList.add('popup_open');
}
function closePopup() {
popup.classList.remove('active');
document.body.classList.remove('popup_open');
const currentDate = new Date();
const nextMidnight = new Date(
currentDate.getFullYear(),
currentDate.getMonth(),
currentDate.getDate() + 30,//30日後の0時に再表示
0, 0, 0, 0
);
localStorage.setItem('popupHideUntil', nextMidnight.getTime());
}
if (!hideUntil || currentTime > hideUntil) {
setTimeout(openPopup, 500);
}
closeBtn.addEventListener('click', closePopup);
popup.addEventListener('click', function(e) {
if (!content.contains(e.target)) closePopup();
});
document.addEventListener('keydown', function(e) {
if (e.key === 'Escape' && popup.classList.contains('active')) {
closePopup();
}
});
});
</script>
{% endblock javascript %}
{% block main %}
<div class=\"ec-sliderRole slide\">
<div class=\"main_visual slide_img_wrap\">
<div class=\"item slide_img\">
<img src=\"{{ asset('assets/img/top/slide21.jpg') }}\" alt=\"スタッフトライアルセット\" width=\"843\" height=\"602\" loading=\"lazy\">
</div>
<div class=\"item slide_img\">
<a href=\"products/list?category_id=127\">
<img src=\"{{ asset('assets/img/top/slide20.jpg') }}\" alt=\"ナノバブルキャンペーン\" width=\"914\" height=\"861\" loading=\"lazy\">
</a>
</div>
<div class=\"item slide_img\">
<a href=\"products/list?category_id=128\">
<img src=\"{{ asset('assets/img/top/slide19.jpg') }}\" alt=\"nyu 販促キャンペーン\" width=\"670\" height=\"723\" loading=\"lazy\">
</a>
</div>
<div class=\"item slide_img\">
<a href=\"products/list?category_id=123\">
<img src=\"{{ asset('assets/img/top/slide18.jpg') }}\" alt=\"R-αリポ酸・スルフォラファン 導入記念企画\" width=\"549\" height=\"551\" loading=\"lazy\">
</a>
</div>
<div class=\"item slide_img\">
<a href=\"products/list?category_id=112\">
<img src=\"{{ asset('assets/img/top/slide15.jpg') }}\" alt=\"水素ガス生成器リタエアー\" width=\"1191\" height=\"680\" loading=\"lazy\">
</a>
</div>
</div>
</div>
<div class=\"youtube\">
<iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/xP9fOOX0gVE?si=cuZxOmby7a3uSniC\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen></iframe>
</div>
<a href=\"products/detail/505\" class=\"block mb02 mr_auto ml_auto\" style=\"width:max-content;\">
<img src=\"https://oneconcept.jp/html/upload/save_image/0207152236_6986da2c8e248.png\" alt=\"【数量限定】ミニキュア エクセレント\" class=\"block\" width=\"250\" height=\"250\">
</a>
<a href=\"https://oneconcept.jp/user_data/haircolor-simulation\" class=\"block text-center mb01 mr_auto ml_auto\" style=\"max-width:720px;\">
<img src=\"{{ asset('assets/img/top/banner06_2.png') }}\" alt=\"こんなにコストカットできるの!?気になる原価シミュレーションを試してみよう\" width=\"1350\" height=\"675\">
</a>
{# ポップアップ モーダル #}
<div id=\"popup-layer\" class=\"popup_layer\">
<div class=\"popup_content\">
<button type=\"button\" class=\"popup_close\">×</button>
<a href=\"products/list?category_id=114\" style=\"display:block; max-width:600px; margin:atuo;\">
<img src=\"{{ asset('assets/img/top/popup01.jpg') }}\" alt=\"UVインナーケア BeHAKU plus11+1 早めに始める!飲む日焼け止め\" width=\"956\" height=\"1200\" class=\"block mr_auto ml_auto\">
</a>
</div>
</div>
{% endblock %}
", "index.twig", "/home/oneconcept/www/ec_b_test/app/template/default/index.twig");
}
}