# 商品登録について

**URL:** <https://community.shopify.com/t/topic/28863>\
**Category:** 技術的なQ＆A\
**Created:** [December 20, 2020, 5:08am UTC](https://community.shopify.com/t/topic/28863 "2020-12-20T05:08:29Z")\
**Posts on this page:** 5\
**Page:** 1

## AI-generated summary

商品ページに「作者名」を表示し、その作者名クリックで該当作品一覧へ遷移させる実装方法が主題。対象は、アーティストのグッズや絵画を扱うECサイトで、作者・作品種別ごとの見せ方が相談されていた。 

回答では、標準機能で商品タグに作者名、商品タイプに「作品」「グッズ」を設定し、作者別・種別別のコレクションを作る方法が提案された。あわせて、オンラインストアのメニュー階層で作者→作品/グッズの導線を構成する案も示された。 

その後、相談者は参考サイトの画像付きで「商品ページ上で作者名を動的に表示し、リンク化できるか」を追加確認。これに対し、Liquidで商品タグをループ表示し、各タグをコレクションURLへリンクする方法が案内された。 

最終的に、`sections/product-template.liquid` へコードを追加し、商品タグの動的表示とリンク化は実装できたと報告され、当初の主問題は解決済み。一方で、「お気に入り作者/グッズ/作品」などカテゴリ別のお気に入り機能に関する質問は、このやり取り内では未回答のまま。

<div class="post-metadata">

**Author:** ![t-art-web](https://avatars.discourse-cdn.com/v4/letter/t/b9e5f3/32.png) [@t-art-web](https://community.shopify.com/u/t-art-web)\
**Post date:** [December 20, 2020, 5:08am UTC](https://community.shopify.com/t/topic/28863/1 "2020-12-20T05:08:29Z")

</div>

お世話になっております。

現在マーチャントよりご相談を受けておりまして、構築予定のサイトは「アーティストのグッズや絵画を販売する」ECサイトです。

商品登録のページはタグを入力するフィールドはあるものの、作家名などを入れたい場合の項目が見当たりません。

例えば商品ページを見ると「作者：ゴッホ」などと表示したいと思っています。

またその商品ページで作者「ゴッホ」をクリックすると、「ゴッホ」とタグ付けされた作品やグッズのコレクション一覧に遷移させるなどの機能はアプリまたはLiquidカスタマイズで実装可能でしょうか。

また「お気に入り」機能も実装したく、調べたところ商品をお気に入り登録するアプリはあったのですが

「お気に入り作者」、「お気に入りグッズ」、「お気に入り作品」などカテゴリ別にお気に入りを登録できるようなアプリは御座いますでしょうか。

ご教授頂ければ幸いです。

宜しくお願い致します。

---

<div class="post-metadata">

**Author:** ![Anonymous\_4d9e7ed625bfa1bbc1782320693c1e6d](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_4d9e7ed625bfa1bbc1782320693c1e6d/32/312468_2.png) [@Anonymous\_4d9e7ed625bfa1bbc1782320693c1e6d](https://community.shopify.com/u/Anonymous_4d9e7ed625bfa1bbc1782320693c1e6d)\
**Post date:** [December 21, 2020, 12:06am UTC](https://community.shopify.com/t/topic/28863/2 "2020-12-21T00:06:47Z")

</div>

ひとつ目の質問についてお答えします。

標準機能で実現可能かと思います。  
例えば、商品登録ページの商品タグに作者、商品タイプに作品やグッズを設定し、作者毎のコレクションと作者の商品タイプ毎のコレクションを作成した上で、オンラインストアのメニューを使用して下記のようなメニューの階層を作成してはいかがでしょうか？

→ゴッホ  
→作品  
→グッズ  
→ピカソ  
→作品  
→グッズ

以上、宜しくお願い致します。

---

<div class="post-metadata">

**Author:** ![t-art-web](https://avatars.discourse-cdn.com/v4/letter/t/b9e5f3/32.png) [@t-art-web](https://community.shopify.com/u/t-art-web)\
**Post date:** [December 21, 2020, 2:22am UTC](https://community.shopify.com/t/topic/28863/3 "2020-12-21T02:22:42Z")

</div>

さんつ 様

お忙しい中ご返答ありがとうございます！

ご教授頂きました通り、各コレクションを作成しまとめるところまではやってみたのですが、

一例ですが、

[https://www.art-meter.com/works/?ID=AW124420](https://www.art-meter.com/works/?ID=AW124420)

 ![ECサイト事例.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/a/c/ace67eeaf1d85ced60fe2a7483b68e89faba816b.png)

こちらのサイトのように作者名を押すとコレクションページに飛ぶような動的な表示が商品ページで実現可能でしょうか。

宜しくお願い致します。

---

<div class="post-metadata">

**Author:** ![Anonymous\_4d9e7ed625bfa1bbc1782320693c1e6d](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_4d9e7ed625bfa1bbc1782320693c1e6d/32/312468_2.png) [@Anonymous\_4d9e7ed625bfa1bbc1782320693c1e6d](https://community.shopify.com/u/Anonymous_4d9e7ed625bfa1bbc1782320693c1e6d)\
**Post date:** [December 21, 2020, 12:53pm UTC](https://community.shopify.com/t/topic/28863/4 "2020-12-21T12:53:09Z")

</div>

作者名で動的なリンクを設置することは可能です。  
商品登録ページの商品タグに作者を設定した場合、下記の記事が参考になると思います。  
設定した商品タグにリンクを設置する記事になります。

[Shopify の 商品ページに商品タグを設置して、リンクを付与する](https://medium.com/@yasainet/shopify-%E3%81%AE-%E5%95%86%E5%93%81%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AB%E5%95%86%E5%93%81%E3%82%BF%E3%82%B0%E3%82%92%E8%A8%AD%E7%BD%AE%E3%81%97%E3%81%A6-%E3%83%AA%E3%83%B3%E3%82%AF%E3%82%92%E4%BB%98%E4%B8%8E%E3%81%99%E3%82%8B-cfecbb27fb40)

よろしくお願いします。

---

<div class="post-metadata">

**Author:** ![t-art-web](https://avatars.discourse-cdn.com/v4/letter/t/b9e5f3/32.png) [@t-art-web](https://community.shopify.com/u/t-art-web)\
**Post date:** [December 22, 2020, 1:51pm UTC](https://community.shopify.com/t/topic/28863/5 "2020-12-22T13:51:28Z")

</div>

お忙しい中ご返答ありがとうございます。

sections/product-template.liquidに

{% for tag in product.tags %}  
{% capture url %}/collections/all/{{tag | handle}}{% endcapture %}  
{{ tag | link\_to:url }}  
{% endfor %}

を入れることで無事商品タグの動的表示ができました！

ありがとうございます！
