<?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;
/* blog/detail.twig */
class __TwigTemplate_344b4e83694acbdef7d044052e49d6ba 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'],
'stylesheet' => [$this, 'block_stylesheet'],
'main' => [$this, 'block_main'],
];
}
protected function doGetParent(array $context)
{
// line 1
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", "blog/detail.twig"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "blog/detail.twig"));
$this->parent = $this->loadTemplate("default_frame.twig", "blog/detail.twig", 1);
$this->parent->display($context, array_merge($this->blocks, $blocks));
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
}
// line 3
public function block_javascript($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", "javascript"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
}
// line 5
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 6
echo "<style>
.pluginCMBblog .post_meta {
display: flex;
list-style: none;
margin: 0;
padding: 0;
width: 95%;
margin: 0 auto;
}
.pluginCMBblog .blog_category{
margin: 0;
padding: 0;
}
.pluginCMBblog .blog_category{
display: initial;
}
.pluginCMBblog .blog_category li{
display: initial;
border-right: 1px solid #ddd;
}
.pluginCMBblog .blog_category li:last-child {
border-right: none;
}
.pluginCMBblog .post_meta .post_meta_list{
padding-right: 2rem;
}
.pluginCMBblog .list_category_link{
color: #337ab7;
padding: 0 0.5rem;
}
.pluginCMBblog .figure__main_image {
padding: 0;
margin: 3rem 0;
display: grid;
justify-content: stretch;
align-items: flex-end;
}
.pluginCMBblog .main_image_blog,
.pluginCMBblog figcaption {
padding: 0;
grid-column: 1/2;
grid-row: 1/2;
}
.pluginCMBblog figcaption {
text-align: center;
padding: 0.4rem 2rem;
font-size: 1.3rem;
background-color: rgba(0,0,0,.7);
color: #fff;
overflow: hidden;
white-space: normal;
word-wrap: break-word;
}
.pluginCMBblog .post_meta_list.time{
width: 15rem;
display: inline-table;
}
.pluginCMBblog .tag_dl{
display: flex;
}
.pluginCMBblog .blog_detail .blog_Title{
word-break: break-word;
margin-bottom: 20px;
}
.pluginCMBblog .cm_blog_main_image img{
max-width: 100%;
width: 100%;
}
ul.tag-ul {
padding-left:8px;
list-style: none;
display: flex;
flex-wrap: wrap;
}
ul.tag-ul > li {
margin: 0.4em;
padding: 0 0.8em;
border: 1px solid #ccc;
border-radius: 5px;
}
ul.tag-ul > li > a:hover {
text-decoration: none;
}
h3.tag-header {
padding: 1rem 2rem;
border-left: 4px solid #000;
}
.w-100 {
width: 100%
}
.side-bar > div {
width: 90%;
margin:40px auto;
}
h5.tag-header {
padding: 1rem 2rem;
border-left: 4px solid #000;
}
.month-archive a {
text-decoration: underline;
display: block;
padding: 3px 27px;
}
.ec-productRole__description > p img {
width: calc(var(--width));
margin-bottom: 15px;
}
.archive-link-div {
max-height: 600px;
overflow-y: scroll;
}
.archive-link-div::-webkit-scrollbar {
display: none;
}
@media screen and (max-width: 768px){
.pluginCMBblog .post_meta {
display: block;
}
.pluginCMBblog .post_meta_list.time{
width: 100%;
}
.side-bar > div {
width: 100%
}
}
@media only screen and (min-width: 768px) {
.ec-shelfGrid .ec-shelfGrid__item-image {
height: 150px;
}
h3.tag-header {
margin: 63px 16px 20px;
}
.side-bar {
width: 280px;
background-color: #f6f6f6;
}
/*▼RZ 2023.09.11 EDIT ec-roleのスタイルをこのページに限定 ▼*/
/*
.ec-role {
display: flex;
justify-content: flex-start
}
*/
.blog_box {
display: flex;
justify-content: flex-start
}
/*▲RZ 2023.09.11 EDIT ec-roleのスタイルをこのページに限定 ▲*/
.mt-65 {
margin-top: 65px!important;
}
}
</style>
";
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
}
// line 167
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 168
echo "
<div class=\"ec-role blog_detail pluginCMBblog\">
<div class=\"blog_box\">
<div class=\"w-100\">
<div class=\"ec-pageHeader\">
<h1 class=\"blog_Title\">";
// line 173
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["blog"]) || array_key_exists("blog", $context) ? $context["blog"] : (function () { throw new RuntimeError('Variable "blog" does not exist.', 173, $this->source); })()), "title", [], "any", false, false, false, 173), "html", null, true);
echo "</h1>
</div>
<ul class=\"post_meta \">
<li class=\"post_meta_list time\"><i class=\"fas fa-calendar-alt\"></i> ";
// line 176
echo twig_escape_filter($this->env, twig_date_format_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["blog"]) || array_key_exists("blog", $context) ? $context["blog"] : (function () { throw new RuntimeError('Variable "blog" does not exist.', 176, $this->source); })()), "release_date", [], "any", false, false, false, 176), "Y-m-d"), "html", null, true);
echo "</li>
<li class=\"post_meta_list\">
<dl class=\"tag_dl\">
<dt><i class=\"fas fa-tags\"></i></dt>
<dd>
<ul class=\"blog_category\">
";
// line 182
$context['_parent'] = $context;
$context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["blog"]) || array_key_exists("blog", $context) ? $context["blog"] : (function () { throw new RuntimeError('Variable "blog" does not exist.', 182, $this->source); })()), "getBlogCategories", [], "any", false, false, false, 182));
foreach ($context['_seq'] as $context["_key"] => $context["category"]) {
// line 183
echo " <li class=\"";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["category"], "getCategory", [], "any", false, false, false, 183), "class", [], "any", false, false, false, 183), "html", null, true);
echo "\">
<a href=\"";
// line 184
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("cm_blog_pro_page_list", ["categories" => [0 => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["category"], "getCategory", [], "method", false, false, false, 184), "getId", [], "method", false, false, false, 184)]]), "html", null, true);
echo "\" class=\"list_category_link\">
";
// line 185
echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["category"], "getCategory", [], "any", false, false, false, 185), "getName", [], "any", false, false, false, 185);
echo "
</a>
</li>
";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['category'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 188
echo "
</ul>
</dd>
</dl>
</li>
</ul>
<div class=\"ec-off1Grid\">
<div class=\"ec-off1Grid__cell\">
<div class=\"cm_blog_main_image\">
<figure class=\"figure__main_image\">
";
// line 199
if (twig_get_attribute($this->env, $this->source, (isset($context["blog"]) || array_key_exists("blog", $context) ? $context["blog"] : (function () { throw new RuntimeError('Variable "blog" does not exist.', 199, $this->source); })()), "getMainListImage", [], "any", false, false, false, 199)) {
// line 200
echo " <img src=\"";
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, (isset($context["blog"]) || array_key_exists("blog", $context) ? $context["blog"] : (function () { throw new RuntimeError('Variable "blog" does not exist.', 200, $this->source); })()), "getMainListImage", [], "any", false, false, false, 200)), "save_image"), "html", null, true);
echo "\" class=\"main_image_blog\"></img>
";
} else {
// line 202
echo " <img class='item_blog_image'></img>
";
}
// line 204
echo " ";
if (twig_get_attribute($this->env, $this->source, (isset($context["blog"]) || array_key_exists("blog", $context) ? $context["blog"] : (function () { throw new RuntimeError('Variable "blog" does not exist.', 204, $this->source); })()), "getFigCaption", [], "any", false, false, false, 204)) {
// line 205
echo " <figcaption>";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["blog"]) || array_key_exists("blog", $context) ? $context["blog"] : (function () { throw new RuntimeError('Variable "blog" does not exist.', 205, $this->source); })()), "getFigCaption", [], "any", false, false, false, 205), "html", null, true);
echo "</figcaption>
";
}
// line 207
echo " </figure>
</div>
<div class=\"ec-grid2__cell\">
<div class=\"ec-productRole__profile\">
<div class=\"ec-productRole__description\">";
// line 211
echo twig_get_attribute($this->env, $this->source, (isset($context["blog"]) || array_key_exists("blog", $context) ? $context["blog"] : (function () { throw new RuntimeError('Variable "blog" does not exist.', 211, $this->source); })()), "body", [], "any", false, false, false, 211);
echo "
</div>
</div>
</div>
</div>
</div>
";
// line 217
if ((twig_length_filter($this->env, (isset($context["tags"]) || array_key_exists("tags", $context) ? $context["tags"] : (function () { throw new RuntimeError('Variable "tags" does not exist.', 217, $this->source); })())) > 0)) {
// line 218
echo " <h3 class=\"tag-header\">";
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("plg.CMBlogPro.blog.tag"), "html", null, true);
echo "</h3>
<ul class=\"tag-ul\">
";
// line 220
$context['_parent'] = $context;
$context['_seq'] = twig_ensure_traversable((isset($context["tags"]) || array_key_exists("tags", $context) ? $context["tags"] : (function () { throw new RuntimeError('Variable "tags" does not exist.', 220, $this->source); })()));
foreach ($context['_seq'] as $context["_key"] => $context["tag"]) {
// line 221
echo " <li>
<a href=\"";
// line 222
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("cm_blog_pro_page_list", ["tag" => twig_trim_filter($context["tag"])]), "html", null, true);
echo "\">";
echo twig_escape_filter($this->env, twig_trim_filter($context["tag"]), "html", null, true);
echo "</a>
</li>
";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['tag'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 225
echo " </ul>
";
}
// line 227
echo " <h3 class=\"tag-header\">";
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("plg.CMBlogPro.blog.related_product"), "html", null, true);
echo "</h3>
<div class=\"ec-shelfRole\">
<ul class=\"ec-shelfGrid\">
";
// line 230
$context['_parent'] = $context;
$context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["blog"]) || array_key_exists("blog", $context) ? $context["blog"] : (function () { throw new RuntimeError('Variable "blog" does not exist.', 230, $this->source); })()), "getBlogProduct", [], "any", false, false, false, 230));
foreach ($context['_seq'] as $context["_key"] => $context["product"]) {
// line 231
echo " <li class=\"ec-shelfGrid__item\">
<a href=\"";
// line 232
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_detail", ["id" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["product"], "getProduct", [], "any", false, false, false, 232), "id", [], "any", false, false, false, 232)]), "html", null, true);
echo "\">
<p class=\"ec-shelfGrid__item-image\">
<img src=\"";
// line 234
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, twig_get_attribute($this->env, $this->source, $context["product"], "getProduct", [], "any", false, false, false, 234), "main_list_image", [], "any", false, false, false, 234)), "save_image"), "html", null, true);
echo "\">
</p>
<p>";
// line 236
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["product"], "getProduct", [], "any", false, false, false, 236), "name", [], "any", false, false, false, 236), "html", null, true);
echo "</p>
<p class=\"price02-default\">
";
// line 238
if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["product"], "getProduct", [], "any", false, false, false, 238), "hasProductClass", [], "any", false, false, false, 238)) {
// line 239
echo " ";
if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["product"], "getProduct", [], "any", false, false, false, 239), "getPrice02Min", [], "any", false, false, false, 239) == twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["product"], "getProduct", [], "any", false, false, false, 239), "getPrice02Max", [], "any", false, false, false, 239))) {
// line 240
echo " ";
echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["product"], "getProduct", [], "any", false, false, false, 240), "getPrice02IncTaxMin", [], "any", false, false, false, 240)), "html", null, true);
echo "
";
} else {
// line 242
echo " ";
echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["product"], "getProduct", [], "any", false, false, false, 242), "getPrice02IncTaxMin", [], "any", false, false, false, 242)), "html", null, true);
echo " ~ ";
echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["product"], "getProduct", [], "any", false, false, false, 242), "getPrice02IncTaxMax", [], "any", false, false, false, 242)), "html", null, true);
echo "
";
}
// line 244
echo " ";
} else {
// line 245
echo " ";
echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["product"], "getProduct", [], "any", false, false, false, 245), "getPrice02IncTaxMin", [], "any", false, false, false, 245)), "html", null, true);
echo "
";
}
// line 247
echo " </p>
</a>
</li>
";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['product'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 251
echo " </ul>
</div>
</div>
<div class=\"side-bar\">
<div class=\"mt-65 month-archive\">
<h5 class=\"tag-header\">";
// line 256
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("plg.CMBlogPro.blog.month_archive"), "html", null, true);
echo "</h5>
<div class=\"archive-link-div\">
";
// line 258
$context['_parent'] = $context;
$context['_seq'] = twig_ensure_traversable((isset($context["monthArr"]) || array_key_exists("monthArr", $context) ? $context["monthArr"] : (function () { throw new RuntimeError('Variable "monthArr" does not exist.', 258, $this->source); })()));
foreach ($context['_seq'] as $context["key"] => $context["month"]) {
// line 259
echo " <a href=\"";
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("cm_blog_pro_page_list", ["date" => $context["key"]]), "html", null, true);
echo "\">";
echo twig_escape_filter($this->env, $context["month"], "html", null, true);
echo "</a>
";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['key'], $context['month'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 261
echo " </div>
</div>
</div>
</div>
</div>
";
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
}
public function getTemplateName()
{
return "blog/detail.twig";
}
public function isTraitable()
{
return false;
}
public function getDebugInfo()
{
return array ( 484 => 261, 473 => 259, 469 => 258, 464 => 256, 457 => 251, 448 => 247, 442 => 245, 439 => 244, 431 => 242, 425 => 240, 422 => 239, 420 => 238, 415 => 236, 410 => 234, 405 => 232, 402 => 231, 398 => 230, 391 => 227, 387 => 225, 376 => 222, 373 => 221, 369 => 220, 363 => 218, 361 => 217, 352 => 211, 346 => 207, 340 => 205, 337 => 204, 333 => 202, 327 => 200, 325 => 199, 312 => 188, 302 => 185, 298 => 184, 293 => 183, 289 => 182, 280 => 176, 274 => 173, 267 => 168, 257 => 167, 88 => 6, 78 => 5, 60 => 3, 37 => 1,);
}
public function getSourceContext()
{
return new Source("{% extends 'default_frame.twig' %}
{% block javascript %}{% endblock %}
{% block stylesheet %}
<style>
.pluginCMBblog .post_meta {
display: flex;
list-style: none;
margin: 0;
padding: 0;
width: 95%;
margin: 0 auto;
}
.pluginCMBblog .blog_category{
margin: 0;
padding: 0;
}
.pluginCMBblog .blog_category{
display: initial;
}
.pluginCMBblog .blog_category li{
display: initial;
border-right: 1px solid #ddd;
}
.pluginCMBblog .blog_category li:last-child {
border-right: none;
}
.pluginCMBblog .post_meta .post_meta_list{
padding-right: 2rem;
}
.pluginCMBblog .list_category_link{
color: #337ab7;
padding: 0 0.5rem;
}
.pluginCMBblog .figure__main_image {
padding: 0;
margin: 3rem 0;
display: grid;
justify-content: stretch;
align-items: flex-end;
}
.pluginCMBblog .main_image_blog,
.pluginCMBblog figcaption {
padding: 0;
grid-column: 1/2;
grid-row: 1/2;
}
.pluginCMBblog figcaption {
text-align: center;
padding: 0.4rem 2rem;
font-size: 1.3rem;
background-color: rgba(0,0,0,.7);
color: #fff;
overflow: hidden;
white-space: normal;
word-wrap: break-word;
}
.pluginCMBblog .post_meta_list.time{
width: 15rem;
display: inline-table;
}
.pluginCMBblog .tag_dl{
display: flex;
}
.pluginCMBblog .blog_detail .blog_Title{
word-break: break-word;
margin-bottom: 20px;
}
.pluginCMBblog .cm_blog_main_image img{
max-width: 100%;
width: 100%;
}
ul.tag-ul {
padding-left:8px;
list-style: none;
display: flex;
flex-wrap: wrap;
}
ul.tag-ul > li {
margin: 0.4em;
padding: 0 0.8em;
border: 1px solid #ccc;
border-radius: 5px;
}
ul.tag-ul > li > a:hover {
text-decoration: none;
}
h3.tag-header {
padding: 1rem 2rem;
border-left: 4px solid #000;
}
.w-100 {
width: 100%
}
.side-bar > div {
width: 90%;
margin:40px auto;
}
h5.tag-header {
padding: 1rem 2rem;
border-left: 4px solid #000;
}
.month-archive a {
text-decoration: underline;
display: block;
padding: 3px 27px;
}
.ec-productRole__description > p img {
width: calc(var(--width));
margin-bottom: 15px;
}
.archive-link-div {
max-height: 600px;
overflow-y: scroll;
}
.archive-link-div::-webkit-scrollbar {
display: none;
}
@media screen and (max-width: 768px){
.pluginCMBblog .post_meta {
display: block;
}
.pluginCMBblog .post_meta_list.time{
width: 100%;
}
.side-bar > div {
width: 100%
}
}
@media only screen and (min-width: 768px) {
.ec-shelfGrid .ec-shelfGrid__item-image {
height: 150px;
}
h3.tag-header {
margin: 63px 16px 20px;
}
.side-bar {
width: 280px;
background-color: #f6f6f6;
}
/*▼RZ 2023.09.11 EDIT ec-roleのスタイルをこのページに限定 ▼*/
/*
.ec-role {
display: flex;
justify-content: flex-start
}
*/
.blog_box {
display: flex;
justify-content: flex-start
}
/*▲RZ 2023.09.11 EDIT ec-roleのスタイルをこのページに限定 ▲*/
.mt-65 {
margin-top: 65px!important;
}
}
</style>
{% endblock %}
{% block main %}
<div class=\"ec-role blog_detail pluginCMBblog\">
<div class=\"blog_box\">
<div class=\"w-100\">
<div class=\"ec-pageHeader\">
<h1 class=\"blog_Title\">{{ blog.title }}</h1>
</div>
<ul class=\"post_meta \">
<li class=\"post_meta_list time\"><i class=\"fas fa-calendar-alt\"></i> {{blog.release_date|date('Y-m-d')}}</li>
<li class=\"post_meta_list\">
<dl class=\"tag_dl\">
<dt><i class=\"fas fa-tags\"></i></dt>
<dd>
<ul class=\"blog_category\">
{% for category in blog.getBlogCategories %}
<li class=\"{{category.getCategory.class}}\">
<a href=\"{{ url('cm_blog_pro_page_list', {categories: [category.getCategory().getId()]}) }}\" class=\"list_category_link\">
{{ category.getCategory.getName|raw }}
</a>
</li>
{% endfor %}
</ul>
</dd>
</dl>
</li>
</ul>
<div class=\"ec-off1Grid\">
<div class=\"ec-off1Grid__cell\">
<div class=\"cm_blog_main_image\">
<figure class=\"figure__main_image\">
{% if blog.getMainListImage %}
<img src=\"{{ asset(blog.getMainListImage|no_image_product, 'save_image') }}\" class=\"main_image_blog\"></img>
{% else %}
<img class='item_blog_image'></img>
{% endif %}
{% if blog.getFigCaption %}
<figcaption>{{ blog.getFigCaption }}</figcaption>
{% endif %}
</figure>
</div>
<div class=\"ec-grid2__cell\">
<div class=\"ec-productRole__profile\">
<div class=\"ec-productRole__description\">{{ blog.body|raw }}
</div>
</div>
</div>
</div>
</div>
{% if tags|length > 0 %}
<h3 class=\"tag-header\">{{ 'plg.CMBlogPro.blog.tag'|trans }}</h3>
<ul class=\"tag-ul\">
{% for tag in tags %}
<li>
<a href=\"{{ url('cm_blog_pro_page_list', {tag: tag|trim }) }}\">{{ tag |trim }}</a>
</li>
{% endfor %}
</ul>
{% endif %}
<h3 class=\"tag-header\">{{ 'plg.CMBlogPro.blog.related_product'|trans }}</h3>
<div class=\"ec-shelfRole\">
<ul class=\"ec-shelfGrid\">
{% for product in blog.getBlogProduct %}
<li class=\"ec-shelfGrid__item\">
<a href=\"{{ url('product_detail', {'id': product.getProduct.id}) }}\">
<p class=\"ec-shelfGrid__item-image\">
<img src=\"{{ asset(product.getProduct.main_list_image|no_image_product, 'save_image') }}\">
</p>
<p>{{ product.getProduct.name }}</p>
<p class=\"price02-default\">
{% if product.getProduct.hasProductClass %}
{% if product.getProduct.getPrice02Min == product.getProduct.getPrice02Max %}
{{ product.getProduct.getPrice02IncTaxMin|price }}
{% else %}
{{ product.getProduct.getPrice02IncTaxMin|price }} ~ {{ product.getProduct.getPrice02IncTaxMax|price }}
{% endif %}
{% else %}
{{ product.getProduct.getPrice02IncTaxMin|price }}
{% endif %}
</p>
</a>
</li>
{% endfor %}
</ul>
</div>
</div>
<div class=\"side-bar\">
<div class=\"mt-65 month-archive\">
<h5 class=\"tag-header\">{{ 'plg.CMBlogPro.blog.month_archive'|trans }}</h5>
<div class=\"archive-link-div\">
{% for key, month in monthArr %}
<a href=\"{{ url('cm_blog_pro_page_list', {date: key}) }}\">{{ month }}</a>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
{% endblock %}", "blog/detail.twig", "/home/xs031638/hieiyuba.xyz/public_html/shop/app/template/default/blog/detail.twig");
}
}