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

Open in your IDE?
  1. <div id="shared-contents-wrapper"></div>
  3. <div id="pagetop">
  4.     <a href="#">
  5.         <div class="flex">
  6.             <i class="fas fa-caret-up"></i>
  7.             <p>上へ</p>
  8.         </div>
  9.         <img src="https://img0.land-mark.biz/ut_img/public_images/image_dt/page_top_sp.png" alt="上へ">
  10.     </a>
  11. </div>
  13. <!-- 購入手続きへ ボタン -->
  14. <div id="btm-cartin-btn">
  15.     <div class="flex">
  16.         <i class="fa fa-shopping-cart"></i>
  17.         <p>購入手続きへ</p>
  18.     </div>
  19.     <img src="https://img0.land-mark.biz/ut_img/public_images/image_dt/cart_btn_sp.png" alt="購入手続きへ">
  20. </div>
  21. <div class="to-cart no-contents"></div>
  22. <div id="sashikomi-area-wrapper" style="border-top: 1px solid #ccc;">
  23.     {% set top_sashikomi_1 = LM_displaySashikomi_detailGoods(data, true) %}
  24.     <div class="adjust-contents-to-sp {% if top_sashikomi_1 != '' %}top_sashikomi_wrapper{% endif %}">
  25.         {{ sashikomi(top_sashikomi_1) | display_text }}
  26.     </div>
  27.     <!-- 直送バナー表示1 -->
  28.     {% if sokujitsu.type is defined and sokujitsu.type > 0 %}
  29.         <div class="adjust-contents-to-sp top_sashikomi_wrapper sashikomi">
  30.             <a href="#chokusou_banner" class="chokusoubtn"><img src="{{ sokujitsu.img1 }}" alt="平日{{ sokujitsu.timeLimit }}時までのご注文で即日発送できます"></a>
  31.         </div>
  32.     {% endif %}
  34.     <div style="position:relative;"></div>
  35.     {% for i in 2..SET_GOODS_DETAIL_TOP_SASHIKOMI_COUNT %}
  36.         <!-- ラクラク差し込み画像 01基本 -->
  37.         {% if i == 2 and sashikomi_image_info_map is defined and sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_BASE_01]['image_list'] is defined and sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_BASE_01]['image_list'][0] %}
  38.             {% set sashikomi_image_info = sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_BASE_01]['image_list'][0] %}
  39.             {% set alt = data.goods_name %}
  40.             {% if sashikomi_image_info['alt_ut'] is defined %}
  41.                 {% set alt = sashikomi_image_info['alt_ut'] %}
  42.             {% endif %}
  43.             <div class="adjust-contents-to-sp top_sashikomi_wrapper">
  44.                 {{ ('<img src="' ~ sashikomi_image_info.path ~ '" alt="' ~ alt ~ '">' | lm_sashikomi) | raw }}
  45.             </div>
  46.         {% endif %}
  47.         <!-- ラクラク差し込み画像 01基本 -->
  49.         <!-- ラクラク差し込み画像 着用イメージ01（第2イメージ部分） -->
  50.         {% if i == 5 %}
  51.             {% for wearing_image_num in 1..ItemSashikomiImageModel['WEARING_IMAGE_MAX_COUNT'] %}
  52.                 {% set wearing_image_num = php_sprintf('%02d', wearing_image_num) %}
  53.                 {% if sashikomi_image_info_map['wearing_image_' ~ wearing_image_num] is defined and sashikomi_image_info_map['wearing_image_' ~ wearing_image_num]['image_list'] is defined and sashikomi_image_info_map['wearing_image_' ~ wearing_image_num]['image_list'][0] %}
  54.                     {% set sashikomi_image_info = sashikomi_image_info_map['wearing_image_' ~ wearing_image_num]['image_list'][0] %}
  55.                     {% set goods_new_maker = '' %}
  56.                     {% set goods_new_name = '' %}
  57.                     {% if data.goods_new_maker is defined %}
  58.                         {% set goods_new_maker = data.goods_new_maker ~ " " %}
  59.                     {% endif %}
  60.                     {% if data.goods_new_name is defined %}
  61.                         {% set goods_new_name = data.goods_new_name ~ " " %}
  62.                     {% endif %}
  63.                     {% set alt = php_sprintf("%s" ~ data.goods_name|replace({('%'):'%%'}) ~ " " ~ data.goods_canonical_hinban|replace({('%'):'%%'}) ~ " %sモデル着用雰囲気%d", goods_new_maker, goods_new_name, wearing_image_num) %}
  64.                     {% if sashikomi_image_info['alt_ut'] is defined %}
  65.                         {% set alt = sashikomi_image_info['alt_ut'] %}
  66.                     {% endif %}
  68.                     <div class="adjust-contents-to-sp top_sashikomi_wrapper">
  69.                         {{ ('<img src="' ~ sashikomi_image_info.path ~ '" alt="' ~ alt ~ '">' | lm_sashikomi) | raw }}
  70.                     </div>
  71.                 {% endif %}
  72.             {% endfor %}
  73.         {% endif %}
  74.         <!-- ラクラク差し込み画像 着用イメージ01（第2イメージ部分） -->
  76.         <!-- ラクラク差し込み画像 ハンガーイラスト前後 -->
  77.         {% if i == 11 and sashikomi_image_info_map is defined and sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_HANGER_ILLUST]['image_list'] is defined and sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_HANGER_ILLUST]['image_list'][0] %}
  78.             {% set sashikomi_image_info = sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_HANGER_ILLUST]['image_list'][0] %}
  79.             {% set alt = data.goods_name ~ ' ハンガーイラスト・線画' %}
  80.             {% if sashikomi_image_info['alt_ut'] is defined %}
  81.                 {% set alt = sashikomi_image_info['alt_ut'] %}
  82.             {% endif %}
  83.             <div class="adjust-contents-to-sp top_sashikomi_wrapper">
  84.                 <div class="itempage-line"><p><span>HANGER ILLUST</span><span class="ja">ハンガーイラスト・線画</span>
  85.                     </p></div>
  86.                 {{ ('<img src="' ~ sashikomi_image_info.path ~ '" alt="' ~ alt ~ '">' | lm_sashikomi) | raw }}
  87.             </div>
  88.         {% endif %}
  89.         <!-- ラクラク差し込み画像 ハンガーイラスト前後 -->
  91.         <!-- FABRIC　素材・機能について -->
  92.         {% if i == 14 %}
  93.             {% if sashikomi_image_info_map is defined and sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_FABRIC]['image_list'] is defined %}
  94.                 <div class="adjust-contents-to-sp top_sashikomi_wrapper">
  95.                     <div class="itempage-line"><p><span>FABRIC GUIDE</span><span class="ja">素材について</span></p>
  96.                     </div>
  97.                     <ul class="sashikomi-fabric-list">
  98.                         {% for fabric_row in sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_FABRIC]['image_list'] %}
  99.                             <li class="sashikomi-fabric-row sashikomi-fabric-row-image-{{ fabric_row.fabric_image_pos }}">
  100.                                 <div class="sashikomi-fabric-row-image">
  101.                                     <img src="{{ fabric_row.path }}" alt="{{ fabric_row.fabric_headline_text }}">
  102.                                 </div>
  103.                                 <div class="sashikomi-fabric-row-text">
  104.                                     <h3>{{ php_nl2br(fabric_row.fabric_headline_text) }}</h3>
  105.                                     <p>{{ php_nl2br(fabric_row.fabric_explain_text) }}</p>
  106.                                 </div>
  107.                             </li>
  108.                         {% endfor %}
  109.                     </ul>
  110.                 </div>
  111.             {% endif %}
  112.         {% endif %}
  113.         <!-- FABRIC　素材・機能について -->
  115.         <!-- ラクラク差し込み画像 アッパー -->
  116.         {% if i == 14 and sashikomi_image_info_map is defined and sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_UPPER]['image_list'] is defined and sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_UPPER]['image_list'][0] %}
  117.             {% set sashikomi_image_info = sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_UPPER]['image_list'][0] %}
  118.             {% set alt = data.goods_name ~ ' アッパー' %}
  119.             {% if sashikomi_image_info['alt_ut'] is defined %}
  120.                 {% set alt = sashikomi_image_info['alt_ut'] %}
  121.             {% endif %}
  122.             <div class="adjust-contents-to-sp top_sashikomi_wrapper">
  123.                 <div class="itempage-line"><p><span>UPPER</span><span class="ja">アッパー</span></p></div>
  124.                 {{ ('<img src="' ~ sashikomi_image_info.path ~ '" alt="' ~ alt ~ '">' | lm_sashikomi) | raw }}
  125.             </div>
  126.         {% endif %}
  127.         <!-- ラクラク差し込み画像 アッパー -->
  129.         <!-- ラクラク差し込み画像 ミッドソール -->
  130.         {% if i == 14 and sashikomi_image_info_map is defined and sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_MID_SOLE]['image_list'] is defined and sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_MID_SOLE]['image_list'][0] %}
  131.             {% set sashikomi_image_info = sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_MID_SOLE]['image_list'][0] %}
  132.             {% set alt = data.goods_name ~ ' ミッドソール' %}
  133.             {% if sashikomi_image_info['alt_ut'] is defined %}
  134.                 {% set alt = sashikomi_image_info['alt_ut'] %}
  135.             {% endif %}
  136.             <div class="adjust-contents-to-sp top_sashikomi_wrapper">
  137.                 <div class="itempage-line"><p><span>MID SOLE</span><span class="ja">ミッドソール</span></p></div>
  138.                 {{ ('<img src="' ~ sashikomi_image_info.path ~ '" alt="' ~ alt ~ '">' | lm_sashikomi) | raw }}
  139.             </div>
  140.         {% endif %}
  141.         <!-- ラクラク差し込み画像 ミッドソール -->
  143.         <!-- ラクラク差し込み画像 アウトソール・靴底 -->
  144.         {% if i == 14 and sashikomi_image_info_map is defined and sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_OUT_SOLE]['image_list'] is defined and sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_OUT_SOLE]['image_list'][0] %}
  145.             {% set sashikomi_image_info = sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_OUT_SOLE]['image_list'][0] %}
  146.             {% set alt = data.goods_name ~ ' アウトソール・靴底' %}
  147.             {% if sashikomi_image_info['alt_ut'] is defined %}
  148.                 {% set alt = sashikomi_image_info['alt_ut'] %}
  149.             {% endif %}
  150.             <div class="adjust-contents-to-sp top_sashikomi_wrapper">
  151.                 <div class="itempage-line"><p><span>OUT SOLE</span><span class="ja">アウトソール・靴底</span></p></div>
  152.                 {{ ('<img src="' ~ sashikomi_image_info.path ~ '" alt="' ~ alt ~ '">' | lm_sashikomi) | raw }}
  153.             </div>
  154.         {% endif %}
  155.         <!-- ラクラク差し込み画像 アウトソール・靴底 -->
  157.         <!-- ラクラク差し込み画像 こだわりPOINT(商品の平置き写真-前後) -->
  158.         {% if i == 14 and sashikomi_image_info_map is defined and sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_DETAIL_FRONT_BACK]['image_list'] is defined and sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_DETAIL_FRONT_BACK]['image_list'][0] %}
  159.             {% set sashikomi_image_info = sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_DETAIL_FRONT_BACK]['image_list'][0] %}
  160.             {% set alt = data.goods_name ~ ' 商品詳細・こだわりPOINT' %}
  161.             {% if sashikomi_image_info['alt_ut'] is defined %}
  162.                 {% set alt = sashikomi_image_info['alt_ut'] %}
  163.             {% endif %}
  164.             <div class="adjust-contents-to-sp top_sashikomi_wrapper">
  165.                 <div class="itempage-line"><p><span>ITEM DETAIL</span><span class="ja">商品詳細・こだわりPOINT</span>
  166.                     </p></div>
  167.                 <div class="kodawari-text-805px">
  168.                     <div class="kodawari-photo">
  169.                         {{ ('<img src="' ~ sashikomi_image_info.path ~ '" alt="' ~ alt ~ '">' | lm_sashikomi) | raw }}
  170.                     </div>
  172.                     {% if sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_DETAIL_COLUMN]['column_num'] is defined %}
  173.                         {% set display_column_class = 'two2' %}
  174.                         {% if sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_DETAIL_COLUMN]['column_num'] == 3 %}
  175.                             {% set display_column_class = 'three3' %}
  176.                         {% endif %}
  177.                         {% set detail_image_num = 1 %}
  178.                         {% if sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_DETAIL_COLUMN]['image_list'] is defined %}
  179.                             {% for sashikomi_image_info in sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_DETAIL_COLUMN]['image_list'] %}
  180.                                 {% set alt = '' %}
  181.                                 {% if sashikomi_image_info.alt_ut is defined and sashikomi_image_info.alt_ut != '' %}
  182.                                     {% set alt = sashikomi_image_info.alt_ut %}
  183.                                 {% else %}
  184.                                     {% set alt = data.goods_name ~ ' ' ~ sashikomi_image_info.explain_text %}
  185.                                 {% endif %}
  187.                                 <div class="kodawari-{{ display_column_class }}-column">
  188.                                     <p class="kodawari-no">{{ detail_image_num }}</p>
  189.                                     {{ ('<img src="' ~ sashikomi_image_info.path ~ '" alt="' ~ alt ~ '">' | lm_sashikomi) | raw }}
  190.                                     {% if sashikomi_image_info.headline_text is defined %}
  191.                                         <h4>{{ sashikomi_image_info.headline_text }}</h4>
  192.                                     {% endif %}
  193.                                     <p class="kodawari-text">{{ php_nl2br(sashikomi_image_info.explain_text) | raw }}</p>
  194.                                 </div>
  196.                                 {% set detail_image_num = detail_image_num + 1 %}
  197.                             {% endfor %}
  198.                         {% endif %}
  199.                     {% endif %}
  200.                 </div>
  201.             </div>
  202.         {% endif %}
  203.         <!-- ラクラク差し込み画像 こだわりPOINT(商品の平置き写真-前後) -->
  205.         <!-- ラクラク差し込み画像 モデル前後（メンズ）　下線（仕切り）なし -->
  206.         {% set sashikomi = '' %}
  207.         {% if i == 15 and sashikomi_image_info_map is defined and sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_MODEL_MENS]['image_list'] is defined and sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_MODEL_MENS]['image_list'][0] %}
  208.             {% set sashikomi_image_info = sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_MODEL_MENS]['image_list'][0] %}
  209.             {% set alt = data.goods_name ~ ' モデル前後（メンズ）' %}
  210.             {% if sashikomi_image_info['alt_ut'] is defined %}
  211.                 {% set alt = sashikomi_image_info['alt_ut'] %}
  212.             {% endif %}
  214.             {% set sashikomi = '<img src="' ~ sashikomi_image_info.path ~ '" alt="' ~ alt ~ '">' | lm_sashikomi %}
  215.         {% endif %}
  216.         {% if i == 15 and sashikomi_image_info_map is defined and sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_MODEL_LADIES]['image_list'] is defined and sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_MODEL_LADIES]['image_list'][0] %}
  217.             {% set sashikomi_image_info = sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_MODEL_LADIES]['image_list'][0] %}
  218.             {% set alt = data.goods_name ~ ' モデル前後（メンズ）' %}
  219.             {% if sashikomi_image_info['alt_ut'] is defined %}
  220.                 {% set alt = sashikomi_image_info['alt_ut'] %}
  221.             {% endif %}
  223.             {% set sashikomi = sashikomi ~ ('<img src="' ~ sashikomi_image_info.path ~ '" alt="' ~ alt ~ '">' | lm_sashikomi) %}
  224.         {% endif %}
  225.         {% if sashikomi != '' %}
  226.             <div class="adjust-contents-to-sp top_sashikomi_wrapper">{{ sashikomi | raw }}</div>
  227.         {% endif %}
  228.         <!-- ラクラク差し込み画像 モデル前後（メンズ）　下線（仕切り）なし -->
  230.         <!-- ラクラク差し込み画像 COLOR VARIATION　色展開 -->
  231.         {% if i == 15 and sashikomi_image_info_map is defined and ((sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_BASE_03]['image_list'] is defined and sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_BASE_03]['image_list'][0]) or (sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_COLOR_VARIATION]['image_list'] is defined)) %}
  232.             <div class="adjust-contents-to-sp top_sashikomi_wrapper sashikomi">
  233.                 <div class="itempage-line"><p><span>COLOR VARIATION</span><span class="ja">色展開</span></p></div>
  235.                 {% if sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_BASE_03]['image_list'] is defined and sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_BASE_03]['image_list'][0] %}
  236.                     {% set sashikomi_image_info = sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_BASE_03]['image_list'][0] %}
  237.                     {% set alt = data.goods_name ~ ' 色展開' %}
  238.                     {{ ('<img src="' ~ sashikomi_image_info.path ~ '" alt="' ~ alt ~ '" />' | lm_sashikomi) | raw }}
  239.                 {% endif %}
  241.                 {% if sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_COLOR_VARIATION]['image_list'] is defined %}
  242.                     <ul class="sashikomi-color-variation-list color-variation-{{ sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_COLOR_VARIATION]['column_num'] }}col">
  243.                         {% for color_variation_row in sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_COLOR_VARIATION]['image_list'] %}
  244.                             {% set idx = loop.index0 %}
  245.                             {% set sashikomi_image_info = sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_COLOR_VARIATION]['image_list'][idx] %}
  246.                             {% set color_variation_alt = php_implode(' ', [
  247.                                 goods.goodsMainKataban,
  248.                                 color_variation_row.image_num,
  249.                                 color_variation_row.color_name
  250.                             ]) %}
  251.                             {% set color_label = color_variation_row.color_name ~ "(" ~ color_variation_row.image_num ~ ")" %}
  252.                             <li>
  253.                                 <div class="sashikomi-color-variation-row-image">
  254.                                     {{ ('<img src="' ~ sashikomi_image_info.path ~ '" alt="' ~ alt ~ '" />' | lm_sashikomi) | raw }}
  255.                                     {% if color_variation_row.is_direct_delivery is defined and color_variation_row.is_direct_delivery is not empty %}
  256.                                         <div
  257.                                             class="direct-delivery-icon direct-delivery-icon-{{ color_variation_row.image_num }}"
  258.                                             style="display: block">
  259.                                             {{ '<img src="https://img0.land-mark.biz/ut_img/public_images/itempage/chokusou/icon-common.png">' | lm_sashikomi | raw }}
  260.                                         </div>
  261.                                     {% endif %}
  262.                                 </div>
  263.                                 <div class="sashikomi-color-variation-row-text">
  264.                                     <span>{{ color_label }}</span>
  265.                                 </div>
  266.                             </li>
  267.                         {% endfor %}
  268.                     </ul>
  269.                 {% endif %}
  270.             </div>
  272.             {% if sokujitsu.type is defined and sokujitsu.type == 1 %}
  273.                 <div class="adjust-contents-to-sp top_sashikomi_wrapper sashikomi">
  274.                     <a href="#chokusou_banner" class="chokusoubtn"><img src="{{ sokujitsu.img2 }}"
  275.                                                                         alt="平日{{ sokujitsu.timeLimit }}時までのご注文で即日発送できます"></a>
  276.                 </div>
  277.             {% endif %}
  279.         {% endif %}
  282.         <!-- ラクラク差し込み画像 COLOR VARIATION　色展開 -->
  284.         <!-- ラクラク差し込み画像 カラーUP -->
  285.         {% if i == 15 and sashikomi_image_info_map is defined and sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_COLORUP]['image_list'] is defined and sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_COLORUP]['image_list'][0] %}
  286.             {% set sashikomi_image_info = sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_COLORUP]['image_list'][0] %}
  287.             {% set alt = data.goods_name ~ ' カラーUP' %}
  288.             {% if sashikomi_image_info['alt_ut'] is defined %}
  289.                 {% set alt = sashikomi_image_info['alt_ut'] %}
  290.             {% endif %}
  291.             <div class="adjust-contents-to-sp top_sashikomi_wrapper">
  292.                 {{ ('<img src="' ~ sashikomi_image_info.path ~ '" alt="' ~ alt ~ '">' | lm_sashikomi) | raw }}
  293.             </div>
  294.         {% endif %}
  295.         <!-- ラクラク差し込み画像 カラーUP -->
  297.         <!-- ラクラク差し込み画像 サイズシルエット -->
  298.         {% if i == 30 and sashikomi_image_info_map is defined and sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_SIZE_SILHOUETTE]['image_list'] is defined and sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_SIZE_SILHOUETTE]['image_list'][0] %}
  299.             {% set sashikomi_image_info = sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_SIZE_SILHOUETTE]['image_list'][0] %}
  300.             {% set alt = data.goods_name ~ ' サイズシルエット' %}
  301.             {% if sashikomi_image_info['alt_ut'] is defined %}
  302.                 {% set alt = sashikomi_image_info['alt_ut'] %}
  303.             {% endif %}
  304.             <div class="adjust-contents-to-sp top_sashikomi_wrapper">
  305.                 <div class="itempage-line"><p><span>SIZE SILHOUETTE</span><span class="ja">サイズシルエット</span></p>
  306.                 </div>
  307.                 {{ ('<img src="' ~ sashikomi_image_info.path ~ '" alt="' ~ alt ~ '">' | lm_sashikomi) | raw }}
  308.             </div>
  309.         {% endif %}
  310.         <!-- ラクラク差し込み画像 サイズシルエット -->
  312.         <!-- ラクラク差し込み画像 ポケットサイズ -->
  313.         {% if i == 30 and sashikomi_image_info_map is defined and sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_POCKET_SIZE_AREA]['image_list'] is defined and sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_POCKET_SIZE_AREA]['image_list'][0] %}
  314.             {% set sashikomi_image_info = sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_POCKET_SIZE_AREA]['image_list'][0] %}
  315.             {% set alt = data.goods_name ~ ' ポケットサイズ' %}
  316.             {% if sashikomi_image_info['alt_ut'] is defined %}
  317.                 {% set alt = sashikomi_image_info['alt_ut'] %}
  318.             {% endif %}
  319.             <div class="adjust-contents-to-sp top_sashikomi_wrapper">
  320.                 <div class="itempage-line"><p><span>POCKET SIZE</span><span class="ja">ポケットサイズ</span></p></div>
  321.                 {{ ('<img src="' ~ sashikomi_image_info.path ~ '" alt="' ~ alt ~ '">' | lm_sashikomi) | raw }}
  322.             </div>
  323.         {% endif %}
  324.         <!-- ラクラク差し込み画像 ポケットサイズ -->
  326.         <!-- ラクラク差し込み画像 プリントエリア -->
  327.         {% if i == 31 and sashikomi_image_info_map is defined and sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_PRINT_AREA]['image_list'] is defined and sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_PRINT_AREA]['image_list'][0] %}
  328.             {% set sashikomi_image_info = sashikomi_image_info_map[ItemSashikomiImageModel.TYPE_PRINT_AREA]['image_list'][0] %}
  329.             {% set alt = data.goods_name ~ ' プリントエリア' %}
  330.             {% if sashikomi_image_info['alt_ut'] is defined %}
  331.                 {% set alt = sashikomi_image_info['alt_ut'] %}
  332.             {% endif %}
  333.             <div class="adjust-contents-to-sp top_sashikomi_wrapper">
  334.                 <div class="itempage-line"><p><span>プリントエリア</span><span class="ja">プリントエリア</span></p>
  335.                 </div>
  336.                 {{ ('<img src="' ~ sashikomi_image_info.path ~ '" alt="' ~ alt ~ '">' | lm_sashikomi) | raw }}
  337.             </div>
  338.         {% endif %}
  339.         <!-- ラクラク差し込み画像 プリントエリア -->
  341.         <!-- 性別表記の差し込み画像 -->
  342.         {% if i == 3 %}
  344.             {% if show_sashikomi_target_gender_src is defined and show_sashikomi_target_gender_src is not empty %}
  345.             <div class="adjust-contents-to-sp top_sashikomi_wrapper"><img
  346.                     src="/images/{{ show_sashikomi_target_gender_src }} " alt="{{ show_sashikomi_target_gender_alt }}">
  347.             </div>
  348.             {% endif %}
  350.         {% endif %}
  351.         <!-- 性別表記の差し込み画像 -->
  353.         {% if data['goods_top_sashikomi' ~ i] is defined %}
  354.             <div
  355.                 class="adjust-contents-to-sp top_sashikomi_wrapper sashikomi-{{ i }}">{{ (data['goods_top_sashikomi' ~ i] | lm_sashikomi) | raw }}</div>
  356.         {% endif %}
  358.         {% if i == 2 %}
  360.         {% endif %}
  362.         {% if i == 5 %}
  363.             {% if data.goods_top_sashikomi_youtube1 is defined %}
  364.                 <div
  365.                     class="adjust-contents-to-sp top_sashikomi_wrapper sashikomi-youtube">{{ (data.goods_top_sashikomi_youtube1 | lm_sashikomi) | raw }}</div>
  366.             {% endif %}
  367.         {% endif %}
  369.         {% if i == 15 %}
  370.             <div style="clear:both;"></div>
  371.             {% if goodsSeriesList is defined %}
  372.                 {% if goodsSeriesList[2] is defined %}
  373.                     {% for goodsSeries in goodsSeriesList[2] %}
  374.                         <div class="goods-series col2">
  375.                             {% if goodsSeries['gs_title'] is defined or goodsSeries['gs_sub_title'] is defined %}
  376.                                 <header>
  377.                                     <div class="itempage-line">
  378.                                         <p>
  379.                                             {% if goodsSeries['gs_title'] is defined %}
  380.                                                 <span
  381.                                                     class="heading heading-large">{{ goodsSeries['gs_title'] | display_text }}</span>
  382.                                             {% endif %}
  384.                                             {% if goodsSeries['gs_sub_title'] is defined %}
  385.                                                 <span
  386.                                                     class="heading heading-small ja">{{ goodsSeries['gs_sub_title'] | display_text }}</span>
  387.                                             {% endif %}
  388.                                         </p>
  389.                                     </div>
  390.                                 </header>
  391.                             {% endif %}
  392.                             <article>
  393.                                 {% for goods in goodsSeries['goods_list'] %}
  394.                                     {% set itemId = goods['goods_id'] %}
  395.                                     {% if goods['goods_canonical_hinban'] is defined %}
  396.                                         {% set itemId = goods['goods_canonical_hinban'] %}
  397.                                     {% endif %}
  398.                                     <a class="goods-box" href="/item/{{ itemId }}.html">
  399.                                         <div class="goods-body">
  400.                                             <div class="img-box">
  401.                                                 <img src="{{ makeImageURL('goods.img', goods['goods_id']) }}">
  402.                                             </div>
  403.                                             <div class="color-box">
  404.                                                 <div class="color-num-box">
  405.                                                     <span
  406.                                                         class="color-num">{{ php_number_format(goods['color_list'] | length) }}</span>
  407.                                                     <span class="color-num-footer">COLOR</span>
  408.                                                 </div>
  409.                                                 <div class="color-tip-list">
  410.                                                     {% for color in goods['color_list'] %}
  411.                                                         <div class="color-tip"
  412.                                                              style="background-color:#{{ color['color_rgb'] | display_text }}"></div>
  413.                                                     {% endfor %}
  414.                                                 </div>
  415.                                             </div>
  416.                                             <div class="caption-box">
  417.                                                 {{ php_preg_replace('/( |　|&nbsp;){2,}/', "\n", goods['goods_series_2column_caption']) | display_text }}
  418.                                             </div>
  419.                                             <div class="price-box">
  420.                                                 {{ ('<span class="get-price-ajax formed"
  421.                           data-item-id="' ~ goods['goods_id'] ~ '"></span><span
  422.                           class="yen">円</span><span class="zei">(税込)</span>') | raw }}
  423.                                             </div>
  424.                                         </div>
  425.                                         <div class="goods-footer">
  426.                                             <span class="hinban">{{ goods['kataban'] | display_text }}</span>
  427.                                         </div>
  428.                                     </a>
  429.                                 {% endfor %}
  430.                             </article>
  431.                         </div>
  432.                     {% endfor %}
  433.                 {% endif %}
  434.                 {% if goodsSeriesList[3] is defined %}
  435.                     {% for goodsSeries in goodsSeriesList[3] %}
  436.                         <div class="goods-series col3">
  437.                             {% if goodsSeries['gs_title'] is defined or goodsSeries['gs_sub_title'] is defined %}
  438.                                 <header>
  439.                                     <div class="itempage-line">
  440.                                         <p>
  441.                                             {% if goodsSeries['gs_title'] is defined %}
  442.                                                 <span
  443.                                                     class="heading heading-large">{{ goodsSeries['gs_title'] | display_text }}</span>
  444.                                             {% endif %}
  446.                                             {% if goodsSeries['gs_sub_title'] is defined %}
  447.                                                 <span
  448.                                                     class="heading heading-small ja">{{ goodsSeries['gs_sub_title'] | display_text }}</span>
  449.                                             {% endif %}
  450.                                         </p>
  451.                                     </div>
  452.                                 </header>
  453.                             {% endif %}
  454.                             <article>
  455.                                 {% for goods in goodsSeries['goods_list'] %}
  456.                                     {% set itemName = goods['goods_name'] %}
  457.                                     {% if goods['goods_new_name'] is defined %}
  458.                                         {% set itemName = goods['goods_new_name'] %}
  459.                                     {% endif %}
  460.                                     {% set itemId = goods['goods_id'] %}
  461.                                     {% if goods['goods_canonical_hinban'] is defined %}
  462.                                         {% set itemId = goods['goods_canonical_hinban'] %}
  463.                                     {% endif %}
  464.                                     <div
  465.                                         class="goods-box-wrapper{% if data.goods_id == goods['goods_id'] %} nolink {% endif %}">
  466.                                         <a class="goods-box" href="/item/{{ itemId }}.html">
  467.                                             <div class="goods-header">
  468.                                                 <div class="name">{{ itemName | display_text }}</div>
  469.                                                 <div class="hinban">{{ goods['kataban'] | display_text }}</div>
  470.                                             </div>
  471.                                             <div class="goods-body">
  472.                                                 <div class="img-box">
  473.                                                     {% if data.goods_id == goods['goods_id'] %}
  474.                                                         <div class="overlay">
  475.                                                             <div class="overlay-text">
  476.                                                                 この商品の<br>
  477.                                                                 ページを<br>
  478.                                                                 見ています
  479.                                                             </div>
  480.                                                         </div>
  481.                                                     {% endif %}
  482.                                                     <img src="{{ makeImageURL('goods.img', goods['goods_id']) }}">
  483.                                                 </div>
  484.                                                 <div class="color-box">
  485.                                                     <div class="color-tip-list">
  486.                                                         {% for color in goods['color_list'] %}
  487.                                                             <div class="color-tip"
  488.                                                                  style="background-color:#{{ color['color_rgb'] | display_text }}"></div>
  489.                                                         {% endfor %}
  490.                                                     </div>
  491.                                                 </div>
  492.                                                 <div class="price-box">
  493.                                                     {{ ('<span class="get-price-ajax formed"
  494.                             data-item-id="' ~ goods['goods_id'] ~ '"></span><span
  495.                             class="yen">円</span><span class="zei">(税込)</span>') | raw }}
  496.                                                 </div>
  497.                                             </div>
  498.                                         </a>
  499.                                     </div>
  500.                                 {% endfor %}
  501.                             </article>
  502.                         </div>
  503.                     {% endfor %}
  504.                 {% endif %}
  505.             {% endif %}
  506.         {% endif %}
  508.         {% if i == 16 %}
  509.             {% if data.goods_top_sashikomi_youtube2 is defined %}
  510.                 <div
  511.                     class="adjust-contents-to-sp top_sashikomi_wrapper sashikomi-youtube">{{ (data.goods_top_sashikomi_youtube2 | lm_sashikomi) | raw }}</div>
  512.             {% endif %}
  513.         {% endif %}
  514.     {% endfor %}
  515.     <!-- 直送バナー表示3 -->
  516.     {% if sokujitsu.type is defined and sokujitsu.type > 0 %}
  517.         <div id="item-banners2" style="margin-bottom: 20px;">
  518.             <div id="chokusou_banner" style="height:30px;"></div>
  519.             <div class="chokusou_description-banner">
  520.                 <img src="{{ sokujitsu.img3 }}" alt="即日発送についての説明">
  521.             </div>
  522.         </div>
  523.     {% endif %}
  524. </div>