templates/components/entry/detail/_pickup_contents.html.twig line 1

Open in your IDE?
  1. <section class="pickUpContents">
  2.   <div class="section-heading">
  3.     <h4>{{ 'common.entry.pickup_contents.title'|trans }}</h4>
  4.     <p>{{ 'common.entry.pickup_contents.sub'|trans }}</p>
  5.   </div>
  6.   <div class="pickUpContents-inner">
  7.     <div class="pickUpContents-inner__content">
  8.       {% for item in pickup %}
  9.         {% if item.image %}
  10.       <div>
  11.         <img src="{{ path('entry_image', {filename: item.image}) }}" alt="{{ item.title }}">
  12.         <h4>{{ item.trans('title') }}</h4>
  13.         <p>{{ item.trans('caption') }}</p>
  14.       </div>
  15.         {% endif %}
  16.       {% endfor %}
  17.     </div>
  18.     <p class="pickUpContents-text">
  19.       {{ entry.pickupContentsDescriptionTrans() }}
  20.     </p>
  21.     {% if images|length > 1 %}
  22.     <div class="pickUpContents-all">
  23.       {% for img in images %}
  24.       {% if img.image and loop.index <= 5 %}
  25.       <img src="{{ path('entry_image', {filename: img.image}) }}" alt="{{ entry.title }}"{% if loop.last %} class="viewAll"{% endif %}>
  26.       {% if loop.first %}
  27.       <div>
  28.       {% endif %}
  29.       {% if loop.last or loop.index >= 5 %}
  30.         <div class="btnBox modalOpen">
  31.           <a class="whitebtn">{{ 'components.detail.all'|trans }}</a>
  32.         </div>
  33.       {% endif %}
  34.       {% endif %}
  35.       {% endfor %}
  36.         <!--モーダル内のループ-->
  37.         <div class="modal easyModal">
  38.           <div class="modal-header">
  39.             <div class="modal-header__modalClose"></div>
  40.           </div>
  41.           <div class="modal-img">
  42.             {% for img in images %}
  43.             {% if img.image %}
  44.               <a class="grid-item" >
  45.                 <img src="{{ path('entry_image', {filename: img.image}) }}" alt="{{ entry.title }}">
  46.               </a>
  47.             {% endif %}
  48.             {% endfor %}
  49.           </div>
  50.         </div>
  51.       </div>
  52.     </div>
  53.     {% endif %}
  54.   </div>
  55. </section>