商品情報にスキップ
1 1
公開日:2023.04.20

Shopifyのテーマ「Dawn」のヘッダー検索ボックスに任意の検索ワード候補を表示する設定例

Shopifyのテーマ「Dawn」のヘッダー検索ボックスに任意の検索ワード候補を表示する設定例

用途

  • メニュー編集

実装方法

  • LIQUID
詳細を表示する

Shopifyのサイト内検索ですが、予測変換機能はついてるものの何かしら文字を入れないと候補が表示されません。そこで検索ボックスを開いた際に最初からトレンドや人気の検索ワードを出しておくのもおすすめです。 運用しやすいようテーマエディタで編集可能にしておくための設定例です。

テーマ「Dawn」のヘッダー検索ボックスに任意の検索ワード候補を表示する設定例


設定手順①:「header.liquid」にschemeを、「ja.schema.json」にラベルを追加


設定手順②:「header.liquid」の表示側コードを修正


設定手順③:テーマの予測検索機能はオフにしておく


ご購入(すべて¥0です)いただくと、サンプルコードをご覧いただけるようになります。

すでにご購入済みの方はこちらからログインしてください。

サンプルコード

header.liquid {% schema %} 用


ja.schema.json 用

関連ポスト