商品検索フォームを使いこなそう

/p/search?name1=value1&name2=value2 …

<form action="/p/search">
{ ここに任意の検索フォームを記述 }
<button type="submit">検索</button>
</form>

<form action="/p/search">
<label>キーワード<input type="text" name="keyword" maxlength="1000" value="{% search.keyword %}"></label>
<button type="submit">検索</button>
</form>

<form action="/p/search">
<span>価格</span>
<input type="text" name="minprice" maxlength="9" value="{% search.minprice %}">〜
<input type="text" name="maxprice" maxlength="9" value="{% search.maxprice %}">
<button type="submit">検索</button>
</form>

<form action="/p/search">
カラー：<select name="verticalvariationvalue">
<option value="" selected="selected">選択してください</option>
<option value="レッド">レッド</option>
<option value="ブルー">ブルー</option>
<option value="イエロー">イエロー</option>
</select>
<button type="submit">検索</button>
</form>

<form action="/p/search">
<span>カラー</span>
<label><input type="checkbox" name="verticalvariationvalue" value="レッド">レッド</label>
<label><input type="checkbox" name="verticalvariationvalue" value="ブルー">ブルー</label>
<label><input type="checkbox" name="verticalvariationvalue" value="イエロー">イエロー</label>
<button type="submit">検索</button>
</form>

<form action="/p/search">
<span>サイズ</span>
<label><input type="radio" name="horizontalvariationvalue" value="" checked="checked">指定なし</label>
<label><input type="radio" name="horizontalvariationvalue" value="S">S</label>
<label><input type="radio" name="horizontalvariationvalue" value="M">M</label>
<label><input type="radio" name="horizontalvariationvalue" value="L">L</label>
<button type="submit">検索</button>
</form>

<form action="/p/search">
<span>詳細検索</span>
<label>NEW<input type="checkbox" name="tag" value="NEW"></label>
<label>予約<input type="checkbox" name="tag" value="予約"></label>
<label>再入荷<input type="checkbox" name="tag" value="再入荷"></label>
<label>セール<input type="checkbox" name="tag" value="セール"></label>
<button type="submit">検索</button>
</form>

<form action="/p/search">
<span>在庫のない商品を検索結果に</span>
<label><input type="radio" name="nostock" value="false" checked="checked">表示しない</label>
<label><input type="radio" name="nostock" value="true">表示する</label>
<button type="submit">検索</button>
</form>

<form action="/p/search">
<label>商品番号・JANコード<input type="text" name="goodsno" maxlength="32" value="{% search.product_no %}"></label>
<button type="submit">検索</button>
</form>

<form action="/p/search">
<span>まとめ買い商品検索</span>
<label><input type="radio" name="bundle" value="bundle01">シャツまとめ買い</label>
<label><input type="radio" name="bundle" value="bundle02">靴下まとめ買い</label>
<button type="submit">検索</button>
</form>

<form action="/p/search">
<label><input type="checkbox" name="preorder" value="true">予約商品のみを表示する</label>
<button type="submit">検索</button>
</form>

<form action="/p/search">
<label><input type="checkbox" name="preorder" value="true">予約商品のみを表示する</label>
<button type="submit">検索</button>
</form>

<form action="/p/search">
<label><input type="checkbox" name="initialprice" value="true">初回価格がある商品を表示する</label>
<button type="submit">検索</button>
</form>

<form action="/p/search">
<span>並び順</span>
<label><input type="radio" name="sort" value="latest" checked="checked">新着順</label>
<label><input type="radio" name="sort" value="oldest">登録順</label>
<label><input type="radio" name="sort" value="price_high">価格高い順</label>
<label><input type="radio" name="sort" value="price_low">価格安い順</label>
<label><input type="radio" name="sort" value="priority">優先度順</label>
<label><input type="radio" name="sort" value="review">レビュー(数多い)順</label>
<label><input type="radio" name="sort" value="keyword">おすすめ（キーワードヒット）順</label>
<button type="submit">検索</button>
</form>

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "WebSite",
  "url": "{% shop.domain %}",
  "potentialAction": {
    "@type": "SearchAction",
    "target": "https://{% shop.domain %}/p/search?keyword={search_term_string}",
    "query-input": "required name=search_term_string"
  }
}
</script>

<form action="/p/search" accept-charset="UTF-8">