Help us understand the problem. What is going on with this article?

[Shopify] ミニハック、商品一覧のデフォ並び順をカスタマイズしたい

ミニハックシリーズ(続かないかもしれない)

Shopify/Debutでストアー構築、商品一覧ページを出す際に画面に表示されるデフォ並び順を手動(=ベストセラー)に指定したいということで、ミニハック。

デフォ表示

下記のように商品一覧をクリックすると
デフォ、アルファベット順に並んでいます。

image.png

Collection/allを作成する

ここのUrlを読み取ると collections/all ということで、
これを自分でカスタマイズしたい場合は all というコレクションを作成してみます。

image.png

コレクションページの下部分でhandleを指定します

image.png

表示される商品の指定

とりあえず %を含む商品はなさそうなので、%を含まない商品すべてとします。ここは表示したい商品のロジックであればなんでもOKです。

並び順の指定

下記のように表示された一覧のデフォの並び順を指定します。

image.png

確認

そうすると商品一覧の並び替え順番が指定した通りになります。

image.png

募集

Shopify開発を一緒にするメンバー募集中。ガンガンご応募ください。 C#, Azure, Shopify こんなテックストックです。

プロマネも募集中です。詳細に関しては下記をご参照ください。
https://t-rnd.com/Jobs/

syantien
トランスコスモス技術研究所にて様々な開発案件を進めています。最近はKotlin頑張ってます。開発メンバー絶賛採用中。このどれかのキーワードでビビっと来た人は面談にお越しください。「ASP.NET C#」, 「Kotlin」,「Swift」,「Angular」,「QA」,「UXデザイナー」,「データサイエンティスト」,「海外開発案件挑戦してみたい」,「Shopify」。
http://syantien.hatenablog.com/
trnd
ソフトウェア・ウェブサービス開発時に読み返せる記事をまとめています。
https://t-rnd.com
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away