v-crn Code Log

主に備忘録

Solidusにウィッシュリスト機能を付ける

f:id:v-crn:20190712162105p:plain
ECサイトに定番のウィッシュリスト。某有名ECショッピングサイトでは「ほしいものリスト」と呼ばれるアレです。Solidusではすでにウィッシュリスト用のGemが用意されているので、今回はそれを導入してみたいと思います。

※本記事はSolidusでECサイトをつくるの続編です。

導入手順

使うのはsolidus_wishlistというGemです。GithubページのREADME.mdに従って導入します。

github.com

Gemfileに下記を追記。

gem 'solidus_wishlist', github: 'boomerdigital/solidus_wishlist', branch: 'master'

商品ページのリンクをメールで送ることができる機能を有効にしたい場合は下記も追記。

gem 'solidus_email_to_friend', github: 'boomerdigital/solidus_email_to_friend', branch: 'master'

あとはコンソールでgemとrailsに必要なファイルをインストールするだけです。

$ bundle install
$ bundle exec rails g solidus_wishlist:install

途中、Would you like to run the migrations now? [Y/n]と訊かれたらYと入力して続行します。

導入後画面

f:id:v-crn:20190712161433p:plain
商品ページ

f:id:v-crn:20190712161504p:plain
ウィッシュリスト画面

f:id:v-crn:20190712161527p:plain
2個目の商品を追加

f:id:v-crn:20190712161545p:plain
公開/非公開、デフォルトの設定

f:id:v-crn:20190712161603p:plain
emailでの商品ページリンク送信画面

良い感じですね!