app/template/kaiino/Product/list_single_item.twig line 1

Open in your IDE?
  2. <li class="ec-shelfGrid__item">
  3.     <a href="{{ url('product_detail', {'id': Product.id}) }}">
  4.         <div class="ec-shelfGrid__item-image">
  5.             <img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}" loading="lazy">
  6.         
  7.             <ul class="color-list">
  8.               {{ Product.getColorsHTML|raw }}
  9.             </ul>
  10.             {% if Product.stock_find == false %}
  11.             <p class="list_soldout">sold out</p>
  12.           {% endif %}
  13.         </div>
  14.         {{ include('@DesignTag4/tag_list.twig', ignore_missing = true) }}
  15.         <p class="ec-shelfGrid__item-name">{{ Product.name }}</p>
  16.         {% if Product.description_list %}
  17.             <p>{{ Product.description_list|raw|nl2br }}</p>
  18.         {% endif %}
  19.         <p class="price02-default">
  20.             {% if Product.hasProductClass %}
  21.                 {% if Product.getPrice02Min == Product.getPrice02Max %}
  22.                     {{ Product.getPrice02IncTaxMin|price }}
  23.                 {% else %}
  24.                     {{ Product.getPrice02IncTaxMin|price }} ～ {{ Product.getPrice02IncTaxMax|price }}
  25.                 {% endif %}
  26.             {% else %}
  27.                 {{ Product.getPrice02IncTaxMin|price }}
  28.             {% endif %}
  29.         </p>
  30.     </a>
  31. </li>
  33. {#
  34. <div class="ec-contentRole__listItem">
  35.     <a href="{{ url('product_detail', {'id': Product.id}) }}">
  36.         <img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}">
  37.         <p class="ec-contentRole__listItemTitle">{{ Product.name }}</p>
  38.         <p class="ec-contentRole__listItemPrice">
  39.           {% if Product.hasProductClass %}
  40.           {% if Product.getPrice02Min == Product.getPrice02Max %}
  41.             {{ Product.getPrice02IncTaxMin|number_format }}
  42.           {% else %}
  43.             {{ Product.getPrice02IncTaxMin|number_format }} ～ {{ Product.getPrice02IncTaxMax|number_format }}
  44.           {% endif %}
  45.           {% else %}
  46.             {{ Product.getPrice02IncTaxMin|number_format }}
  47.           {% endif %}円(税込)
  48.           
  49.         </p>
  50.     </a>
  51. </div>
  53. <li>
  54.   <a href="{{ url('product_detail', {'id': Product.id}) }}">
  55.     <div class="item-img {{ Product.getProductImgClass }}"><!--{*入荷未定の場合undecidedを付与 / 入荷待ちの場合backorderedを付与*}-->
  56.       <img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}">
  57.       <p class="label">{{ Product.getProductLabel|raw }}</p><!--{*NEWと即納の両方が設定がある場合は即納のみ表示*}-->
  58.     </div>
  59.     <ul class="color-list">
  60.       {% for Class in Product.getProductClasses() %}
  61.         {% if Class.getClassCategory1 %}
  62.         <li class="{{ Class.getClassCategory1().getBackendName() }}"></li>
  63.         {% endif %}
  64.       {% endfor %}
  65.     </ul>
  66.     <p class="item-name">{{ Product }}</p>
  67.     <p class="price"><strong>{% if Product.hasProductClass %}
  68.       {% if Product.getPrice02Min == Product.getPrice02Max %}
  69.         {{ Product.getPrice02IncTaxMin|number_format }}
  70.       {% else %}
  71.         {{ Product.getPrice02IncTaxMin|number_format }} ～ {{ Product.getPrice02IncTaxMax|number_format }}
  72.       {% endif %}
  73.     {% else %}
  74.       {{ Product.getPrice02IncTaxMin|number_format }}
  75.     {% endif %}</strong>円/月</p>
  76.   </a>
  77. </li>#}