app/template/default/Item/main.twig line 82

Open in your IDE?
  1. <div id="cartin-button-guide"></div>
  3. <div class="product-detail" data-id="{{ goods.goodsMainKataban | display_text }}" data-name="{{ data.goods_name | display_text }}"
  4.      data-category="{% for i in breadCrumb %}{% if loop.index != 1 %} / {% endif %}{{ i.label }}{% endfor %}"
  5.      data-price="{{ size[0].gp_price | display_text }}">
  6.     <div id="col2-wrapper">
  7.         <!-- left contents -->
  8.         <div id="lcontents">
  9.             <table cellspacing="0" cellpadding="0">
  10.                 <tr>
  11.                     <td class="entry_pict">
  12.                         <img src="{{ mainUrl }}" alt="{{ comment }}" name="pict{{ goods.goodsId }}" id="pict{{ goods.goodsId }}"/>
  13.                     </td>
  14.                 </tr>
  15.             </table>
  16.             {% if thumbCount > 1 %}
  17.                 <div class="entry_pict_text">
  18.                     <script type="text/javascript">
  19.                         <!--
  20.                         if (document.all || document.getElementById) {
  21.                             document.write("<div id='linkinfolay'>{{ comment }}</div>");
  22.                         }
  23.                         //-->
  24.                     </script>
  25.                 </div>
  26.             {% endif %}
  27.         </div>
  29.         <!-- right contents -->
  30.         <div id="rcontents">
  31.             <div id="rcontent"></div>
  32.             <div class="goods-detail">
  33.                 {{ data.goods_detail | lm_sashikomi }}
  34.             </div>
  35.             {% if data.goods_status != 1 and not is_preview_mode %}
  36.                 <style> .hinban_box {
  37.                         background: none;
  38.                         background-color: #f0f0f0;
  39.                     } </style>
  40.             {% endif %}
  41.             
  42.             <style>
  43.                 .campaign-badge {
  44.                     display: inline-block;
  45.                     padding: 4px 8px;
  46.                     margin: 5px 5px 5px 0;
  47.                     border-radius: 4px;
  48.                     font-size: 12px;
  49.                     font-weight: bold;
  50.                     color: white;
  51.                 }
  52.                 .badge-yoridori {
  53.                     background-color: #ff6b6b;
  54.                 }
  55.                 .badge-matome {
  56.                     background-color: #4ecdc4;
  57.                 }
  58.             </style>
  59.             <div id="{{ goods.goodsId }}" class="hinban_box">
  60.                 {% set hinban_length = goods.goodsMainKataban | length %}
  61.                 {% if hinban_length <= 10 %}
  62.                     {% set fontsize = '40px' %}
  63.                 {% elseif hinban_length <= 12 %}
  64.                     {% set fontsize = '35px' %}
  65.                 {% elseif hinban_length <= 14 %}
  66.                     {% set fontsize = '30px' %}
  67.                 {% elseif hinban_length <= 16 %}
  68.                     {% set fontsize = '25px' %}
  69.                 {% elseif hinban_length <= 18 %}
  70.                     {% set fontsize = '20px' %}
  71.                 {% elseif hinban_length <= 20 %}
  72.                     {% set fontsize = '15px' %}
  73.                 {% else %}
  74.                     {% set fontsize = '40px' %}
  75.                 {% endif %}
  76.                 <p class="gno" style="font-size:{{ fontsize }};">
  77.                     <span>商品番号 :</span>{{ goods.goodsMainKataban }}
  78.                 </p>
  79.             </div>
  80.             <div class="price_box">
  82.                 <p class="goods-sale-text">{{ data.goods_sale_text | display_text }}</p>
  84.                 {# スーパーセール #}
  85.                 {% include 'Product/Parts/super_sale.twig' with { goods: goods } only %}
  87.                 <p class="goods-merged-item-number-text">{{ data.goods_merged_item_number_text | display_text }}</p>
  88.                 <p class="gname">
  89.                     {% if goods_name_with_vending_status is defined and goods_name_with_vending_status %}
  90.                         {{ goods_name_with_vending_status | display_text }}
  91.                     {% else %}
  92.                         {{ data.goods_name | display_text }}
  93.                     {% endif %}
  94.                 </p>
  95.                 <p class="gname-sub">{{ data.goods_sub_name | display_text }}</p>
  96.                 {% if displayTeika.teika is defined and displayTeika.teika %}
  97.                     <p class="gteika">希望小売価格：{{ displayTeika.teika | raw }}</p>
  98.                 {% endif %}
  99.                 
  100.                 {# Campaign badges #}
  101.                 {% set campaignFlags = getCampaignFlags(goods.goodsId) %}
  102.                 {% if campaignFlags.yoridori == 1 %}
  103.                     {% set yoridoriInfo = getYoridoriCampaignInfo(goods.goodsId) %}
  104.                     {% if yoridoriInfo %}
  105.                         <div class="campaign-badge badge-yoridori">{{ yoridoriInfo.name }}（{{ yoridoriInfo.min }}点以上で{{ yoridoriInfo.percent }}%OFF）</div>
  106.                   
  107.                     {% endif %}
  108.                 {% endif %}
  109.                 {% if campaignFlags.matome == 1 %}
  110.                     {% set matomeInfo = getMatomeCampaignInfo(goods.goodsId) %}
  111.                     {% if matomeInfo %}
  112.                         <div class="campaign-badge badge-matome">{{ matomeInfo.name }}（{{ matomeInfo.min }}点以上で{{ matomeInfo.percent }}%OFF）</div>
  113.                    
  114.                     {% endif %}
  115.                 {% endif %}
  116.                 <p class="gprice">
  117.                     <span class="web_tokka">WEB特別価格：</span><span
  118.                         class="kakaku">{{ displayPrice.mi | number_format }}</span>
  119.                     <span class="gprice-txt">円{% if displayPrice2 != "" %}～{% endif %}(税抜価格<span
  120.                             class="fontsize26px">{{ displayPrice.gp_price | number_format }}</span>円{% if displayPrice2 != "" %}～{% endif %})</span>
  121.                     {% if displayTeika.off is defined %}
  122.                         <span class="goff">{{ displayTeika.off }}</span>
  123.                     {% endif %}
  124.                 </p>
  125.                 {% if displayPrice2 != "" %}
  126.                     <div class="sizeprice-box"><p class="sizeprice-box-txt"><span
  127.                                 class="line1">※サイズによって価格が変わります。</span><span
  128.                                 class="sizeprice-txt">{{ displayPrice2 }}</span></p></div>
  129.                 {% endif %}
  131.                 {% if recentviews[goods.goodsId].main_gp_price is defined and recentviews[goods.goodsId].main_gp_price >= BaseInfo.DeliveryFreeAmount %}
  132.                     <p class="gship"><b>送料無料商品です。</b>（※沖縄・離島を除く）</p>
  133.                 {% endif %}
  135.             </div>
  136.             {% if isShowLeftmenu %}
  137.             {% else %}
  138.                 <img src="https://img0.land-mark.biz/ut_img/public_images/image_dt/shopping_guide.gif" alt="お支払い方法" class="spb20"/><br/>
  139.             {% endif %}
  141.             <div id="share_buttons">
  142.                 <!-- Facebook -->
  143.                 <div class="share_button">
  144.                     <div class="fb-like" data-href="/item/{{ goods.itemId }}.html" data-layout="button_count"
  145.                          data-action="like" data-show-faces="true" data-share="false"></div>
  146.                 </div>
  147.                 <!-- Twitter -->
  148.                 <div class="share_button">
  149.                     <a class="twitter-share-button" href="https://twitter.com/share" data-dnt="true">Tweet</a>
  150.                 </div>
  151.                 <!-- LINEで送る -->
  152.                 <div class="share_button">
  153.                     <div class="line-it-button" data-type="share-a" data-lang="ja"></div>
  154.                 </div>
  155.             </div>
  156.         </div>
  157.     </div>
  158.     <br class="clear"/>
  159.     {% if thumbCount > 1 %}
  160.         <div class="entry_l_contents clearfix">
  161.             <div class="entry_l_sam_box">
  162.                 <table cellspacing="0" cellpadding="0">
  163.                     <tr>
  164.                         <td class="entry_l_sam">
  165.                             <img src="{{ mainUrlSum }}"
  166.                                  onmouseover="linkinfo('{{ comment | raw }}');swapImage('pict{{ data.goods_id }}','','{{ mainUrl }}',1,'{{ comment | raw }}')"
  167.                                  onmouseout="swapImage('pict{{ data.goods_id }}','','{{ mainUrl }}',1,'{{ comment | raw }}');"
  168.                                  alt="{{ comment | raw }}" width="45"/>
  169.                         </td>
  170.                     </tr>
  171.                 </table>
  172.                 {{ comment | raw }}
  173.             </div>
  174.             {{ displayOther | raw }}
  175.         </div>
  176.     {% endif %}
  177.     <br class="clear"/>
  179. </div>