商品情報にスキップ
1 1
 

【Horizon】商品ページにその商品が属するコレクションのリンクを表示する

【Horizon】商品ページにその商品が属するコレクションのリンクを表示する

用途

  • 商品情報管理・編集
詳細を表示する

Horizonテーマの商品ページで、その商品が含まれるコレクションのリンクをピル形式で表示する設定例です。テーマエディタからコードを一切書かずに追加でき、コレクション間の回遊を促す導線として活用できます。

商品ページにコレクションリンクが表示されている様子

設定手順

商品テンプレートの「詳細」ブロックに「カスタムLiquid」ブロックを追加して、コードを貼り付けます。

テーマエディタでカスタムLiquidブロックを追加してコードを挿入する手順

追加するコード

カスタムLiquidブロックに貼り付けるLiquidコード

「all」「frontpage」コレクションは自動的に除外します。ラベルのテキストはコード内の「この商品を含むコレクション」を書き換えることで変更できます。

関連TIPS:【Dawn】商品詳細にその商品が属するコレクションの一覧リンクを表示する方法

ご購入(すべて¥0です)いただくと、サンプルコードをご覧いただけるようになります。

すでにご購入済みの方はこちらからログインしてください。

サンプルコード

動作検証済テーマ:Horizon 3.5.1

カスタムLiquidブロック(テーマエディタで貼り付け)