# 絞り込みフィルター

検索条件

カテゴリー
キーワード

詳細検索

詳しい条件

下階層のブログも表示
下階層のカテゴリーも表示

絞り込み

ソート
表示数

    <div class="%{STYLEGUIDE_PAGE}-filter">
       <form action="" method="post" class="%{STYLEGUIDE_PAGE}-form">
          <div class="%{STYLEGUIDE_PAGE}-filter-body">
             <div class="%{STYLEGUIDE_PAGE}-filter-group">
                <p class="%{STYLEGUIDE_PAGE}-filter-label">検索条件</p>
                <div class="%{STYLEGUIDE_PAGE}-filter-content %{STYLEGUIDE_PAGE}-filter-content-fit">
                   <div class="%{STYLEGUIDE_PAGE}-filter-item">
                      <label for="filter-example01" class="%{STYLEGUIDE_PAGE}-filter-item-name">カテゴリー</label>
                         ...
                      </div>
                      <div class="%{STYLEGUIDE_PAGE}-filter-item %{STYLEGUIDE_PAGE}-filter-item-full">
                         ...
                      </div>
                      <p class="%{STYLEGUIDE_PAGE}-filter-detail-btn"><a href="#search-detail" class="js-fader"><span class="%{STYLEGUIDE_PAGE}-icon-arrow-right"></span>詳細検索</a></p>
                   </div>
                </div>
                <div id="search-detail">
                   <div class="%{STYLEGUIDE_PAGE}-filter-inner">
                      <div class="%{STYLEGUIDE_PAGE}-filter-group">
                         <p class="%{STYLEGUIDE_PAGE}-filter-label">詳しい条件</p>
                         <div class="%{STYLEGUIDE_PAGE}-filter-content">
                            <div class="%{STYLEGUIDE_PAGE}-filter-item">
                               ...
                            </div>
                            <div class="%{STYLEGUIDE_PAGE}-filter-item">
                               ...
                            </div>
                            <div class="%{STYLEGUIDE_PAGE}-filter-item">
                               ...
                            </div>
                            <div class="%{STYLEGUIDE_PAGE}-filter-item">
                               ...
                            </div>
                            <div class="%{STYLEGUIDE_PAGE}-filter-item">
                               ...
                            </div>
                            <div class="%{STYLEGUIDE_PAGE}-filter-item">
                               ...
                            </div>
                         </div>
                      </div>
                      <div class="%{STYLEGUIDE_PAGE}-filter-group">
                         <p class="%{STYLEGUIDE_PAGE}-filter-label">絞り込み</p>
                         <div class="%{STYLEGUIDE_PAGE}-filter-content">
                            <div class="%{STYLEGUIDE_PAGE}-filter-item">
                               <label for="filter-order" class="%{STYLEGUIDE_PAGE}-filter-item-name %{STYLEGUIDE_PAGE}-show-sp">ソート</label>
                               <div class="%{STYLEGUIDE_PAGE}-filter-item-content">
                                  ...
                               </div>
                            </div>
                            <div class="%{STYLEGUIDE_PAGE}-filter-item">
                               <label for="filter-limit" class="%{STYLEGUIDE_PAGE}-filter-item-name %{STYLEGUIDE_PAGE}-show-sp">表示数</label>
                               <div class="%{STYLEGUIDE_PAGE}-filter-item-content">
                                  ...
                               </div>
                            </div>
                         </div>
                      </div>
                   </div>
                </div>
             </div>
          <div class="%{STYLEGUIDE_PAGE}-filter-footer">
             <input type="submit" name="ACMS_POST_2GET" value="検索" class="%{STYLEGUIDE_PAGE}-btn-admin %{STYLEGUIDE_PAGE}-btn-admin-info %{STYLEGUIDE_PAGE}-btn-admin-search %{STYLEGUIDE_PAGE}-width-sp" />
          </div>
       </form>
    </div>

ソート

    <div class="%{STYLEGUIDE_PAGE}-filter">
       <form action="" method="post" class="%{STYLEGUIDE_PAGE}-form">
          <div class="%{STYLEGUIDE_PAGE}-filter-body">
             <div class="%{STYLEGUIDE_PAGE}-filter-group">
                <div class="%{STYLEGUIDE_PAGE}-filter-item">
                   <label for="filter-example" class="%{STYLEGUIDE_PAGE}-filter-item-name"><!--T-->ソート<!--/T--></label>
                   <select name="example" id="filter-example" class="js-select2 %{STYLEGUIDE_PAGE}-margin-right-small">
                      <option value="example1">オプション1</option>
                      <option value="example2">オプション2</option>
                      <option value="example3">オプション3</option>
                   </select>
                </div>
                <div class="%{STYLEGUIDE_PAGE}-filter-item">
                   <input type="submit" name="ACMS_POST_2GET" value="表示" class="%{STYLEGUIDE_PAGE}-btn %{STYLEGUIDE_PAGE}-btn-info %{STYLEGUIDE_PAGE}-width-sp" />
                </div>
             </div>
          </div>
       </form>
    </div>