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

Open in your IDE?
  2. {% if Product.RelatedProducts is not empty%}
  3. <script>
  4.     $(function () {
  5.         $('#RelatedProduct-product_area').appendTo($('.detailWrap-related'));
  6.     });
  7. </script>
  8.     <div id="RelatedProduct-product_area">
  9.         <div class="ttlArea02">
  10.             <h2 class="ttl02">関連商品</h2>
  11.             <span class="subTxt01">RELATION</span>
  12.         </div>
  13.         <div class="ec-shelfRole">
  14.             <ul class="cardList01">
  15.             {% for RelatedProduct in Product.RelatedProducts %}
  16.                 {% set ChildProduct = RelatedProduct.ChildProduct %}
  17.                 <li class="card03">
  18.                     <a href="{{ url('product_detail', {'id': ChildProduct.id}) }}">
  19.                         {# <div clas="catchphrase">オビテキスト</div> #}
  20.                         <img src="/html/user_data/dummy.jpg" data-src="{{ asset(ChildProduct.main_list_image|no_image_product, 'save_image') }}" alt="{{ ChildProduct.name }}" class="lazy">
  21.                         <div class="txtBox">
  22.                             <div class="flex01">
  23.                                 {% if ChildProduct.ProductClasses.0.SaleType.id == 3 %}
  24.                                     <div class="type bg02">レンタル</div>
  25.                                 {% else %}
  26.                                     <div class="type bg01">販売</div>
  27.                                 {% endif %}
  28.                                 <div class="rightBox">
  29.                                     <h3 class="itemName">{{ ChildProduct.name }}</h3>
  30.                                     <div class="price">
  31.                                             {% if ChildProduct.ProductClasses.0.SaleType.id == 3 %}
  32.                                                 <p class="rentalPrice lowPrice">
  33.                                                     <span class="tag06">初月費用</span><br class="sp">
  34.                                                     <span class="priceTxt">
  35.                                                         {% if
  36.                                                             ChildProduct.getPrice01Max is defined and
  37.                                                             ChildProduct.getPrice01Max is not empty and
  38.                                                             (
  39.                                                                 ChildProduct.getPrice01Min > ChildProduct.getPrice02Min or
  40.                                                                 ChildProduct.getPrice01Max > ChildProduct.getPrice02Max
  41.                                                             )
  42.                                                         %}
  43.                                                         <span class="defaultPrice">
  44.                                                             <span class="defaultPriceInner">
  45.                                                                 {% if ChildProduct.hasProductClass -%}
  46.                                                                     {% if ChildProduct.getPrice01Min != ChildProduct.getPrice01Max %}
  47.                                                                         {{ ChildProduct.getPrice01IncTaxMin|price }}～{{ ChildProduct.getPrice01IncTaxMax|price }}
  48.                                                                     {% else %}
  49.                                                                         {{ ChildProduct.getPrice01IncTaxMin|price }}
  50.                                                                     {% endif %}
  51.                                                                 {% else %}
  52.                                                                     {{ ChildProduct.getPrice01IncTaxMin|price }}
  53.                                                                 {% endif %}
  55.                                                                 <span class="tax">税込</span>
  56.                                                             </span>
  57.                                                         </span>
  58.                                                         {% endif %}
  59.                                                         <span class="salesPrice">
  60.                                                             {% if ChildProduct.hasProductClass -%}
  61.                                                                 {% if ChildProduct.getPrice02Min != ChildProduct.getPrice02Max %}
  62.                                                                     {{ ChildProduct.getPrice02IncTaxMin|price }}～{{ ChildProduct.getPrice02IncTaxMax|price }}
  63.                                                                 {% else %}
  64.                                                                     {{ ChildProduct.getPrice02IncTaxMin|price }}
  65.                                                                 {% endif %}
  66.                                                             {% else %}
  67.                                                                 {{ ChildProduct.getPrice02IncTaxMin|price }}
  68.                                                             {% endif %}
  69.                                                             <span class="tax">税込</span>
  71.                                                         </span>
  72.                                                     </span>
  73.                                                 </p>
  74.                                                 {% if ChildProduct.ProductClasses.0.getSlnRegularPrice2 is not empty %}
  75.                                                     <p class="rentalPrice lowPrice">
  76.                                                     <span class="priceTxt">
  77.                                                         <span class="tag06 white">2ヶ月目以降</span><br class="sp">
  78.                                                         <span class="salesPrice">
  79.                                                             {{ (ChildProduct.ProductClasses.0.getSlnRegularPrice2 * 1.1)|price }} <span class="tax">税込/月</span>
  80.                                                         </span>
  81.                                                     </span>
  82.                                                 </p>
  83.                                                 {% endif %}
  84.                                                 {% else %}
  85.                                                 <p class="lowPrice">
  86.                                                     {% if ChildProduct.hasProductClass -%}
  87.                                                         {% if ChildProduct.getPrice01Min is not null and ChildProduct.getPrice01IncTaxMin == ChildProduct.getPrice01IncTaxMax %}
  88.                                                             <span class="priceTxt"><span class="salesPrice">{{ (ChildProduct.getPrice01IncTaxMin)|price }} <span class="tax">税込</span></span></span>
  89.                                                         {% elseif ChildProduct.getPrice01Min is not null and ChildProduct.getPrice01Max is not null %}
  90.                                                             <span class="priceTxt"><span class="salesPrice">{{ ChildProduct.getPrice01IncTaxMin|price }}～ {{ ChildProduct.getPrice01IncTaxMax|price }} <span class="tax">税込</span></span></span>
  91.                                                         {% elseif ChildProduct.getPrice02Min is not null and ChildProduct.getPrice02IncTaxMin == ChildProduct.getPrice02IncTaxMax %}
  92.                                                             <span class="priceTxt"><span class="salesPrice">{{ (ChildProduct.getPrice02IncTaxMin)|price }} <span class="tax">税込</span></span></span>
  93.                                                         {% elseif ChildProduct.getPrice02Min is not null and ChildProduct.getPrice02Max is not null %}
  94.                                                             <span class="priceTxt"><span class="salesPrice">{{ ChildProduct.getPrice02IncTaxMin|price }}～ {{ ChildProduct.getPrice02IncTaxMax|price }} <span class="tax">税込</span></span></span>
  95.                                                         {% endif %}
  96.                                                     {% else %}
  97.                                                             <span class="priceTxt"><span class="salesPrice">{{ ChildProduct.getPrice02IncTaxMin|price }} <span class="tax">税込</span></span></span>
  98.                                                     {% endif %}
  99.                                                 </p>
  100.                                                 {% endif %}
  101.                                             </p>
  102.                                         </div>
  103.                                 </div>
  104.                             </div>
  105.                             <div class="spFlex">
  106.                                 {% if ChildProduct.ProductClasses.0.SaleType.id == 3 %}
  107.                                     <div class="type bg02">レンタル</div>
  108.                                 {% else %}
  109.                                     <div class="type bg01">販売</div>
  110.                                 {% endif %}
  111.                                 <ul class="tagList02">
  112.                                     {% if ChildProduct.ProductCategories is not empty %}
  113.                                         {% for ChildProductCategory in ChildProduct.ProductCategories %}
  114.                                         <li>{{ ChildProductCategory.Category.name }}</li>
  115.                                         {% endfor %}
  116.                                 {% endif %}
  117.                                 </ul>
  118.                             </div>
  119.                         </div>
  120.                     </a>
  121.                 </li>
  122.             {% endfor %}
  123.             </ul>
  124.         </div>
  125.     </div>
  126.     {% endif %}