app/template/default/Block/Sp/Category/lm_category_search.twig line 1

Open in your IDE?
  1. <style>
  2.     #left-menu ul li a {
  3.         display: block;
  4.         width: 165px;
  5.         height: 41px;
  6.         text-indent: -9999px;
  7.         background-image: url("<?php echo CFIMG_URL?>public_images/lmenu/sprite_global_navi_side.png");
  8.     }
  9.     #left-menu-1-1 { background-position: 0 0 !important; }
  10.     #left-menu-1-2 { background-position: 0 -40px !important; }
  11.     #left-menu-1-3 { background-position: 0 -80px !important; }
  12.     #left-menu-1-4 { background-position: 0 -120px !important; }
  13.     #left-menu-1-5 { background-position: 0 -160px !important; }
  14.     #left-menu-1-6 { background-position: 0 -200px !important; }
  15.     #left-menu-1-7 { background-position: 0 -240px !important; }
  16.     #left-menu-1-8 { background-position: 0 -280px !important; }
  17.     #left-menu-1-9 { background-position: 0 -320px !important; }
  18.     #left-menu-1-10 { background-position: 0 -360px !important; }
  19.     #left-menu-1-11 { background-position: 0 -400px !important; }
  20.     #left-menu-1-12 { background-position: 0 -440px !important; }
  21.     #left-menu-1-13 { background-position: 0 -480px !important; }
  22.     #left-menu-1-14 { background-position: 0 -520px !important; }
  23.     #left-menu-1-15 { background-position: 0 -560px !important; }
  24.     #left-menu-1-16 { background-position: 0 -600px !important; }
  25.     #left-menu-1-17 { background-position: 0 -640px !important; }
  26.     #left-menu-1-18 { background-position: 0 -680px !important; height: 41px !important; }
  27.     #left-menu-1-19 { background-position: 0 -1079px !important; }
  28.     #left-menu-2-1 { background-position: 0 -720px !important; }
  29.     #left-menu-2-2 { background-position: 0 -760px !important; }
  30.     #left-menu-2-3 { background-position: 0 -800px !important; }
  31.     #left-menu-2-4 { background-position: 0 -840px !important; }
  32.     #left-menu-2-5 { background-position: 0 -880px !important; }
  33.     #left-menu-2-6 { background-position: 0 -919px !important; }
  34.     #left-menu-2-7 { background-position: 0 -959px !important; }
  35.     #left-menu-2-8 { background-position: 0 -999px !important; }
  36.     #left-menu-2-9 { background-position: 0 -1039px !important; }
  37.     .ec-layoutRole .ec-layoutRole__contents {
  38.         display: block;
  39.     }
  40. </style>
  41. <!-- #item-list -->
  42.     <section style="margin: 20px 0;">
  43.         <div class="title-h2"><h2>他のカテゴリから探す</h2></div>
  44.         <div id="other-category-pulldown-wrap">
  45.             <form>
  46.                 <select id="other-category-pulldown">
  47.                     <option>カテゴリを選んでください</option>
  48.                     {% if other_category_path_map is not defined %}
  49.                         {% set other_category_path_map = default_sp_other_category_pulldown_map() %}
  50.                     {% endif %}
  51.           {% for type_data in other_category_path_map %}
  52.             <optgroup label="{{ type_data.group_label | display_form_text }}">
  53.               {% for path, label in type_data.map %}
  54.                 <option value="{{ path | display_form_text }}">{{ label | display_text }}</option>
  55.               {% endfor %}
  56.             </optgroup>
  57.           {% endfor %}
  58.                 </select>
  59.             </form>
  60.         </div>
  61.     </section>
  62. <!-- /#item-list -->
  63. <!-- 検索して探す -->
  64. <section style="margin: 20px 0;">
  65.     <div class="title-h2"><h2>検索して探す</h2></div>
  66.     <div id="search-on-main-contents">
  67.         <div id="search-wrapper-on-main-contents">
  68.             <form method="get" action="/sp/search/" accept-charset="UTF-8" id="search_form-on-main-contents">
  69.                 <div class="searchpop_parent">
  70.                     <input class="searchpop" id="search_string-on-main-contents" name="searchtext" type="text" placeholder="商品名・品番で検索" value="">
  71.                     <input type="submit" value="検索" id="search-button-on-main-contents">
  72.                     <input type="hidden" name="hantei" value="検索">
  73.                     <div class="searchpop_container"><div class="searchpop_suggests"></div></div></div>
  74.             </form>
  75.         </div>
  76.     </div>
  77. </section>
  78. <!-- /検索して探す -->
  79. <div class="page-nav clearfix">
  80.     <a class="scroll-to-top" href="#" style="min-width: 46%">このページのトップへ戻る</a>
  81.     {% if breadCrumb is defined and breadCrumb[0] is defined and breadCrumb[0].label is defined %}
  82.         <a class="category-top" href="{{ breadCrumb[0].href }}" style="min-width: 46%">{{ breadCrumb[0].label }}TOPへ戻る</a>
  83.     {% endif %}
  84. </div>
  85. <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans:700italic" />
  86. <script type="text/javascript" src="/javascripts/sp/sp_path_converter.js"></script>
  87. <script type="text/javascript">
  88.     var $topButton = $('.scroll-to-top');
  89.     $topButton.on('click', function(e){
  90.         e.preventDefault();
  91.         $(window).scrollTop(0);
  92.     });
  93. </script>
  94. <!-- 商品DB 高さ調整 -->
  95. <script type="text/javascript" src="https://www.l-m.co.jp/javascripts/item_db_height_sp.js"></script>
  96. <!-- //商品DB 高さ調整 -->
  97. <script type="text/javascript">
  98. $(function() {
  99.     // 「他のカテゴリから探すプルダウン」
  100.     $('#other-category-pulldown').on('change', function(){
  101.         if( $(this).val() !== '' ){
  102.             location.href = $(this).val();
  103.         }
  104.     });
  105. });
  106. </script>