HOME


モバイル版のトップページに検索窓を設置したいのですが、どうすればいいのでしょうか。



検索窓は、モジュールの付属品です。ですから、まずモジュールを新規に作成する必要があります。

「記事クリエイター・モバイル」にログインし、
モジュールを作る>(3)【モバイル】全商品[読込] を選択し、[新規]ボタンを押します。

ここで、既存のモジュールを参考にする為に、「参照入力」を選択します。
現行DB[確定]>(1)全商品[読込]を押すと既存モジュールの一覧が表示されますので、その中から (42) 【モバイル】商品一覧01(フード・ドリンク) を選択(修正アイコンクリック)します。



すると、そのデータがコピーされ、画面に表示されます。

新たなモジュールとして、項目を修正します。
・モジュール名を「【モバイル】トップページ検索窓」とします。
・「検索窓」の「タイトル文字」を「検索(全商品):」とし、抽出条件は「検索条件のみ」を選択します(検索窓に入力され検索される場合に、モジュールの表示条件に左右されず検索するという意味になります。つまり、対象が全商品になるのです。)。




[更新]ボタンを押し、モジュールの表示条件と表示順序を入力する画面に移行します。

ここで、初期表示に何も表示させない様にする為、表示条件には1件も抽出されない条件を入力しておきます。
(例えば、商品IDに図のように、99999999~99999999と入力)

表示順序としては、商品IDを1番目として、降順を選択しておきます。





これでモジュールの設定は完了です。[更新]ボタンを押します。
次に、作成したモジュールをページに設置します。
サイト構成する>(3) 【モバイル】全商品ショップ>更新→ページ設定へ>トップページを選択>[更新→ブロック設定へ]ボタンを押します。




ここで、一番左側のメインブロックを選択します。

「挿入コンテンツ」から[モジュール]を選択>カテゴリから「 (3)【モバイル】全商品」を選択して[読込]
「モジュールコード」のリストボックスの中から、先程作成したモジュール「(52)【モバイル】トップページ検索窓」を選択します。
「左右寄せ」の中から、「中央」を選択したら、[追加]ボタンを押します。




作成したモジュールがトップページのメインブロックの一番下に設置されました。



既存のトップメニューの上に検索窓を設置したいので、「順序」の欄の上矢印でモジュールを上に持っていきます。



これでページへの設置は完了です。[更新]ボタンを押してページ設定を終了します。

それでは実際にページを表示してみましょう。




最初は検索窓が表示されているだけですが、検索キーワードを入力して[検索]ボタンを押すと、結果が表示されるはずです。

 

Copyright © 2010 Ompookan Inc. All rights reserved