app/Plugin/RelatedProduct4/Resource/template/front/related_product.twig line 1

Open in your IDE?
  1. <script>
  2.     $(function () {
  3.         $('#RelatedProduct-product_area').appendTo($('.ec-layoutRole__main, .ec-layoutRole__mainWithColumn, .ec-layoutRole__mainBetweenColumn'));
  4.     });
  5. </script>
  7. <div id="RelatedProduct-product_area" class="ec-shelfRole">
  8.     {% if Product.RelatedProducts is not empty %}
  9.         <h3 class="title-icon _related">
  10.             関連書籍
  11.         </h3>
  12.     {% endif %}
  14.     <ul class="ec-shelfGrid related-list">
  15.         {% for RelatedProduct in Product.RelatedProducts %}
  16.             {% set ChildProduct = RelatedProduct.ChildProduct %}
  17.             {% if ChildProduct.Status.id == constant("Eccube\\Entity\\Master\\ProductStatus::DISPLAY_SHOW") %}
  18.                 <li class="ec-shelfGrid__item js-related-item">
  19.                     <a href="{{ url('product_detail', {id : ChildProduct.id}) }}">
  20.                         <p class="ec-shelfGrid__item-image">
  21.                             <img src="{{ asset(RelatedProduct.ChildProduct.main_list_image|no_image_product, 'save_image') }}">
  22.                         </p>
  23.                         <p class="related-item-title">{{ RelatedProduct.ChildProduct.name }}</p>
  24.                         <div class="related-item-btn">
  25.                             <span class="btn-basic _red _small">
  26.                                 詳しく見る
  27.                             </span>
  28.                         </div>
  29.                     </a>
  30.                     <p class="related-item-description">{{ RelatedProduct.content|length > 50 ? RelatedProduct.content|slice(0, 50) ~ '…' : RelatedProduct.content }}</p>
  31.                 </li>
  32.             {% endif %}
  33.         {% endfor %}
  34.     </ul>
  35.     <div class="related-btn-area js-more-btn">
  36.         <span class="btn-basic _more">
  37.             もっと見る
  38.         </span>
  39.     </div>
  40. </div>