<?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;
/* Category/index.twig */
class __TwigTemplate_30100296c75fda3114336e9288f77863 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'],
'main' => [$this, 'block_main'],
];
}
protected function doGetParent(array $context)
{
// line 8
return "default_frame.twig";
}
protected function doDisplay(array $context, array $blocks = [])
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Category/index.twig"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Category/index.twig"));
// line 10
$context["mypageno"] = "index";
// line 12
$context["body_class"] = "mypage";
// line 8
$this->parent = $this->loadTemplate("default_frame.twig", "Category/index.twig", 8);
$this->parent->display($context, array_merge($this->blocks, $blocks));
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
}
// line 14
public function block_stylesheet($context, array $blocks = [])
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
// line 15
echo " <style>
.header-photo {
position: relative;
}
.header-photo div {
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin:0;/*余計な隙間を除く*/
padding:0;/*余計な隙間を除く*/
color: white;/*文字色*/
font-size: 40px;/*文字サイズ*/
text-align:center;/*pタグ内で更に中央寄せ*/
font-family: 'Quicksand',sans-serif;
font-weight: \"bold\";
}
.header-photo img {
width: 99.5%;
}
.artists-title {
margin-left: 5%;
\t\t\tfont-weight: bold;
}
.img-wrapper p {
color: black;
}
/* 922以下の時 */
@media screen and (max-width: 580px) {
.header-photo div {
font-size: 30px;
}
}
</style>
";
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
}
// line 57
public function block_main($context, array $blocks = [])
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
// line 58
echo "
<div class=\"header-photo\">
<img src=\"https://uploads-ssl.webflow.com/631e594043d13c32e2c927d9/631e60467a1cf632e0fb11da_high-road.jpg\">
<div class=\"artists-title\">カテゴリー</div>
</div>
<div class=\"artCategory-flex-page\">
\t";
// line 66
$context['_parent'] = $context;
$context['_seq'] = twig_ensure_traversable((isset($context["categories"]) || array_key_exists("categories", $context) ? $context["categories"] : (function () { throw new RuntimeError('Variable "categories" does not exist.', 66, $this->source); })()));
foreach ($context['_seq'] as $context["_key"] => $context["category"]) {
// line 67
echo "\t\t<div class=\"img-wrapper\">
\t\t\t<a href=\"/products/list?category_id=";
// line 68
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["category"], "id", [], "any", false, false, false, 68), "html", null, true);
echo "\">
\t\t\t\t<img src=\"";
// line 69
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->extensions['Eccube\Twig\Extension\EccubeExtension']->getNoImageProduct(twig_get_attribute($this->env, $this->source, $context["category"], "category_image", [], "any", false, false, false, 69)), "user_data"), "html", null, true);
echo "\" alt=category.name>
\t\t\t\t<p>";
// line 70
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["category"], "name", [], "any", false, false, false, 70), "html", null, true);
echo "</p>
\t\t\t</a>
\t\t</div>
\t";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['category'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 74
echo "</div>
";
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
}
public function getTemplateName()
{
return "Category/index.twig";
}
public function isTraitable()
{
return false;
}
public function getDebugInfo()
{
return array ( 169 => 74, 159 => 70, 155 => 69, 151 => 68, 148 => 67, 144 => 66, 134 => 58, 124 => 57, 74 => 15, 64 => 14, 53 => 8, 51 => 12, 49 => 10, 36 => 8,);
}
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 mypageno = 'index' %}
{% set body_class = 'mypage' %}
{% block stylesheet %}
<style>
.header-photo {
position: relative;
}
.header-photo div {
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin:0;/*余計な隙間を除く*/
padding:0;/*余計な隙間を除く*/
color: white;/*文字色*/
font-size: 40px;/*文字サイズ*/
text-align:center;/*pタグ内で更に中央寄せ*/
font-family: 'Quicksand',sans-serif;
font-weight: \"bold\";
}
.header-photo img {
width: 99.5%;
}
.artists-title {
margin-left: 5%;
\t\t\tfont-weight: bold;
}
.img-wrapper p {
color: black;
}
/* 922以下の時 */
@media screen and (max-width: 580px) {
.header-photo div {
font-size: 30px;
}
}
</style>
{% endblock %}
{% block main %}
<div class=\"header-photo\">
<img src=\"https://uploads-ssl.webflow.com/631e594043d13c32e2c927d9/631e60467a1cf632e0fb11da_high-road.jpg\">
<div class=\"artists-title\">カテゴリー</div>
</div>
<div class=\"artCategory-flex-page\">
\t{% for category in categories %}
\t\t<div class=\"img-wrapper\">
\t\t\t<a href=\"/products/list?category_id={{category.id}}\">
\t\t\t\t<img src=\"{{ asset(category.category_image |no_image_product, 'user_data') }}\" alt=category.name>
\t\t\t\t<p>{{ category.name }}</p>
\t\t\t</a>
\t\t</div>
\t{% endfor %}
</div>
{% endblock %}", "Category/index.twig", "/home/xs230941/tas-lab.net/public_html/app/template/default/Category/index.twig");
}
}