Skip to product information
1 of 1
 

[Horizon] Display Collection Links on the Product Page

[Horizon] Display Collection Links on the Product Page

Applications

  • 商品情報管理・編集
View full details

An example setup for displaying collection links as pills on Horizon theme product pages — showing which collections the product belongs to. Add it through the theme editor without writing any code, and use it as a navigation aid to encourage browsing across collections.

Collection links displayed as pills on the product page

Setup Instructions

Add a Custom Liquid block to the detail block of the product template and insert the code.

Adding a Custom Liquid block and inserting the code in the theme editor

Code to Add

Liquid code to paste into the Custom Liquid block

The "all" and "frontpage" collections are automatically excluded. You can change the label text by editing "この商品を含むコレクション" in the code.

Related: [Dawn] Display Collection Links on Product Detail Page

After making a purchase (all items are ¥0), you will be able to view the sample code.

If you have already made a purchase, please login here.

Sample Codes

Test Theme :Horizon 3.5.1

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