app/Plugin/SalesRankingB4/Resource/template/Block/sales_ranking_block.twig line 1

Open in your IDE?
  1. {# 
  2.   * 
  3.   * カスタムテンプレ /app/template/myufull1/Block/sales_ranking_block.twig が正常に読まれて以内ので強制修正 
  4.   * 
  5. #}
  6. <!-- ▼ranking_list▼ -->
  8. {% block stylesheet %}
  9.   <style>
  10.     .slide-wrap {
  11.       margin-bottom: 20px;
  12.       overflow-y: hidden;
  13.       overflow-x: scroll;
  14.       display: flex;
  15.       -webkit-overflow-scrolling: touch;
  16.       overflow-scrolling: touch;
  18.     }
  19.     @media only screen and (max-width: 767px) {
  20.       .side-box {
  21.         flex: 0 0 40%;
  22.         padding: 0 8px;
  23.       }
  24.     }
  25.     @media only screen and (min-width: 768px) {
  26.       .side-box {
  27.         flex: 0 0 18%;
  28.         padding: 0 8px;
  29.       }
  30.     }
  31.     .inner, .inner img {
  32.       max-width: 100%;
  33.     }
  34.   </style>
  35. {% endblock %}
  37. {% if ranking_products|length > 0 %}
  38.   <div class="ec-shelfRole product-list">
  39.     <h3 class="title-bottom-line mt-3">人気商品ランキング</h3>
  40.     <div class="slide-wrap">
  41.       {% for RankingProduct in ranking_products %}
  42.         <div class="side-box">
  43.           <div class="inner">
  44.             <a href="{{ url('product_detail', {'id': RankingProduct.id}) }}">
  45.               <img src="{{ asset(RankingProduct.mainFileName|no_image_product, "save_image") }}">
  46.               <p>{{ RankingProduct.name }}</p>
  47.               <p class="price02_default">
  48.                 {% if RankingProduct.hasProductClass %}
  49.                   {% if RankingProduct.getPrice02Min == RankingProduct.getPrice02Max %}
  50.                     {{ RankingProduct.getPrice02IncTaxMin|price }}
  51.                   {% else %}
  52.                     {{ RankingProduct.getPrice02IncTaxMin|price }} ～ {{ RankingProduct.getPrice02IncTaxMax|price }}
  53.                   {% endif %}
  54.                 {% else %}
  55.                   {{ RankingProduct.getPrice02IncTaxMin|price }}
  56.                 {% endif %}
  57.               </p>
  58.             </a>
  59.           </div>
  60.         </div>
  61.       {% endfor %}
  62.     </div>
  63.   </div>
  64. {% endif %}
  65. <!-- ▲ranking_list▲ -->
  69. {# 
  70. <!-- ▼ranking_list▼ -->
  72. {% block stylesheet %}
  73.     <style>
  74.         .sales_style {
  75.             padding-top: 60px;
  76.         }
  77.     </style>
  78. {% endblock %}
  80. {% if ranking_products|length > 0 %}
  81. <div class="ec-shelfRole sales_style">
  82.     <div class="ec-secHeading">
  83.         <span class="ec-secHeading__en">{{ 'SALES RANKING'|trans }}</span>
  84.         <span class="ec-secHeading__line"></span>
  85.         <span class="ec-secHeading__ja">{{ '売上ランキング'|trans }}</span>
  86.     </div>
  87.     <ul class="ec-shelfGrid">
  88.         {% for RankingProduct in ranking_products %}
  89.             <li class="ec-shelfGrid__item">
  90.                 <a href="{{ url('product_detail', {'id': RankingProduct.id}) }}">
  91.                     <img src="{{ asset(RankingProduct.mainFileName|no_image_product, "save_image") }}">
  92.                     <dl>
  93.                         {% if display_name_flg == 1 %}
  94.                         <dt class="item_name">{{ RankingProduct.name }}</dt>
  95.                         {% endif %}
  96.                         {% if display_code_flg == 1 %}
  97.                         <dd class="item_code">{{ RankingProduct.code_min }}{% if RankingProduct.code_min != RankingProduct.code_max %} ～ {{ RankingProduct.code_max }}{% endif %}</dd>
  98.                         {% endif %}
  99.                         {% if display_price_flg == 1 %}
  100.                         <dd class="item_price">
  101.                             {% if RankingProduct.hasProductClass %}
  102.                                 {% if RankingProduct.getPrice02Min == RankingProduct.getPrice02Max %}
  103.                                     {{ RankingProduct.getPrice02IncTaxMin|price }}
  104.                                 {% else %}
  105.                                     {{ RankingProduct.getPrice02IncTaxMin|price }} ～ {{ RankingProduct.getPrice02IncTaxMax|price }}
  106.                                 {% endif %}
  107.                             {% else %}
  108.                                 {{ RankingProduct.getPrice02IncTaxMin|price }}
  109.                             {% endif %}
  110.                         </dd>
  111.                         {% endif %}
  112.                         {% if display_description_list_flg == 1 %}
  113.                         <dd class="item_description">{{ RankingProduct.description_list|raw|nl2br }}</dd>
  114.                         {% endif %}
  115.                     </dl>
  116.                 </a>
  117.             </li>
  118.         {% endfor %}
  119.     </ul>
  120. </div>
  121. {% endif %}
  122. <!-- ▲ranking_list▲ -->
  123.  #}