app/template/idealinc/Blog/list.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  3. {% set body_class = 'blogs_page' %}
  4. {% set wrap_class = 'blogWrap' %}
  5. {% set footerBrandListFlg = true %}
  7. {% block stylesheet %}
  8. <link rel="stylesheet" href="{{ asset('assets/css/contents.css') }}">
  9. {% endblock stylesheet %}
  11. {% block main %}
  12.     {% if shop is not defined or shop is null %}
  13.     {{ include('Block/header.twig') }}
  14.     {% else %}
  15.     {{ include('Block/header_shop.twig') }}
  16.     {% endif %}
  17.   <!-- BLOG -->
  18.   <div class="conts">
  19.       <h2 class="h2Normal">BLOG</h2>
  20.       <p class="txt14 ls6 tarS mt25P">ブログ</p>
  21.   </div>
  22.   <section class="blog">
  23.       {% set i = 0 %}
  24.       {% if currentPage == '1' %}
  25.       <div class="lastest-blogs--wrapper over-hidden">
  26.         <ul class="lastest-blogs--list flex-list--wrapper">
  27.           {% for j in range(0, 1) %}
  28.           {% set i = i + 1 %}
  29.           <li>
  30.             <a href="{{ url('blog_detail', {'id': Blogs[j].id}) }}">
  31.               {% set thumbnail_url = Blogs[j].thumbnail %}
  32.               {% if thumbnail_url is empty %}
  33.                 {% set thumbnail_url = asset('no_image_product.png', 'save_image') %}
  34.               {% endif %}
  35.               <div class="blog-thumbnail" style="background-image:url('{{ thumbnail_url }}')"></div>
  36.               <h3 class="title">
  37.                 <span>{{ Blogs[j].title|raw }}</span>
  38.                 <span class="cat_name">
  39.                     {% if shop is not defined or shop is null %}
  40.                         {{ Blogs[j].cat_name|raw }}
  41.                     {% else %}
  42.                         {{ shop|upper }}
  43.                     {% endif %}
  44.                 </span>
  45.               </h3>
  46.               <p class="date">{{ Blogs[j].date }}</p>
  47.             </a>
  48.           </li>
  49.           {% endfor %}
  50.         </ul>
  51.       </div>
  52.       {% endif %}
  53.       <div class="spWidth">
  54.         <div class="blogs--wrapper over-hidden">
  55.           <ul class="blogs--list flex-list--wrapper">
  56.           {% set continue = false %}
  57.           {% set k = 0 %}
  58.           {% for Blog in Blogs %}
  59.             {% set continue = false %}
  60.             {% if k < i %}
  61.               {% set k = k + 1 %}
  62.               {% set continue = true %}
  63.             {% endif %}
  64.             {% if continue == false %}
  65.             <li>
  66.               <a href="{{ url('blog_detail', {'id': Blog.id}) }}">
  67.                 {% set thumbnail_url = Blog.thumbnail %}
  68.                 {% if thumbnail_url is empty %}
  69.                   {% set thumbnail_url = asset('no_image_product.png', 'save_image') %}
  70.                 {% endif %}
  71.                 <div class="blog-thumbnail" style="background-image:url('{{ thumbnail_url }}')"></div>
  72.                 <h3 class="title">
  73.                     <span>{{ Blog.title|raw }}</span>
  74.                     <span class="cat_name">
  75.                         {% if shop is not defined or shop is null %}
  76.                             {{ Blog.cat_name|raw }}
  77.                         {% else %}
  78.                             {{ shop|upper }}
  79.                         {% endif %}
  80.                     </span>
  81.                 </h3>
  82.                 <p class="date">{{ Blog.date }}</p>
  83.               </a>
  84.             </li>
  85.             {% endif %}
  86.           {% endfor %}
  87.         </ul>
  88.       </div>
  89.   </section>
  90.   {% if max_page_num > 1 %}
  91.       {# the number of first and last pages to be displayed #}
  92.       {% set extremePagesLimit = 3 %}
  94.       {# the number of pages that are displayed around the active page #}
  95.       {% set nearbyPagesLimit = 2 %}
  97.       <div class="pagination">
  98.           {% if currentPage > 1 %}
  99.               <a href="{{ path( app.request.attributes.get('_route'), app.request.query.all|merge({pageno: 1})) }}" class="first-pagination-link">
  100.                 <i class="fas fa-angle-double-left"></i>
  101.               </a>
  102.               <a href="{{ path( app.request.attributes.get('_route'), app.request.query.all|merge({pageno: currentPage-1})) }}" class="prev-pagination-link">
  103.                 <i class="fas fa-angle-left"></i>
  104.               </a>
  106.               {% for i in range(1, extremePagesLimit) if ( i < currentPage - nearbyPagesLimit ) %}
  107.                   <a href="{{ path( app.request.attributes.get('_route'), app.request.query.all|merge({pageno: i})) }}">{{ i }}</a>
  108.               {% endfor %}
  110.               {% if extremePagesLimit + 1 < currentPage - nearbyPagesLimit %}
  111.                   <span class="sep-dots">...</span>
  112.               {% endif %}
  114.               {% for i in range(currentPage-nearbyPagesLimit, currentPage-1) if ( i > 0 ) %}
  115.                   <a href="{{ path( app.request.attributes.get('_route'), app.request.query.all|merge({pageno: i})) }}">{{ i }}</a>
  116.               {% endfor %}
  117.           {% endif %}
  119.           <a href="{{ path( app.request.attributes.get('_route'), app.request.query.all|merge({ pageno: currentPage })) }}"
  120.               class="active">{{ currentPage }}</a>
  122.           {% if currentPage < max_page_num %}
  123.               {% for i in range(currentPage+1, currentPage + nearbyPagesLimit) if ( i <= max_page_num ) %}
  124.                   <a href="{{ path( app.request.attributes.get('_route'), app.request.query.all|merge({pageno: i})) }}">{{ i }}</a>
  125.               {% endfor %}
  127.               {% if  (max_page_num - extremePagesLimit) > (currentPage + nearbyPagesLimit) %}
  128.                   <span class="sep-dots">...</span>
  129.               {% endif %}
  131.               {% for i in range(max_page_num - extremePagesLimit+1, max_page_num) if ( i > currentPage + nearbyPagesLimit ) %}
  132.                   <a href="{{ path( app.request.attributes.get('_route'), app.request.query.all|merge({pageno: i})) }}">{{ i }}</a>
  133.               {% endfor %}
  135.               <a href="{{ path( app.request.attributes.get('_route'), app.request.query.all|merge({pageno: currentPage+1})) }}" class="next-pagination-link">
  136.                 <i class="fas fa-angle-right"></i>
  137.               </a>
  138.               <a href="{{ path( app.request.attributes.get('_route'), app.request.query.all|merge({pageno: max_page_num})) }}" class="last-pagination-link">
  139.                 <i class="fas fa-angle-double-right"></i>
  140.               </a>
  141.           {% endif %}
  142.       </div>
  143.   {% endif %}
  144. {% endblock %}