Shopify 特定のコレクションをコレクションリストから隠す方法

【期間限定モニター特価販売記事です!】

特定のコレクションを｢コレクションリスト｣から隠すセクションコードです。

Shopifyでは商品管理で作成した｢コレクション｣は｢コレクションリスト｣のページで全て表示されます。

コレクションリスト

中にはコレクションリスト上では表示させたくないコレクションもあるかと思います。

コレクションをそのものを｢非公開｣にすることもできますが、そうすると、コレクションリストページからのみならず、そのコレクション自体がストアで表示できなくなります。
例えば、コレクションリストには載せたくないけど、他のバナーやメニューからはリンクさせたいなどの場合は困ります。

今回のカスタマイズでは、コレクションの管理画面に下記のようなメタフィールドを設置して｢コレクションリスト｣では隠すことができるようにします。

コレクションリストから隠すための設定を追加

下記は特定のコレクションを非表示にした例です。スッキリしました。

指定のコレクションを非表示

コレクションリストからは隠れましたが、コレクション自体は非公開になっていないので、バナーやメニューからリンクさせてコレクションそのものを表示することは可能です。

コレクションは表示可能

コレクションのメタフィールドを設定

まず非表示を指定するためのメタフィールドを設定します。
｢ストアの設定 > カスタムデータ > コレクション｣から新しい定義を追加します。

コレクションのメタフィールド定義を追加

下記のようなメタフィールドを設定します。

メタフィールド設定
【名前】: コレクションリストでは隠す(任意の名前で問題ありません。)
【ネームスペースとキー】: custom.hide_on_collection_list (スペル間違いないようにしてください)
【タイプ】: trueまたはfalse

メタフィールドの定義

コードのカスタマイズ

Shopifyテーマへの追加方法【Rise Dawnテーマ】
【ご購入前のご注意】
※返金&個別のサポート返信等はしておりません。
※基本的にコードのみの提供となります。
※環境やバージョンにより｢うまく動作しない｣・｢レイアウトが崩れる｣等があるかもしれません。
※不具合に関してはコメントにて記載ください。ただしすぐに対応が難しい場合もありますのでご了承ください。
※追加仕様などのご要望等がありましたらコメントください。検討します。
※他のテーマへの実装やストア独自の対応や個別のサポートが必要な場合はお仕事として受けさせていただきます。
※実装や運用に関してはすべて自己責任でお願いいたします。コードの実装方法。必ずバックアップを取って行ってください。
コードの実装
オンラインコードエディタを開きます。｢セクション(sections)｣のフォルダの中の｢main-list-collections.liquid｣を下記のコードに書き換えます。
丸ごと削除コピーしてください。
オンラインコードエディタの使い方。テーマへコード追加方法がわからない方はこちらの記事をご覧ください。

コード 【Dawn Rise テーマ共通】