var/cache/dev/twig/52/52ba0f5042dcc5f97056a73f305808b6.php line 50

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  15. /* blog/list.twig */
  16. class __TwigTemplate_f8caf6cea83a2d267982428608b96675 extends \Eccube\Twig\Template
  17. {
  18.     private $source;
  19.     private $macros = [];
  21.     public function __construct(Environment $env)
  22.     {
  23.         parent::__construct($env);
  25.         $this->source = $this->getSourceContext();
  27.         $this->blocks = [
  28.             'javascript' => [$this, 'block_javascript'],
  29.             'stylesheet' => [$this, 'block_stylesheet'],
  30.             'main' => [$this, 'block_main'],
  31.         ];
  32.     }
  34.     protected function doGetParent(array $context)
  35.     {
  36.         // line 1
  37.         return "default_frame.twig";
  38.     }
  40.     protected function doDisplay(array $context, array $blocks = [])
  41.     {
  42.         $macros = $this->macros;
  43.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  44.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "blog/list.twig"));
  46.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  47.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "blog/list.twig"));
  49.         $this->parent = $this->loadTemplate("default_frame.twig", "blog/list.twig", 1);
  50.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  51.         
  52.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  54.         
  55.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  57.     }
  59.     // line 3
  60.     public function block_javascript($context, array $blocks = [])
  61.     {
  62.         $macros = $this->macros;
  63.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  64.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  66.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  67.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  69.         
  70.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  72.         
  73.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  75.     }
  77.     // line 5
  78.     public function block_stylesheet($context, array $blocks = [])
  79.     {
  80.         $macros = $this->macros;
  81.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  82.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  84.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  85.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  87.         // line 6
  88.         echo "<style>
  89. /*
  90. .pluginCMBblog .item_blog_image {
  91.     width: 100%;
  92.     height: 248px;
  93.     object-fit: cover;
  94. }
  95. */
  96. .pluginCMBblog .item_blog_image {
  97.     width: 100%;
  98.     height: 190px;
  99.     object-fit: cover;
  100. }
  101. .pluginCMBblog .figure__main_image {
  102.     margin: 0;
  103.     padding: 0;
  104.     display: grid;
  105.     justify-content: stretch;
  106.     align-items: flex-end;
  107. }
  109. .pluginCMBblog .item_blog_image,
  110. .pluginCMBblog figcaption {
  111.     padding: 0;
  112.     grid-column: 1/2;
  113.     grid-row: 1/2;
  114. }
  115. .pluginCMBblog figcaption {
  116.     text-align: center;
  117.     padding: 0.4rem 2rem;
  118.     font-size: 1rem;
  119.     background-color: rgba(0,0,0,.7);
  120.     color: #fff;
  121.     overflow: hidden;
  122.     white-space: normal;
  123.     word-wrap: break-word;
  124. }
  125. .pluginCMBblog .ec-topicpath .ec-topicpath__item {
  126.     display: initial;
  127. }
  128. .pluginCMBblog .list_blog_cat li {
  129.     display: initial;
  130.     letter-spacing: 0.2rem;
  131.     font-size: 16px;
  132.     padding: 0 15px;
  133. }
  134. .pluginCMBblog .list_blog_cat li:nth-child(n+2) {
  135.     border-left: 2px solid #ccc;
  136. }
  137. .pluginCMBblog .list_blog .list_category_link {
  138.     color: #337ab7;
  139.     padding: .2rem 0.5rem;
  140.     font-size: 80%;
  141.     border-right: 1px solid #ddd;
  142. }
  143. .pluginCMBblog .blog_category {
  144.     margin: 0;
  145.     padding: 0;
  146.     display: flex;
  147.     flex-wrap: wrap;
  148. }
  149. .pluginCMBblog .blog_category li {
  150.     display: initial;
  151. }
  152. .pluginCMBblog .blog_category li:last-child .list_category_link {
  153.     border: none;
  154. }
  155. .pluginCMBblog .blog_title_h3 {
  156.     font-size: 16px;
  157.     line-height: 1.4;  
  158.     margin-top: 10px;
  159.     margin-bottom: 1px;
  160.     word-break: break-word;
  161. }
  162. .pluginCMBblog .blog_release_date {
  163.     font-size: 1rem;
  164.     margin-bottom: 1rem;
  165. }
  166. .w-100 {
  167.     width: 100%
  168. }
  169. .side-bar > div {
  170.     width: 90%;
  171.     margin: 40px auto;
  172. }
  173. h5.tag-header {
  174.   padding: 1rem 2rem;
  175.   border-left: 4px solid #000;
  176. }
  177. .month-archive a {
  178.     text-decoration: underline;
  179.     display: block;
  180.     padding: 3px 27px;
  181. }
  182. .archive-link-div {
  183.     max-height: 600px;
  184.     overflow-y: scroll;
  185. }
  186. .archive-link-div::-webkit-scrollbar {
  187.     display: none;
  188. }
  189. @media screen and (max-width: 768px){
  190.     .pluginCMBblog .item_blog_image {
  191.         width: 100%;
  192.         height: 40vw;
  193.         object-fit: cover;
  194.     }
  195.     .side-bar > div {
  196.         width: 100%
  197.     }
  198. }
  199. @media only screen and (min-width: 768px) {
  201.     .side-bar {
  202.         width: 280px;
  203.         background-color: #f6f6f6;
  204.     }
  205. /*▼RZ 2023.09.11 EDIT ec-roleのスタイルをこのページに限定 ▼*/
  206. /*
  207.     .ec-role {
  208.         display: flex;
  209.         justify-content: flex-start
  210.     }
  211. */
  212.     .blog_box {
  213.         display: flex;
  214.         justify-content: flex-start
  215.     }
  216. /*▲RZ 2023.09.11 EDIT ec-roleのスタイルをこのページに限定 ▲*/
  217.     .mt-65 {
  218.         margin-top: 65px;
  219.     }
  220. }
  221. </style>
  222. ";
  223.         
  224.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  226.         
  227.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  229.     }
  231.     // line 142
  232.     public function block_main($context, array $blocks = [])
  233.     {
  234.         $macros = $this->macros;
  235.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  236.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  238.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  239.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  241.         // line 143
  242.         echo "    <div class=\"ec-role pluginCMBblog\">
  243.         <div class=\"blog_box\">
  244.             <div class=\"w-100\">
  245.                 <div class=\"ec-searchnavRole__topicpath\">
  246.                     <ol class=\"ec-topicpath list_blog_cat\">
  247.                         <li class=\"ec-topicpath__item\">
  248.                             <a href=\"";
  249.         // line 149
  250.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("cm_blog_pro_page_list");
  251.         echo "\">";
  252.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("全て"), "html", null, true);
  253.         echo "</a>
  254.                         </li>
  255.                         ";
  256.         // line 151
  257.         $context['_parent'] = $context;
  258.         $context['_seq'] = twig_ensure_traversable((isset($context["categories"]) || array_key_exists("categories", $context) ? $context["categories"] : (function () { throw new RuntimeError('Variable "categories" does not exist.', 151, $this->source); })()));
  259.         foreach ($context['_seq'] as $context["_key"] => $context["category"]) {
  260.             // line 152
  261.             echo "                    
  262.                         <li class=\"";
  263.             // line 153
  264.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["category"], "class", [], "any", false, false, false, 153), "html", null, true);
  265.             echo "\">
  266.                             <a href=\"";
  267.             // line 154
  268.             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, $context["category"], "getId", [], "method", false, false, false, 154)]]), "html", null, true);
  269.             echo "\" class=\"list_category_link\">
  270.                                 ";
  271.             // line 155
  272.             echo twig_get_attribute($this->env, $this->source, $context["category"], "getName", [], "any", false, false, false, 155);
  273.             echo "
  274.                             </a>
  275.                         </li>
  276.                         ";
  277.         }
  278.         $_parent = $context['_parent'];
  279.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['category'], $context['_parent'], $context['loop']);
  280.         $context = array_intersect_key($context, $_parent) + $_parent;
  281.         // line 159
  282.         echo "                    </ol>
  283.                 </div>
  284.         
  285.                 ";
  286.         // line 162
  287.         if ((twig_get_attribute($this->env, $this->source, (isset($context["pagination"]) || array_key_exists("pagination", $context) ? $context["pagination"] : (function () { throw new RuntimeError('Variable "pagination" does not exist.', 162, $this->source); })()), "totalItemCount", [], "any", false, false, false, 162) > 0)) {
  288.             // line 163
  289.             echo "                    <div class=\"ec-shelfRole\" style=\"padding-top: 20px\">
  290.                         <ul class=\"ec-shelfGrid list_blog\">
  291.                             ";
  292.             // line 165
  293.             $context['_parent'] = $context;
  294.             $context['_seq'] = twig_ensure_traversable((isset($context["pagination"]) || array_key_exists("pagination", $context) ? $context["pagination"] : (function () { throw new RuntimeError('Variable "pagination" does not exist.', 165, $this->source); })()));
  295.             foreach ($context['_seq'] as $context["_key"] => $context["blog"]) {
  296.                 // line 166
  297.                 echo "                            <li class=\"ec-shelfGrid__item\">
  298.                                 <a href=\"";
  299.                 // line 167
  300.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("cm_blog_pro_page_detail", ["id" => ((twig_get_attribute($this->env, $this->source, $context["blog"], "slug", [], "any", false, false, false, 167)) ? (twig_get_attribute($this->env, $this->source, $context["blog"], "slug", [], "any", false, false, false, 167)) : (twig_get_attribute($this->env, $this->source, $context["blog"], "id", [], "any", false, false, false, 167)))]), "html", null, true);
  301.                 echo "\">
  302.                                     <figure class=\"figure__main_image\">
  303.                                         ";
  304.                 // line 169
  305.                 if (twig_get_attribute($this->env, $this->source, $context["blog"], "getMainListImage", [], "any", false, false, false, 169)) {
  306.                     // line 170
  307.                     echo "                                            <img src=\"";
  308.                     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["blog"], "getMainListImage", [], "any", false, false, false, 170)), "save_image"), "html", null, true);
  309.                     echo "\" class='item_blog_image' />
  310.                                         ";
  311.                 } else {
  312.                     // line 172
  313.                     echo "                                            <img src=\"";
  314.                     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);
  315.                     echo "\" class='item_blog_image' />
  316.                                         ";
  317.                 }
  318.                 // line 174
  319.                 echo "                                        ";
  320.                 if (twig_get_attribute($this->env, $this->source, $context["blog"], "getFigCaption", [], "any", false, false, false, 174)) {
  321.                     // line 175
  322.                     echo "                                            <figcaption>";
  323.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["blog"], "getFigCaption", [], "any", false, false, false, 175), "html", null, true);
  324.                     echo "</figcaption>
  325.                                         ";
  326.                 }
  327.                 // line 177
  328.                 echo "                                    </figure>
  329.                                 </a>
  330.                                 <h3 class=\"blog_title_h3\">";
  331.                 // line 179
  332.                 (((twig_length_filter($this->env, twig_get_attribute($this->env, $this->source, $context["blog"], "getTitle", [], "any", false, false, false, 179)) > 45)) ? (print (twig_escape_filter($this->env, (twig_slice($this->env, twig_replace_filter(twig_striptags(twig_get_attribute($this->env, $this->source, $context["blog"], "getTitle", [], "any", false, false, false, 179)), ["&nbsp;" => " "]), 0, 45) . "..."), "html", null, true))) : (print (twig_get_attribute($this->env, $this->source, $context["blog"], "getTitle", [], "any", false, false, false, 179))));
  333.                 echo "</h3>  
  334.                                 <div class=\"blog_release_date\">公開日：";
  335.                 // line 180
  336.                 echo twig_escape_filter($this->env, twig_date_format_filter($this->env, twig_get_attribute($this->env, $this->source, $context["blog"], "release_date", [], "any", false, false, false, 180), "Y年m月d日"), "html", null, true);
  337.                 echo "</div>
  338.                                 <ul class=\"blog_category\">
  339.                                         ";
  340.                 // line 182
  341.                 $context['_parent'] = $context;
  342.                 $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, $context["blog"], "getBlogCategories", [], "any", false, false, false, 182));
  343.                 foreach ($context['_seq'] as $context["_key"] => $context["category"]) {
  344.                     // line 183
  345.                     echo "                                            <li class=\"";
  346.                     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);
  347.                     echo "\">
  348.                                                 <a href=\"";
  349.                     // line 184
  350.                     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);
  351.                     echo "\" class=\"list_category_link\">
  352.                                                 ";
  353.                     // line 185
  354.                     (((twig_length_filter($this->env, 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)) > 15)) ? (print (twig_escape_filter($this->env, (twig_slice($this->env, twig_replace_filter(twig_striptags(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)), ["&nbsp;" => " "]), 0, 15) . "..."), "html", null, true))) : (print (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))));
  355.                     echo "
  356.                                                 </a>
  357.                                             </li>
  358.                                         ";
  359.                 }
  360.                 $_parent = $context['_parent'];
  361.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['category'], $context['_parent'], $context['loop']);
  362.                 $context = array_intersect_key($context, $_parent) + $_parent;
  363.                 // line 188
  364.                 echo "        
  365.                                 </ul>
  366.                             </li>
  367.                             ";
  368.             }
  369.             $_parent = $context['_parent'];
  370.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['blog'], $context['_parent'], $context['loop']);
  371.             $context = array_intersect_key($context, $_parent) + $_parent;
  372.             // line 192
  373.             echo "                        </ul>
  374.                     </div>
  375.                     <div class=\"ec-pagerRole\">
  376.                         ";
  377.             // line 195
  378.             $this->loadTemplate("pager.twig", "blog/list.twig", 195)->display(twig_array_merge($context, ["pages" => twig_get_attribute($this->env, $this->source, (isset($context["pagination"]) || array_key_exists("pagination", $context) ? $context["pagination"] : (function () { throw new RuntimeError('Variable "pagination" does not exist.', 195, $this->source); })()), "paginationData", [], "any", false, false, false, 195), "routes" => "cm_blog_pro_page_list"]));
  379.             // line 196
  380.             echo "                    </div>
  381.                 ";
  382.         }
  383.         // line 198
  384.         echo "            </div>
  385.             <div class=\"side-bar\">
  386.                 <div class=\"mt-65 month-archive\">
  387.                     <h5 class=\"tag-header\">";
  388.         // line 201
  389.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("plg.CMBlogPro.blog.month_archive"), "html", null, true);
  390.         echo "</h5>
  391.                     <div class=\"archive-link-div\">
  392.                         ";
  393.         // line 203
  394.         $context['_parent'] = $context;
  395.         $context['_seq'] = twig_ensure_traversable((isset($context["monthArr"]) || array_key_exists("monthArr", $context) ? $context["monthArr"] : (function () { throw new RuntimeError('Variable "monthArr" does not exist.', 203, $this->source); })()));
  396.         foreach ($context['_seq'] as $context["key"] => $context["month"]) {
  397.             // line 204
  398.             echo "                            <a href=\"";
  399.             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);
  400.             echo "\">";
  401.             echo twig_escape_filter($this->env, $context["month"], "html", null, true);
  402.             echo "</a>
  403.                         ";
  404.         }
  405.         $_parent = $context['_parent'];
  406.         unset($context['_seq'], $context['_iterated'], $context['key'], $context['month'], $context['_parent'], $context['loop']);
  407.         $context = array_intersect_key($context, $_parent) + $_parent;
  408.         // line 206
  409.         echo "                    </div>
  410.                 </div>
  411.             </div>
  412.         </div>
  413.     </div>
  414. ";
  415.         
  416.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  418.         
  419.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  421.     }
  423.     public function getTemplateName()
  424.     {
  425.         return "blog/list.twig";
  426.     }
  428.     public function isTraitable()
  429.     {
  430.         return false;
  431.     }
  433.     public function getDebugInfo()
  434.     {
  435.         return array (  409 => 206,  398 => 204,  394 => 203,  389 => 201,  384 => 198,  380 => 196,  378 => 195,  373 => 192,  364 => 188,  354 => 185,  350 => 184,  345 => 183,  341 => 182,  336 => 180,  332 => 179,  328 => 177,  322 => 175,  319 => 174,  313 => 172,  307 => 170,  305 => 169,  300 => 167,  297 => 166,  293 => 165,  289 => 163,  287 => 162,  282 => 159,  272 => 155,  268 => 154,  264 => 153,  261 => 152,  257 => 151,  250 => 149,  242 => 143,  232 => 142,  88 => 6,  78 => 5,  60 => 3,  37 => 1,);
  436.     }
  438.     public function getSourceContext()
  439.     {
  440.         return new Source("{% extends 'default_frame.twig' %}
  442. {% block javascript %}{% endblock %}
  444. {% block stylesheet %}
  445. <style>
  446. /*
  447. .pluginCMBblog .item_blog_image {
  448.     width: 100%;
  449.     height: 248px;
  450.     object-fit: cover;
  451. }
  452. */
  453. .pluginCMBblog .item_blog_image {
  454.     width: 100%;
  455.     height: 190px;
  456.     object-fit: cover;
  457. }
  458. .pluginCMBblog .figure__main_image {
  459.     margin: 0;
  460.     padding: 0;
  461.     display: grid;
  462.     justify-content: stretch;
  463.     align-items: flex-end;
  464. }
  466. .pluginCMBblog .item_blog_image,
  467. .pluginCMBblog figcaption {
  468.     padding: 0;
  469.     grid-column: 1/2;
  470.     grid-row: 1/2;
  471. }
  472. .pluginCMBblog figcaption {
  473.     text-align: center;
  474.     padding: 0.4rem 2rem;
  475.     font-size: 1rem;
  476.     background-color: rgba(0,0,0,.7);
  477.     color: #fff;
  478.     overflow: hidden;
  479.     white-space: normal;
  480.     word-wrap: break-word;
  481. }
  482. .pluginCMBblog .ec-topicpath .ec-topicpath__item {
  483.     display: initial;
  484. }
  485. .pluginCMBblog .list_blog_cat li {
  486.     display: initial;
  487.     letter-spacing: 0.2rem;
  488.     font-size: 16px;
  489.     padding: 0 15px;
  490. }
  491. .pluginCMBblog .list_blog_cat li:nth-child(n+2) {
  492.     border-left: 2px solid #ccc;
  493. }
  494. .pluginCMBblog .list_blog .list_category_link {
  495.     color: #337ab7;
  496.     padding: .2rem 0.5rem;
  497.     font-size: 80%;
  498.     border-right: 1px solid #ddd;
  499. }
  500. .pluginCMBblog .blog_category {
  501.     margin: 0;
  502.     padding: 0;
  503.     display: flex;
  504.     flex-wrap: wrap;
  505. }
  506. .pluginCMBblog .blog_category li {
  507.     display: initial;
  508. }
  509. .pluginCMBblog .blog_category li:last-child .list_category_link {
  510.     border: none;
  511. }
  512. .pluginCMBblog .blog_title_h3 {
  513.     font-size: 16px;
  514.     line-height: 1.4;  
  515.     margin-top: 10px;
  516.     margin-bottom: 1px;
  517.     word-break: break-word;
  518. }
  519. .pluginCMBblog .blog_release_date {
  520.     font-size: 1rem;
  521.     margin-bottom: 1rem;
  522. }
  523. .w-100 {
  524.     width: 100%
  525. }
  526. .side-bar > div {
  527.     width: 90%;
  528.     margin: 40px auto;
  529. }
  530. h5.tag-header {
  531.   padding: 1rem 2rem;
  532.   border-left: 4px solid #000;
  533. }
  534. .month-archive a {
  535.     text-decoration: underline;
  536.     display: block;
  537.     padding: 3px 27px;
  538. }
  539. .archive-link-div {
  540.     max-height: 600px;
  541.     overflow-y: scroll;
  542. }
  543. .archive-link-div::-webkit-scrollbar {
  544.     display: none;
  545. }
  546. @media screen and (max-width: 768px){
  547.     .pluginCMBblog .item_blog_image {
  548.         width: 100%;
  549.         height: 40vw;
  550.         object-fit: cover;
  551.     }
  552.     .side-bar > div {
  553.         width: 100%
  554.     }
  555. }
  556. @media only screen and (min-width: 768px) {
  558.     .side-bar {
  559.         width: 280px;
  560.         background-color: #f6f6f6;
  561.     }
  562. /*▼RZ 2023.09.11 EDIT ec-roleのスタイルをこのページに限定 ▼*/
  563. /*
  564.     .ec-role {
  565.         display: flex;
  566.         justify-content: flex-start
  567.     }
  568. */
  569.     .blog_box {
  570.         display: flex;
  571.         justify-content: flex-start
  572.     }
  573. /*▲RZ 2023.09.11 EDIT ec-roleのスタイルをこのページに限定 ▲*/
  574.     .mt-65 {
  575.         margin-top: 65px;
  576.     }
  577. }
  578. </style>
  579. {% endblock %}
  581. {% block main %}
  582.     <div class=\"ec-role pluginCMBblog\">
  583.         <div class=\"blog_box\">
  584.             <div class=\"w-100\">
  585.                 <div class=\"ec-searchnavRole__topicpath\">
  586.                     <ol class=\"ec-topicpath list_blog_cat\">
  587.                         <li class=\"ec-topicpath__item\">
  588.                             <a href=\"{{ url('cm_blog_pro_page_list') }}\">{{ '全て'|trans }}</a>
  589.                         </li>
  590.                         {% for category in categories %}
  591.                     
  592.                         <li class=\"{{category.class}}\">
  593.                             <a href=\"{{ url('cm_blog_pro_page_list', {categories: [category.getId()]}) }}\" class=\"list_category_link\">
  594.                                 {{ category.getName|raw }}
  595.                             </a>
  596.                         </li>
  597.                         {% endfor %}
  598.                     </ol>
  599.                 </div>
  600.         
  601.                 {% if pagination.totalItemCount > 0 %}
  602.                     <div class=\"ec-shelfRole\" style=\"padding-top: 20px\">
  603.                         <ul class=\"ec-shelfGrid list_blog\">
  604.                             {% for blog in pagination %}
  605.                             <li class=\"ec-shelfGrid__item\">
  606.                                 <a href=\"{{ url('cm_blog_pro_page_detail', {'id': blog.slug ? blog.slug : blog.id}) }}\">
  607.                                     <figure class=\"figure__main_image\">
  608.                                         {% if blog.getMainListImage %}
  609.                                             <img src=\"{{ asset(blog.getMainListImage|no_image_product, 'save_image') }}\" class='item_blog_image' />
  610.                                         {% else %}
  611.                                             <img src=\"{{ asset(''|no_image_product, 'save_image') }}\" class='item_blog_image' />
  612.                                         {% endif %}
  613.                                         {% if blog.getFigCaption %}
  614.                                             <figcaption>{{ blog.getFigCaption }}</figcaption>
  615.                                         {% endif %}
  616.                                     </figure>
  617.                                 </a>
  618.                                 <h3 class=\"blog_title_h3\">{{ blog.getTitle|length > 45 ? blog.getTitle|striptags|replace({('&nbsp;'):' '})|slice(0, 45)|raw ~ '...' : blog.getTitle|raw }}</h3>  
  619.                                 <div class=\"blog_release_date\">公開日：{{ blog.release_date|date('Y年m月d日')}}</div>
  620.                                 <ul class=\"blog_category\">
  621.                                         {% for category in blog.getBlogCategories %}
  622.                                             <li class=\"{{category.getCategory.class}}\">
  623.                                                 <a href=\"{{ url('cm_blog_pro_page_list', {categories: [category.getCategory().getId()]}) }}\" class=\"list_category_link\">
  624.                                                 {{ category.getCategory.getName|length > 15 ? category.getCategory.getName|striptags|replace({('&nbsp;'):' '})|slice(0, 15)|raw ~ '...' : category.getCategory.getName|raw }}
  625.                                                 </a>
  626.                                             </li>
  627.                                         {% endfor %}        
  628.                                 </ul>
  629.                             </li>
  630.                             {% endfor %}
  631.                         </ul>
  632.                     </div>
  633.                     <div class=\"ec-pagerRole\">
  634.                         {% include \"pager.twig\" with {'pages': pagination.paginationData, 'routes' : 'cm_blog_pro_page_list'} %}
  635.                     </div>
  636.                 {% endif %}
  637.             </div>
  638.             <div class=\"side-bar\">
  639.                 <div class=\"mt-65 month-archive\">
  640.                     <h5 class=\"tag-header\">{{ 'plg.CMBlogPro.blog.month_archive'|trans }}</h5>
  641.                     <div class=\"archive-link-div\">
  642.                         {% for key, month in monthArr %}
  643.                             <a href=\"{{ url('cm_blog_pro_page_list', {date: key}) }}\">{{ month }}</a>
  644.                         {% endfor %}
  645.                     </div>
  646.                 </div>
  647.             </div>
  648.         </div>
  649.     </div>
  650. {% endblock %}", "blog/list.twig", "/home/xs031638/hieiyuba.xyz/public_html/shop/app/template/default/blog/list.twig");
  651.     }
  652. }