app/template/default/Block/recommend_product_block.twig line 1

Open in your IDE?
  1. {#
  2.  * This file is part of the Recommend Product plugin
  3.  *
  4.  * Copyright (C) EC-CUBE CO.,LTD. All Rights Reserved.
  5.  *
  6.  * For the full copyright and license information, please view the LICENSE
  7.  * file that was distributed with this source code.
  8. #}
  9. {% set recommend_products = repository('Plugin\\Recommend4\\Entity\\RecommendProduct').getRecommendProduct %}
  11. <style type="text/css">
  12.     .sale_badge_area {
  13.         font-size: 10px;
  14.         position: relative;
  15.         bottom: 5px;
  16.         left: 5px;
  17.     }
  19.     .sale_badge_area ul {
  20.         margin: 0;
  21.         padding: 0;
  22.         position: absolute;
  23.         font-size: 10px;
  24.         bottom: 0;
  25.     }
  27.     .sale_badge_area ul li {
  28.         list-style: none;
  29.         padding: 5px 10px;
  30.         background-color: #fd565f;
  31.         color: #FFF;
  32.         z-index: 1;
  33.     }
  35.     @media screen and (max-width:768px) {
  36.         .sale_badge_area ul li {
  37.             padding: 2px 5px;
  38.         }
  39.     }
  40. </style>
  44. <!-- ▼item_list▼ -->
  48. <div class="ec-shelfRole custom_ru_pro">
  49.     <div class="page-width">
  50.       <div class="section-header section-header--with-link">
  51.        <div class="section-header__title">
  52.           <h2 class="section-header__titleText">RECOMMEND</h2>
  53.           <p>おすすめ商品</p>
  54. </div>
  55. {#
  56. <a href="/RecommendProduct" class="section-header__link">一覧を見る</a>
  57. #}
  59.     </div>
  60.     
  61.     <ul class="ec-shelfGrid page-width">
  62.         {% for RecommendProduct in recommend_products %}
  63.             <li class="ec-shelfGrid__item">
  64.                 <a href="{{ url('product_detail', {'id': RecommendProduct.Product.id}) }}">
  65.                     <img src="{{ asset(RecommendProduct.Product.mainFileName|no_image_product, "save_image") }}">
  66.                     {% if RecommendProduct.Product.getPrice01IncTaxMin %}
  67.                     <div class="sale_badge_area">
  68.                         <ul>
  69.                             <li class="sale_badge">
  70.                                 {{ RecommendProduct.Product|sales_off }}
  71.                             </li>
  72.                         </ul>
  73.                     </div>
  74.                     {% endif %}
  75.                     <p>{{ RecommendProduct.comment|raw|nl2br }}</p>
  76.                     <dl>
  77.                         <dt class="item_name">{{ RecommendProduct.Product.name }}</dt>
  78.                         <dd class="item_price">
  79.                             {% if RecommendProduct.Product.hasProductClass %}
  80.                                 {% if RecommendProduct.Product.getPrice02Min == RecommendProduct.Product.getPrice02Max %}
  81.                                     {{ RecommendProduct.Product.getPrice02IncTaxMin|price }}
  82.                                 {% else %}
  83.                                     {{ RecommendProduct.Product.getPrice02IncTaxMin|price }} ～ {{ RecommendProduct.Product.getPrice02IncTaxMax|price }}
  84.                                 {% endif %}
  85.                             {% else %}
  86.                                 {{ RecommendProduct.Product.getPrice02IncTaxMin|price }}
  87.                             {% endif %}
  88.                         </dd>
  89.                     </dl>
  90.                 </a>
  91.             </li>
  92.         {% endfor %}
  93.     </ul>
  94. </div>
  95. </div>
  96. <!-- ▲item_list▲ -->