app/template/raspia/Block/check_product.twig line 1

Open in your IDE?
  1. {#
  2. /*
  3.  * This file is part of the CheckProduct plugin
  4.  *
  5.  * Copyright(c) 2019 SYSTEM FRIEND INC.
  6.  *
  7.  */
  8. #}
  9. {% if CheckProducts|length > 0 %}
  10.             <div class="ec-secHeading">
  11.                 <h2 class="comTtl03">Check Items</h2>
  12.             </div>
  13.             <div>
  14.                 <div class="itemList checkItems">
  15.                     {% for Product in CheckProducts %}
  16.                         {% if Product.hasProductClass -%}
  17.                             {% if Product.getPrice01Min is not null and Product.getPrice01IncTaxMin == Product.getPrice01IncTaxMax %}
  18.                                 {% set price = Product.getPrice01()[0] %}
  19.                                 {% set taxIn = Product.getPrice01IncTaxs()[0] %}
  20.                             {% elseif Product.getPrice01Min is not null and Product.getPrice01Max is not null %}
  21.                                 {% set price = Product.getPrice01()[0] %}
  22.                                 {% set taxIn = Product.getPrice01IncTaxs()[0] %}
  23.                             {% endif %}
  24.                         {% else -%}
  25.                             {% if Product.getPrice01Max is not null %}
  26.                                 {% set price = Product.getPrice01()[0] %}
  27.                                 {% set taxIn = Product.getPrice01IncTaxs()[0] %}
  28.                             {% endif %}
  29.                         {% endif -%}
  30.                         {% if Product.hasProductClass -%}
  31.                             {% if Product.getPrice02IncTaxMin == Product.getPrice02IncTaxMax %}
  32.                                 {% set price = Product.getPrice02()[0] %}
  33.                                 {% set taxIn = Product.getPrice02IncTaxs()[0] %}
  34.                             {% else %}
  35.                                 {% set price = Product.getPrice02()[0] %}
  36.                                 {% set taxIn = Product.getPrice02IncTaxs()[0] %}
  37.                             {% endif %}
  38.                         {% else -%}
  39.                             {% set price = Product.getPrice02()[0] %}
  40.                             {% set taxIn = Product.getPrice02IncTaxs()[0] %}
  41.                         {% endif -%}
  43.                         <div class="item product-box" data-id="{{ Product.id }}" data-name="{{ Product.name }}" data-category="{% for ProductCategory in Product.ProductCategories %}{% for Category in ProductCategory.Category.path %}{% if(loop.parent.loop.index != 1) %}{{ Category.name }}{%  endif  %}{% endfor %}{% endfor %}
  44.             " data-price="{{ taxIn }}">
  46.                             <a href="{{ url('product_detail', {'id': Product.id}) }}" class="product-link">
  47.                                 <img class="lazyload" src="/html/template/raspia/img/common/load_logo.webp" data-src="{{ asset(Product.main_list_image.getWebpImage()|no_image_product, 'save_image') }}">
  48.                                 <h3 class="ttl">{{ Product.name }}</h3>
  49.                             </a>
  50.                                 <p>
  51.                                     {{ taxIn|price }} <span class="small">(税込)</span>
  53.                                     {% if Product.stock_find %}
  55.                                     {% else %}
  56.                                         <span class="soldOut">SOLD OUT</span>
  57.                                     {% endif %}
  58.                                 </p>
  59.                         </div>
  60.                     {% endfor %}
  61.                 </div>
  62.             </div>
  64. {% endif %}
  66. {% block stylesheet %}
  67.     <style type="text/css">
  68.         .itemList.checkItems{
  69.             justify-content: center;
  70.         }
  71.         .ec-checkProductRole{
  72.             padding: 60px 0 0;}
  74.         .ec-checkProductItemRole__list {
  75.             display: -ms-flexbox;
  76.             display: flex;
  77.             -ms-flex-wrap: wrap;
  78.             flex-wrap: wrap; }
  79.         .ec-checkProductRole__listItem{
  80.             margin-bottom: 4%;
  81.             width: 48%;
  82.             height: auto; }
  83.         .ec-checkProductRole__listItem:nth-child(odd) {
  84.             margin-right: 4%; }
  85.         .ec-checkProductRole__listItemTitle {
  86.             margin: 8px 0;
  87.             font-size: 14px;
  88.             font-weight: bold;
  89.             color: black; }
  91.         .ec-checkProductRole{
  92.             padding: 60px 0;
  93.         }
  95.         .ec-checkProductItemRole__list{
  96.             -ms-flex-wrap: nowrap;
  97.             flex-wrap: nowrap;
  98.         }
  100.         .ec-checkProductRole__listItem{
  101.             margin-bottom: 15px;
  102.             width: calc(100% / 4);
  103.         }
  105.         .ec-checkProductRole__listItem:not(:last-of-type){
  106.             margin-right: 30px;
  107.         }
  109.         .ec-checkProductRole__listItemTitle:nth-child(odd){
  110.             margin-right: 30px;
  111.         }
  112.     </style>
  113. {% endblock %}