app/template/myufull1/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) 2016 LOCKON 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. {% if recommend_products is not empty %}
  12.   <style type="text/css">
  13.     .slide-wrap {
  14.       margin-bottom: 20px;
  15.       overflow-y: hidden;
  16.       overflow-x: scroll;
  17.       display: flex;
  18.       -webkit-overflow-scrolling: touch;
  19.       overflow-scrolling: touch;
  21.     }
  22.     @media only screen and (max-width: 767px) {
  23.       .side-box {
  24.         flex: 0 0 40%;
  25.         padding: 0 8px;
  26.       }
  27.     }
  28.     @media only screen and (min-width: 768px) {
  29.       .side-box {
  30.         flex: 0 0 18%;
  31.         padding: 0 8px;
  32.       }
  33.     }
  34.     .inner, .inner img {
  35.       max-width: 100%;
  36.     }
  37.   </style>
  38.   <!-- ▼item_list▼ -->
  39.   <div class="ec-shelfRole product-list">
  40.     <h3 class="title-bottom-line mt-3">あなたにおすすめの商品</h3>
  42.     <div class="slide-wrap">
  43.       {% for RecommendProduct in recommend_products %}
  44.         <div class="side-box">
  45.           <div class="inner">
  46.             <a href="{{ url('product_detail', {'id': RecommendProduct.Product.id}) }}">
  47.               <img src="{{ asset(RecommendProduct.Product.mainFileName|no_image_product, "save_image") }}" loading="lazy">
  48.               {# <p>{{ RecommendProduct.comment|raw|nl2br }}</p> #}
  49.               <p>{{ RecommendProduct.Product.name }}</p>
  50.               <p class="price02_default">
  51.                 {% if RecommendProduct.Product.hasProductClass %}
  52.                   {% if RecommendProduct.Product.getPrice02Min == RecommendProduct.Product.getPrice02Max %}
  53.                     {{ RecommendProduct.Product.getPrice02IncTaxMin|price }}
  54.                   {% else %}
  55.                     {{ RecommendProduct.Product.getPrice02IncTaxMin|price }} ～ {{ RecommendProduct.Product.getPrice02IncTaxMax|price }}
  56.                   {% endif %}
  57.                 {% else %}
  58.                   {{ RecommendProduct.Product.getPrice02IncTaxMin|price }}
  59.                 {% endif %}
  60.               </p>
  61.               {# 
  62.               <dl>
  63.                 <dt class="item_name">{{ RecommendProduct.Product.name }}</dt>
  64.                 <dd class="item_price">
  65.                   {% if RecommendProduct.Product.hasProductClass %}
  66.                     {% if RecommendProduct.Product.getPrice02Min == RecommendProduct.Product.getPrice02Max %}
  67.                       {{ RecommendProduct.Product.getPrice02IncTaxMin|price }}
  68.                     {% else %}
  69.                       {{ RecommendProduct.Product.getPrice02IncTaxMin|price }} ～ {{ RecommendProduct.Product.getPrice02IncTaxMax|price }}
  70.                     {% endif %}
  71.                   {% else %}
  72.                     {{ RecommendProduct.Product.getPrice02IncTaxMin|price }}
  73.                   {% endif %}
  74.                 </dd>
  75.               </dl>
  76.                #}
  77.             </a>
  78.           </div>
  79.         </div>
  80.       {% endfor %}
  81.     </div>
  82.   </div>
  83.   <!-- ▲item_list▲ -->
  84. {% endif %}