お気に入りボタンを設置して、お気に入りをした商品をお気に入りリストページに追加したい

[uf2]

商品の詳細ページにお気に入りボタンを設置しました。

このボタンが押されている商品は「wishlist」というページで表示されるようにしたいと考えております。

このボタンは押すと赤くなり、再度押すと解除されるようにしています。

すでにwishlistというテンプレートを作成し、wishlistのページも作成したのですが、

お気に入りボタンとの結び付け方がわからず…。

サードパーティは使用したくないため自力でお気に入りボタンを設置したいため、

どなたかご存知の方がいらっしゃいましたらご教示いただけますと幸いです。

[Qcoltd · Accepted solution]

@uf2 様

細かいことを置いておいてそれらしく動けば十分ということでしたら、

JavaScriptで、お気に入りボタンが押された際に、お気に入りの登録情報を local storage に保存し、

wishlistページでは、そのlocal storageの情報を取り出して表示する、

とするのが簡単かと思います。

しかし、この方法ですと、下記のような問題があります。

• ユーザーが、別の端末や別のブラウザでサイトにアクセスした際に、お気に入りの情報は引き継げない
• 不特定多数が使用する端末からサイトアクセスしてお気に入りを行うと、他ユーザーにもお気に入りの情報が見えてしまう可能性がある

下記のようにした方がより良いと思います。

• カスタムアプリを作成して、顧客情報を更新するAPIを作り、お気に入りボタンが押された際に、顧客のメタフィールドに、お気に入りの商品情報を保存する
• wishlistページでは、顧客のメタフィールドから情報を取り出して商品を表示する
• 顧客情報を利用する都合上、お気に入り機能の利用にはログインを必須にする

上記のうち、

カスタムアプリを作成して、顧客情報を更新するAPIを作り、

こちらが難易度高めなので、難しい場合は、開発パートナーを探されるのが良いかと思います。

しかし、

こういったものの自作は、問題が発生しやすく、その対応の負荷などを考慮しますと、

サードパーティー性のアプリを利用した方が、コスト安になることはよくあります。

下記のアプリは最低限の機能は揃っておりコストも他社のwishlistアプリと比較すると安いのでおすすめです。

https://apps.shopify.com/wishlist-king?locale=ja

ご参考まで。

(キュー田辺)

[uf2]

ご丁寧にご回答いただきありがとうございます。

仮に開発できたとして、開発後の運用コストを考えるとやはりアプリでの導入が現実的とのこと、

勉強になりました。ありがとうございます！