<aside >
{# カテゴリー #}
{% set cat_category = repository("Eccube\\Entity\\Category").find(cat_id_category) %}
{# 金額 #}
{% set cat_price = repository("Eccube\\Entity\\Category").find(cat_id_price) %}
{# 設置場所 #}
{% set cat_place = repository("Eccube\\Entity\\Category").find(cat_id_place) %}
<div class="sidebar fix_top" data-sticky_column>
<div class="search_block side_block">
<div class="heading">
<h3>検索フォーム</h3>
</div>
<form action="{{ url('product_list') }}" method="get">
<div class="selectbox select1">
<select id="">
<option value="">カテゴリー</option>
{% for c in cat_category.Children.snapshot %}
<option value="{{ c.id }}">{{c.name}}</option>
{% endfor %}
</select>
</div>
<div class="selectbox select2">
<select id="">
<option value="">金額</option>
{% for c in cat_price.Children.snapshot %}
<option value="{{ c.id }}">{{c.name}}</option>
{% endfor %}
</select>
</div>
<div class="selectbox select3">
<select id="">
<option value="">設置場所</option>
{% for c in cat_place.Children.snapshot %}
<option value="{{ c.id }}">{{c.name}}</option>
{% endfor %}
</select>
</div>
<div class="btn_search">
<input type="submit" value="検索する">
</div>
</form>
</div>
<div class="side_block banner">
<div class="tel">
<img src="{{ asset('assets/img/common/side_img1.png') }}" alt="0927537183">
</div>
</div>
<div class="side_block banner shadow">
<a href="{{url('product_list')}}?category_id={{cat_id_beginner}}">
<img src="{{ asset('assets/img/common/side_img2.png') }}" alt="">
</a>
</div>
</div>
</aside>
<script>
$(window).on('scroll',function(){
var bottom = $('.sidebar').css("bottom");
if (bottom == "0px"){
$('.sidebar').removeClass("fix_top")
}else{
$('.sidebar').addClass("fix_top")
}
});
check_form_empty();
//空の場合nameを削除
function check_form_empty(){
$('.search_block').find('select').each(function(){
$(this).on('change',function(){
let name="category_id";
let val = $(this).find('option:selected').val()
console.log(val)
if(val !== ""){
$(this).prop('name',name)
}else{
$(this).prop('name','')
}
})
})
}
</script>