Liquid、JavaScriptなどに関する質問
1コレクションに商品が300近くあります。
アプリを使わずにそのコレクションページに検索窓をを実装したいのです。
もちろんヘッダーなどにあるサイト内検索窓とは別です。
お客様がキーワードを入れるとそのコレクションから絞れるという感じです。
これはコレクションLiquidにコーディングで作ることは可能ですか?
可能であればサンプルコードを教えてください。
すいません、実際のコードまでは用意していませんが、
テーマで新規に検索ページを作るか、既存ページに検索窓を追加して、クエリーのGETパラメータからキーワードを取得し、Liquidでは、毎回全件コレクションを取得してループ内で1件ずつチェックするか、filterを使ってfor 分で絞る方法で可能かと思います。
https://shopify.github.io/liquid-code-examples/example/collection-list
https://shopify.dev/docs/themes/liquid/reference/filters/array-filters#where
ただし、Liquidはサーバーサイドでストアフロントの表示前にコンパイルされるものなので、クエリパラメータを受け取るには以下のようなHackyな方法になります。
https://freakdesign.com.au/blogs/news/get-the-url-querystring-values-with-liquid-in-shopify
個人的には、パートナーアカウントからCustom appを作って、APIを使って検索をして、テーマからはapp proxyを使ってデータをやり取りするか、
(アプリを使われたくないようですが、アプリは同様のアプローチをしています)
マーチャントアカウントで完結させる場合は、private appを作って、そのアプリをホストするサーバーでAPIを読んで、テーマから外部参照できるように、ショップのドメイン配下におくか、CORS対応をして別ドメインから呼びさせるようにする方が確実かと思います。
(結局これらの開発をしなくて済むようにアプリがあるのですが。。)
サポートの選択肢が増えていく中、最適となる選択の判断が難しくなっているかと存じます。今回は問題の解決に最適となるサポートの選択方法を、紹介させて頂きます。 選択肢のご紹介...
By Mirai Oct 6, 20242023年初頭、Shopifyペイメントアカウント、及びShopifyアカウント全体のセキュリティを強化する為の変更が適用されました。ユーザーのアカウントセキュリティを強化す...
By Mirai Sep 29, 2024概要: 年末/年明けは、消費者が最もショッピングを行う時期の一つです。特に、ブラックフライデー・サイバーマンデー(BFCM)は、世界中で注目される大規模なセールイベントであ...
By JapanGuru Sep 25, 2024