魚沼薬剤師会 – VK Filter Search Pro のカスタマイズ例

こんにちは、魚沼情報サービスの対馬です。私が制作させていただいた、一般社団法人魚沼薬剤師会様のウェブサイトがリニューアル公開されました。

一般社団法人 魚沼薬剤師会

VK Filter Search Pro をカスタマイズして使いやすい薬局検索を実装

今回のリニューアルのいちばんの目的は地域の薬局の情報を提供することで、その目的達成のためにベクトルさんが開発・販売している高度な絞り込み検索プラグイン VK Filter Search Pro をカスタマイズして使いやすい薬局検索フォームを実装しました。

フォームを表示したときに詳細条件の入力欄を非表示

フォームを表示した時点ではエリア以外の検索条件を非表示にしてあります。

多くの場合、ユーザー自身が住んでいるエリア(市・町)を選んで探すので、フォームを表示した時点ではエリア以外の検索条件を非表示にしてあります。

[さらに詳細な条件で検索する] ボタンをクリックすると、以下のように薬局機能、対応サービス、キーワードを入力する欄が現れます。

[さらに詳細な条件で検索する] ボタンをクリックすると、薬局機能、対応サービス、キーワードを入力する欄が現れます。

この仕様を実装できるようにベクトルさんの VWS フォーラム に機能追加要望を書かせていただき、VK Filter Search Pro 2.7.2 で カスタム HTML ブロックを使えるようにしていただきました。ベクトルさん、ありがとうございました。

その他に実装した機能

上記以外に薬局検索に実装した機能は以下の通りです。

  • 検索にヒットした件数を表示
    検索結果の画面の先頭に「該当する薬局がXX件あります。」と表示されます。
  • 検索結果で検索条件を非表示
    検索にヒットした薬局名を確認しやすいように、検索結果の画面では検索条件を非表示にしてあります。
    [検索条件を表示] ボタンをクリックすることにより検索条件の確認ができます。
  • 薬局名の五十音順で並べる
    薬局名のふりがなのカスタムフィールドを使って、検索結果を五十音順に並べています。
その他に実装した機能

制作者情報

対馬 俊彦
対馬 俊彦魚沼情報サービス
制作実績をご覧いただき、ありがとうございます。

私は1990年代からホームページ制作業務を行っており、現在は Lightning / Katawara およびベクトルのプラグイン VK Blocks / VK Filter Search などを用いたサイト制作を最も得意としています。

VWS フォーラムやベクトルさんのプライベートサポートプランでは解決できないような、作業工数がかかるカスタマイズでお困り・お悩みの方のお力になれます。

オンラインレッスン形式でのホームページ制作サポートも行っています。お客様ご自身でホームページを開設・運用する上で、うまくいかない部分をサポートいたします。設定やカスタマイズを手伝ってもらいたい、同時に便利な使い方や設定方法、カスタマイズのやり方も知ることができたら...という方にご好評いただいています。

* ドメインやサーバーの契約・申込み
* WordPress やテーマ、プラグインのインストール
* アクションフック・フィルターフック・PHP・jQuery・CSS によるカスタマイズ
* ドメインの移管・移転
* 日常の更新作業
なども含めて、サイトの制作・運用全般をお手伝いできます。

ご要望をうかがった上で費用見積りを提示させていただきます。お気軽にご相談ください。

制作業者様、デザイナー様のサイト制作のお手伝いも数多く行っております。いま人手が足りない、ちょっとここだけコーディングを頼みたい、等々… お仕事の依頼をお待ちしています。

カスタマイズ事例、便利な使用方法やアイディアなどを載せたサイトもいくつか運営しています。ご参考にどうぞ。

■ Lightning G3 / G3 Pro Unit » https://lightning-g3.hp1.work/

■ Lightning G3 » https://lightning-free.hp1.work/

■ Lightning Pro + Origin II » https://lightning.uonuma-js.com/

■ Lightning Pro + Origin II » https://lightning.hp2.work/

■ Lightning Pro + Pale II » https://lightning-pale.hp1.work/

■ Lightning Pro + JPNSTYLE II » https://lightning-jpnstyle.hp1.work/

■ Lightning Pro + Variety II » https://lightning-variety.hp1.work/

■ Lightning Pro + Fort II » https://lightning-fort.hp1.work/

■ Katawara » https://katawara.hp1.work/

 

» ご相談・お問い合わせはこちらからどうぞ
この制作者に依頼の問い合わせ