【Shopify】コレクション一覧の並べ替え方法

メモ書きです。

テーマ:Modular

表示したいコレクション順のメニューを作成

Shopify管理者から、[オンラインストア] > [ナビゲーション]に移動します。
[追加]メニューをクリックします。

メニューに名前を付けますAll collections。この名前は、コレクションリストページに表示するコレクションとその順序を決定するためにテーマで使用されるため、変更しないことが重要です。メニュー名はオンラインストアに表示されません。

[メニュー項目の追加]をクリックします。

[メニュー項目の追加]ウィンドウで、コレクションリストページに表示するコレクションの名前を入力します。[リンク]フィールドをクリックして[コレクション]を選択し、コレクションの名前をクリックします。

メニュー項目を新しい位置に移動するには、メニュー項目の左側にあるドットをクリックしてドラッグします。

[保存]をクリックします。


list-collections.liquidテンプレートをカスタマイズします

Shopify管理者から、[オンラインストア] > [テーマ]に移動します。

編集するテーマを見つけて、[アクション] > [コードの編集]をクリックします。

ではセクションのディレクトリをクリックし、リスト・コレクションを-template.liquid。

{% for collection in collections %}もしくは{% for collection in list_collections %}を置き換える。

置き換えるコード
{% for link in linklists.all-collections.links %}
{% assign collection = link.object %}

保存して終了



この記事が気に入ったらサポートをしてみませんか?