# お気に入り商品の一覧表示

**URL:** <https://community.shopify.com/t/topic/6932>\
**Category:** 総合的なディスカッション\
**Created:** [November 5, 2019, 4:51am UTC](https://community.shopify.com/t/topic/6932 "2019-11-05T04:51:47Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

お気に入り商品アプリで追加された商品一覧を、リンク先ページではなくマイページ内に直接表示する方法が主題です。対象として「Smart Wishlist」や「Wishlist Plus」が挙げられ、少なくともお気に入りページへのリンク（/a/wishlist）は設置できている状態でした。

その後、質問者が自己解決しています。jQuery の AJAX 通信でお気に入りページの HTML を取得し、必要な部分だけを抜き出して任意の要素に差し込む方法で実現したとのことです。

具体的には、GET で /a/wishlist を読み込み、取得した HTML から #MainContent を抽出し、表示先の要素 ID に .html() で挿入する実装例が共有されています。コードスニペットが理解の中心で、議論は解決済みです。

<div class="post-metadata">

**Author:** ![matsumoto](https://avatars.discourse-cdn.com/v4/letter/m/9fc348/32.png) [@matsumoto](https://community.shopify.com/u/matsumoto)\
**Post date:** [November 5, 2019, 4:51am UTC](https://community.shopify.com/t/topic/6932/1 "2019-11-05T04:51:47Z")

</div>

「Smart Wishlist」や「Wishlist Plus」といった「お気に入り商品アプリ」を使って追加されたお気に入り商品を、マイページに一覧で表示したいのですがどなかた方法をご存知ないでしょうか？

「Smart Wishlist」を使った場合、

[XXXXX](https://community.shopify.com/a/wishlist)

でお気に入りページリンクは追加できたのですが、

このリンク先のお気に入り商品一覧を直接マイページに表示させたいです。

ご教授のほどよろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![matsumoto](https://avatars.discourse-cdn.com/v4/letter/m/9fc348/32.png) [@matsumoto](https://community.shopify.com/u/matsumoto)\
**Post date:** [November 7, 2019, 1:12pm UTC](https://community.shopify.com/t/topic/6932/2 "2019-11-07T13:12:40Z")

</div>

自己解決しました。

JQuery を使ってお気に入りページリンク先のコンテンツを取得し、表示したい箇所に差し込むことで表示できました。

例）「Smart Wishlist」のお気に入りページを表示