サポート » 使い方全般 » ドロップダウンを使用した段階的な絞り込み検索をしたい

  • 現在、商品サイトをPC用と携帯用(Ktai style使用)で制作しております。
    商品数が1000件近くあるので、商品検索にはドロップダウンの絞り込み検索をと思い、有料の絞込み検索プラグインを導入しました。
    絞込み検索プラグインにはajaxが使われており、PCサイトは問題ないのですが携帯サイトでは機能しません。

    そこで携帯サイトは、【カテゴリーの構造を利用したドロップダウンでの段階的な絞り込み表示】で対応できないかと思っているのですが、
    思うように作れず困っております。

    ■カテゴリーについて
    カテゴリーは以下の様に全て3階層となっています。
    例)
    りんご(1階層目)
    –青森県産(2階層目)
    —紅玉(3階層目)

    ■やりたいこと
    カテゴリーをドロップダウンで1階層目のみ表示させて、カテゴリ選択後に検索ボタンを押すと、ページが切り替わり、
    選択した1階層目の子カテゴリー(2階層目)のみドロップダウンで表示。
    そこでさらにカテゴリ選択し、検索ボタンを押すと、子カテゴリー(2階層目)で選択された孫カテゴリー(3階層目)に該当する商品が一覧で表示される。

    ■現状
    wp_dropdown_categoriesを使って1階層目のみのドロップダウンは作れたのですが、
    ここからどうやって上記の様にすればいいのか分からず困っております。

    <div id="search">
    <form method="get" action="<?php bloginfo( 'url' ); ?>">
    <?php wp_dropdown_categories('hierarchical=1&depth=1&orderby=name&show_option_all=選択してください'); ?>
    <input id="submit" type="submit" value="検索" /></form>
    </div>

    素人考えが入ってる部分もございますので、上記の形は実現可能なのかも含め、
    どなたかお答えいただければ幸いです。

    ※Ktai styleがドロップダウン非推奨なのは理解しておりますが、膨大な商品数とカテゴリのため、使用しております。

  • トピック「ドロップダウンを使用した段階的な絞り込み検索をしたい」には新たに返信することはできません。