フィールドID_visible

csf:id="フィールドID_visible"またはcsf:id="フィールドID_is_not_empty"で囲った箇所は、csf:id="フィールドID"の値が空の時に表示されなくなります。
csf:id="フィールドID_is_empty"で囲った箇所は、csf:id="フィールドID"の値が空ではない時に表示されます。

<div csf:id="sample_visible">
カスタムフィールドの値は<!-- csf:id="sample" /-->です。
</div>
<div csf:id="sample_is_empty">
カスタムフィールドの値は空です。
</div>

テンプレートへの記述例

<!-- shop:module="common.custom_search_field" -->
<form action="{作成した検索ページのURLを入力してください}">
    商品名:
    <input type="text" csf:id="custom_search_item_name">

    商品コード:
    <input type="text" csf:id="custom_search_item_code">

    価格:
    <input type="number" csf:id="custom_search_item_price_min">～<input type="number" csf:id="custom_search_item_price_max">




	フリーワード検索
	<input type="text" csf:id="custom_search_csf_free_word">

	簡易予約カレンダーとの連携 (jQuery等のdatepickerの使用を推奨)
	予約が可能なプランの期間検索
	<input type="text" csf:id="custom_search_reserve_calendar_start">〜<input type="text" csf:id="custom_search_reserve_calendar_end">
	

    <input type="submit" value="検索する">
	<a csf:id="reset_link">リセット</a>
</form>
<!-- /shop:module="common.custom_search_field" -->

検索結果ページの設定

• ページの追加から、検索結果ページを作成する。
• 作成した検索結果ページの編集から、検索モジュールの設定を開き、Custom Search Fieldを選び、更新する。
• 公開側ページにフォームを設置する

商品一覧ページの設定

• 商品一覧用のページを新たに作成し、商品一覧ページの設定でその他を選び、CustomSearchFieldItemListを選びます。
• カスタムサーチフィールドで商品を選択する場合はhttp://ドメイン/{ショップID}/{URI}/{サーチフィールドID}/{フィールドの値}になります。

商品一覧ページと検索結果ページで使用できるソート用リンクタグ

<a css:id="custom_search_sort__asc">の昇順</a>
<a css:id="custom_search_sort__desc">の降順</a>

商品一覧ページを開いた直後にソートを反映する方法

• 一覧ページへのURLの末尾に?custom_search_sort=フィールドID&r=0を追加
• rの値は0は昇順で1が降順になります