app/template/default/Block/side.twig line 1

Open in your IDE?
  1. <aside >
  2. {# カテゴリー #}
  3. {% set cat_category = repository("Eccube\\Entity\\Category").find(cat_id_category) %}
  4. {# 金額 #}
  5. {% set cat_price = repository("Eccube\\Entity\\Category").find(cat_id_price) %}
  6. {# 設置場所 #}
  7. {% set cat_place = repository("Eccube\\Entity\\Category").find(cat_id_place) %}
  8.     <div class="sidebar fix_top" data-sticky_column>
  9.             
  10. <div class="search_block side_block">
  11.     <div class="heading">
  12.         <h3>検索フォーム</h3>
  13.     </div>
  14.     <form action="{{ url('product_list') }}" method="get">
  15.         <div class="selectbox select1">            
  16.         <select id="">
  17.             <option value="">カテゴリー</option>
  18.    {% for c in cat_category.Children.snapshot %}
  19.             <option value="{{ c.id }}">{{c.name}}</option>
  20.         {% endfor %}
  21.         </select>
  22.         </div>
  23.         <div class="selectbox select2">            
  24.         <select  id="">
  25.             <option value="">金額</option>
  26.    {% for c in cat_price.Children.snapshot %}
  27.             <option value="{{ c.id }}">{{c.name}}</option>
  28.         {% endfor %}
  29.         </select>
  30.         </div>
  31.         <div class="selectbox select3">            
  32.         <select id="">
  33.             <option value="">設置場所</option>
  34.    {% for c in cat_place.Children.snapshot %}
  35.             <option value="{{ c.id }}">{{c.name}}</option>
  36.         {% endfor %}
  37.         </select>
  38.         </div>
  39.         <div class="btn_search">
  40.             <input type="submit" value="検索する">
  41.         </div>
  42.     </form>
  43. </div>
  44. <div class="side_block banner">
  45.     <div class="tel">
  46.         <img src="{{ asset('assets/img/common/side_img1.png') }}" alt="0927537183">
  47.     </div>
  48. </div>
  49. <div class="side_block banner shadow">
  50. <a href="{{url('product_list')}}?category_id={{cat_id_beginner}}">
  51. <img src="{{ asset('assets/img/common/side_img2.png') }}" alt="">
  52. </a>
  53.     </div>
  54. </div>
  55. </aside>
  56. <script>
  57.     $(window).on('scroll',function(){
  58.         var bottom = $('.sidebar').css("bottom"); 
  59.         if (bottom == "0px"){
  60.             $('.sidebar').removeClass("fix_top")
  61.         }else{
  62.             $('.sidebar').addClass("fix_top")
  63.         }
  64.     });
  65.      check_form_empty();
  66.     //空の場合nameを削除
  67.     function check_form_empty(){
  68.     $('.search_block').find('select').each(function(){
  69.         $(this).on('change',function(){
  70.             let name="category_id";
  71.             let val = $(this).find('option:selected').val()
  72.             console.log(val)
  73.             
  74.             if(val !== ""){
  75.                 $(this).prop('name',name)                
  76.             }else{
  77.                 $(this).prop('name','')                
  78.             }
  79.             
  80.             
  81.         })
  82.     })
  83.     }
  84. </script>