app/template/default/Block/Sp/Top/lm_content_latest_products.twig line 1

Open in your IDE?
  1. {% set current_path = app.request.get('_route') %}
  3. {% if (current_path == 'top/index' or current_path == 'main-category/index' or current_path == 'item/index' or current_path == 'sub-category/index') %}
  4.   <div style="width: 100vw;">
  5.     <div class="title-h2">
  6.       <h2>&nbsp;最近閲覧した商品はこちら</h2>
  7.     </div>
  8.     <div class="recentviews ajax" style="margin-top:10px;">
  9.       <div id="recentviews" style="overflow: hidden; margin: 0;">
  10.         <div style="margin-left: 0;display:flex;overflow-x:scroll;-webkit-overflow-scrolling: touch;">
  11.           {% for item in recentviews %}
  12.             <div style="width: 105px; float: left;margin: 0 6px;margin-bottom: 15px;">
  13.               <div style="height: 152px;">
  14.                 <a href="/item/{{ item.item_id }}.html"><img class="recommend-images" style="height: auto; display: inline-block; border: 1px solid rgb(204, 204, 204); padding: 0px; width: 105px;" src="{{ makeImageURL("goods.img", item.id) }}" border="0" name="" alt="{{ item.goods_name }}"></a>
  15.               </div>
  16.               <div style="margin-top: 5px; font-size: 11px;line-height:1.3em;">
  17.                 <a href="/item/{{ item.item_id }}.html">{{ item.goods_name }}</a>
  18.               </div>
  19.               <div style="font-size: 11px; color: #666;">
  20.                 <span class="recent_item_price">
  21.                   {{ php_number_format(item.min_gp_price) }}円(税込)</span> ～
  22.                   {% if item.review > 0 %}
  23.                     <div class="recommend-average">{{ item.average_img }}<span class="recommend-average-bracket">(</span><span class="recommend-average-point">{{ php_number_format(item.review) }}</span><span class="recommend-average-bracket">)</span></div>
  24.                   {% endif %}
  25.               </div>
  26.             </div>
  27.           {% endfor %}
  28.         </div>
  29.       </div>
  30.     </div>
  31.   </div>
  32.   <script async>
  33.   $(function() {
  34.     $(".recommend-images").on("load", function(e){
  35.       if (this.width > 105) {
  36.         $(this).css("height", "auto");
  37.         $(this).css("width", "105px");
  38.       }
  39.       $(this).css({
  40.         "padding-top" : (150 - this.height) / 2,
  41.         "padding-right" : (105 - this.width) / 2,
  42.         "padding-bottom" : (150 - this.height) / 2,
  43.         "padding-left" : (105 - this.width) / 2
  44.       });
  45.     }).each(function() {
  46.       if(this.complete || /*for IE 10-*/ $(this).height() > 0)
  47.         $(this).load();
  48.     });
  49.   });
  50.   </script>
  51. {% endif %}