app/template/default/Block/Sp/Item/lm_item_inventory_list.twig line 1

Open in your IDE?
  1. <style>
  2.     #item-detail #main_banner_wrapper {
  3.         position: relative;
  4.         margin: 0 auto;
  5.         width: 498px;
  6.         overflow: hidden;
  7.         text-align: center;
  8.     }
  10.     #main_banner .slide-img:nth-child(n+2) {
  11.         display: none;
  12.     }
  13. </style>
  15. <style>
  16.     .from_sp {
  17.         display: block;
  18.         margin: 0 10px;
  19.         border: 1px solid #c9c9c9;
  20.         border-radius: 4px;
  21.         background: #f9f9f9;
  22.         background: -webkit-gradient(linear, left top, left bottom, from(#cfcfcf), color-stop(0.03, #eee), color-stop(0.45, #eee), color-stop(0.52, #d7d7d7), to(#eeeeee));
  23.         color: #333;
  24.         font-size: 16px;
  25.         font-weight: bold;
  26.         text-align: center;
  27.     }
  29.     .from_sp > img {
  30.         height: 16px;
  31.     }
  33.     .from_sp > span {
  34.         display: inline-block;
  35.         margin: 5px 0;
  36.     }
  38.     .tel {
  39.         display: block;
  40.         margin: 0 10px;
  41.     }
  43.     .tel img {
  44.         width: 100%;
  45.         vertical-align: middle;
  46.     }
  48.     .campaign-badge {
  49.         display: inline-block;
  50.         padding: 4px 8px;
  51.         margin: 5px 5px 5px 0;
  52.         border-radius: 4px;
  53.         font-size: 12px;
  54.         font-weight: bold;
  55.         color: white;
  56.     }
  57.     .badge-yoridori {
  58.         background-color: #ff6b6b;
  59.     }
  60.     .badge-matome {
  61.         background-color: #4ecdc4;
  62.     }
  63. </style>
  65. <div id="item-detail">
  66.     <div id="item-banners2" style="margin:10px 0;display:none;"></div>
  68.     <div style="margin:10px 0;">
  69.         <a class="tel cv-tel" href="tel:0120-115-116">
  70.             <img src="https://img0.land-mark.biz/ut_img/public_images/itempage/order/itempage-tel-order.png" alt="電話注文">
  71.         </a>
  72.     </div>
  74.     <div style="border-bottom: 1px solid #eee;"></div>
  76.     <div style="margin-top: 15px;" id="main_banner_wrapper">
  77.         <div class="main_banner_arrow left" ontouchstart="clearTimeout(loop_timeout); moveToTarget('prev');">&lt;</div>
  78.         <div id="main_banner">
  79.             <div class='slide-img'><img src='{{ mainUrl }}' alt="img"/></div>
  80.             {% for _img in imgrow %}
  81.                 <div class='slide-img'>
  82.                     <img
  83.                         src="{{ makeImageURL('goods.img', php_substr(data['goods_id'], -1, 1) ~ '/' ~ data['goods_id'] ~ '/' ~ _img['gi_id'] ~ '.jpg') }}"
  84.                         alt="コメント"/>
  85.                     <div
  86.                         style="background-color: #fafafa; overflow: hidden; height: 25px; line-height: 30px; width: 100%; font-size: 12px; margin-top: 10px;">{{ _img['gi_comment'] }}</div>
  87.                 </div>
  88.             {% endfor %}
  89.         </div>
  90.         <div class="main_banner_arrow right" ontouchstart="clearTimeout(loop_timeout); moveToTarget('next');">&gt;</div>
  91.     </div>
  93.     <div style="padding: 7px 0 5px 0;" id="item-name">
  94.         <div class="goods-item-number"><span>商品番号：</span><span
  95.                 id="number">{{ goods.goodsMainKataban }}</span></div>
  96.         {% if data.goods_sale_text is defined %}
  97.             <p class="goods-sale-text">{{ data.goods_sale_text | display_text }}</p>
  98.         {% endif %}
  100.         {# スーパーセール #}
  101.         {% include 'Product/Parts/super_sale.twig' with { goods: goods } only %}
  103.         {% if data.goods_merged_item_number_text is defined %}
  104.             <p class="goods-merged-item-number-text">{{ data.goods_merged_item_number_text | display_text }}</p>
  105.         {% endif %}
  107.         <div style="font-weight: bold;font-size: 4.3vw;line-height:1.3em;margin:5px 0;" id="name">
  108.             {% if goods_name_with_vending_status is defined and goods_name_with_vending_status != '' %}
  109.                 {{ goods_name_with_vending_status | display_text }}
  110.             {% else %}
  111.                 {{ data.goods_name | display_text }}
  112.             {% endif %}
  113.         </div>
  114.         <div style="font-weight: bold; font-size: 14px;">{{ data.goods_sub_name | display_text }}</div>
  116.         {% if reviewAdd.count is defined and reviewAdd.count > 0 %}
  117.             <div class="top-average">評価：<span class="top-average-detail"
  118.                                                 style="font-weight: bold;">{{ reviewAdd.average }}</span> <img
  119.                     style="vertical-align: text-top; height: 13px;" class="top-average-img"
  120.                     alt="お客様からの口コミレビュー評価の星の数{{ reviewAdd.average }}"
  121.                     src="https://img0.land-mark.biz/ut_img/public_images/review/star_m{{ reviewAdd.star }}.gif"> <span
  122.                     class="top-average-bracket">(</span>{{ reviewAdd.count }}件</span><span
  123.                     class="top-average-bracket">)</span></div>
  124.         {% endif %}
  125.     </div>
  127.     <table id="item-detail-info">
  128.         {% if teika is defined and teika != '' %}
  129.             <tr>
  130.                 <th>定価</th>
  131.                 <td id="item-price-catalog-price">{% if php_is_array(teika) %}{{ teika.teika }}{% else %}{{ teika }}{% endif %}
  132.                     円(税込)
  133.                 </td>
  134.             </tr>
  135.         {% endif %}
  136.         <tr>
  137.             <th>販売価格</th>
  138.             <td>
  139.                 <div id="selling-price">
  140.                     <div class="selling-price-inner">
  141.                         <span class="price">{{ php_number_format(displayPrice['mi']) }}</span><span
  142.                             class="yen">円</span>
  143.                         <span
  144.                             class="list-price">[<span>税抜価格{{ php_number_format(displayPrice['gp_price']) }}円</span>]</span>
  145.                     </div>
  146.                     <div class="item_comment">※ サイズによって販売価格が異なります。</div>
  147.                 </div>
  148.             </td>
  149.         </tr>
  150.         {% if useNewItemDescription is not defined and php_trim(php_strip_tags(data.goods_material)) != '' %}
  151.             <tr>
  152.                 <th>商品情報</th>
  153.                 <td>{{ php_strip_tags(data.goods_material) | display_text }}</td>
  154.             </tr>
  155.         {% endif %}
  156.         {% set campaignFlags = getCampaignFlags(goods.goodsId) %}
  157.         {% set yoridoriInfo = campaignFlags.yoridori == 1 ? getYoridoriCampaignInfo(goods.goodsId) : null %}
  158.         {% set matomeInfo = campaignFlags.matome == 1 ? getMatomeCampaignInfo(goods.goodsId) : null %}
  159.         {% if yoridoriInfo or matomeInfo %}
  160.             <tr>
  161.                 <th></th>
  162.                 <td>
  163.                     {% if yoridoriInfo %}
  164.                         <span class="campaign-badge badge-yoridori">{{ yoridoriInfo.name }}（{{ yoridoriInfo.min }}点以上で{{ yoridoriInfo.percent }}%OFF）</span>
  165.                     {% endif %}
  166.                     {% if matomeInfo %}
  167.                         <span class="campaign-badge badge-matome">{{ matomeInfo.name }}（{{ matomeInfo.min }}点以上で{{ matomeInfo.percent }}%OFF）</span>
  168.                     {% endif %}
  169.                 </td>
  170.             </tr>
  171.         {% endif %}
  172.         <tr>
  173.             <th>在庫数</th>
  174.             <td><a id="sizeChartLink" href="#">この商品の在庫数を確認する</a></td>
  175.         </tr>
  176.     </table>
  177. </div>