Developers

Developers

  • BASE API
  • BASE Template

›BASE Template

BASE Template

  • はじめに
  • 更新情報
  • テーマの作成方法

    • テーマの作成・管理方法
    • テーマエディタの使い方

    テーマの販売方法(デザインマーケット)

    • テーマを販売したい方へ
    • デザイナー登録
    • デザインガイドライン
    • デモ用ショップに関する注意事項
    • テーマ申請チェックリスト
    • 新規テーマの販売申請
    • テーマのアップデート申請

    基本設定

    • 全体構成
    • 必須タグ
    • <head>仕様
    • <body>仕様
    • ナビゲーションに関する仕様

    各ページの仕様

    • ページ構成

    商品ページ

    • 商品ステータス
    • 購入ボタンの制御
    • 商品情報

    テンプレートタグ

    • 非表示
    • ページ
    • デザインオプション
    • ショップ
    • url
    • イテレータ
    • 商品
    • ソーシャル
    • 関連商品
    • コンテンツ

    Apps

    • 商品検索App
    • カテゴリ管理App
    • ラベルApp
    • Blog App
    • セールApp
    • 英語・外貨対応App
    • ショップコインApp
    • BASEロゴ非表示App
    • デジタルコンテンツApp
    • レビューApp
    • 販売期間設定App
    • 予約販売App
    • メッセージApp
    • 送料詳細設定App
    • 商品説明カスタムApp
    • 抽選販売App
    • テイクアウトApp
    • 商品オプションApp
    • コミュニティApp

    よくある質問

    • FAQ

商品検索App

商品をキーワードで検索できる検索フォームが利用できるAppsです。
テンプレートのデザインに応じて柔軟にフォームをデザインしていただけるように、検索用のURLをテンプレート変数として用意しております。

ブロック

if ページ

タグ説明
{block:IndexPageSearch}トップページの検索キーワードがある
{block:NoIndexPageSearch}トップページの検索キーワードがない

if Apps

タグ説明
{block:AppsSearch}商品検索Appをインストールしている

変数

ページ

タグ説明
{IndexPageSearch}検索キーワード
{SearchPageURL}検索フォームのURL。 GETパラメータ q=***(検索キーワード) が必要です。

ローカライズテキスト

タグ説明
{lang:ItemSearchResult}"[検索キーワード]"の検索結果

検索フォームの設置方法

ショップの全ページからアクセスできるよう、ヘッダーやグローバルナビゲーションに配置することが望ましいです。

  • formのactionにテンプレート変数 {SearchPageURL} を指定
  • 検索ワード入力inputのnameに "q" を指定
  • 検索ワード入力inputのvalueにテンプレート変数 {IndexPageSearch} を指定

例)

{block:AppsSearch}
<form action="{SearchPageURL}" method="get">
    <input type="text" name="q" placeholder="商品を検索" value="{IndexPageSearch}"/>
    <button type="submit">検索</button>
</form>
{/block:AppsSearch}

base

検索結果一覧ページ

検索結果はトップページ {block:IndexPage} 内に表示されます。
テンプレート変数 {lang:ItemSearchResult} を利用して、検索に利用されたキーワードを表示することができます。

例)

{block:IndexPage}

...

    {block:IndexPageSearch}
        <p>{lang:ItemSearchResult}</p>
    {/block:IndexPageSearch}

...

{/block:IndexPage}

base

動作のチェック

  • 検索フォームが表示できていること
  • 指定したキーワードで検索ができること
    • 該当しない場合の表示ができること
    • 該当した場合の表示ができること
← コンテンツカテゴリ管理App →
  • ブロック
    • if ページ
    • if Apps
  • 変数
    • ページ
    • ローカライズテキスト
  • 検索フォームの設置方法
  • 検索結果一覧ページ
  • 動作のチェック
  • API利用規約
  • デザインマーケット利用規約
© 2012-2021 BASE, inc.