今回は、MechanicというShopifyのストアに関する色々をAPI連携で可能にしてくれる、大変優秀なアプリのコレクションソート機能についてご紹介させていただきます。
前提
本記事では、商品データに関してご説明させていただいている部分が多いので、Shopifyの商品(Product)データがどのようなプロパティを持っているかはこちらのドキュメントを参考にしてください。
また、Shopifyは色々なデータにmetafieldというものを持たせることができますが、metafieldとは何ぞやという方はこちらのページに詳しい説明が記載されています。
コレクションのソートについて
Shopifyでは、コレクションページで商品をソートする際、管理画面で以下のようなデフォルトオプションが用意されています。
![](https://img.esa.io/uploads/production/attachments/18106/2021/07/08/108678/e0d913ed-3e5e-49ca-b777-c1bff2e2bc0c.png)
これらのオプションとは別に、商品ごとに優先的に見せたい商品があった場合はどうでしょうか?商品数が少なければ、手動オプションを使って自ら手動で並べ替えることができます。
商品数が多い場合
商品数が100個以上あった場合、どうでしょうか。手動での移動では時間がかかってしまい、非常に面倒です。そこで、mechanicのAuto-sort collections by product properties, with Mechanicというタスクを使って商品を独自の方法でソートすることができます。
必要な手順
- 独自の優先順位でソートしたいコレクションの並び替え方法を「手動」にします
- 該当のコレクションに入る商品のmetafieldを編集しましょう
![](https://awesomescreenshot.s3.amazonaws.com/image/1754365/12215421-b57ea7a8239ad6120fdf944f9573b2c0.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJSCJQ2NM3XLFPVKA%2F20210821%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20210821T101657Z&X-Amz-Expires=28800&X-Amz-SignedHeaders=host&X-Amz-Signature=6a3b4ba01ce1194cedb8299911b71bc606025268a3a03a2d45ad90104ab5b137)
- metafieldはnamespace, key, valueを指定する必要がありますが、namespaceはグローバルに使用したい場合には「
global」。
このコレクション内だけでの優先順位決めに使うのであればコレクション名
などが良いでしょう - keyは特に指定はありませんが、「priority」など優先順位だと分かりやすいものが良いかもしれません
- valueは必ず数字を入力してください優先順位が高いものほど数字を小さくしましょう
![](https://awesomescreenshot.s3.amazonaws.com/image/1754365/12215390-3b761b138cc1019418b19ea718eb6ac0.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJSCJQ2NM3XLFPVKA%2F20210821%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20210821T101534Z&X-Amz-Expires=28800&X-Amz-SignedHeaders=host&X-Amz-Signature=4ac5fb3bab8cbb893c9ac19535ee21029f64ee32bf25252c3e1cbfba4627262a)
mechanicでの設定
- Auto-sort collections by product propertiesのタスクを選択します
- Product property lookups では上で指定したmetafieldのnamespace, keyを指定します
![](https://storehero.io/wp-content/uploads/2021/08/image-1024x547.png)
ここではmetafieldを使ったソートのお話をさせていただいていますが、metafieldsの部分を別のProductプロパティ(published_at
など)でもソートは可能です。その場合、namespace, keyの指定は不要です。
また、並び替えが全てのコレクションを対象としていない場合、こちらで並び替えを行うコレクションの指定もできます。
![](https://storehero.io/wp-content/uploads/2021/08/image-1-1024x550.png)
これでRun taskをすれば終了です。ソートが成功したかShopifyの管理画面から確認することができます。
コレクションに商品が増えた際に自動で並び替えをして欲しい場合には、毎時間一回・毎日一回など自動で並び替えをさせるためのオプションも指定できます。
まとめ
Mechanicでコレクション内の商品の並び順を任意に設定する方法を紹介いたしました。Mechanicは、この他にも色々な自動処理を設定のみで実装できる便利なアプリです。ぜひ、使いこなしていただけたらと思います。
StoreHeroでは売れるストアの設計からご支援が可能です。お気軽にご相談ください。=>StoreHeroのサービス紹介資料を見る(無料)
Shopify×グロース支援のお問い合わせ
StoreHeroは、Shopify×グロースに必要なデータを集約したプラットフォームを活用したグロース支援を行っています。
Shopify、Shopifyアプリ、Google、Instagramなどのデータから伸びしろを可視化し、Shopify×グロースのエキスパートが改善提案&実装支援を行い着実な成長を実現しています。
StoreHeroのサービスにご興味をお持ちの方は、お気軽にお問い合わせください。