開発・運用しているShopifyアプリ「RYX Wishlist」で、お客様が見るお気に入り一覧の見た目を作り直しました。すべてのプランで、アプリを入れているすべてのストアに反映されています。
変わったところ
- 写真の大きさをそろえました：縦長・横長の写真が混ざっていても、同じ枠（縦長 4:5）に切り抜いて並べます。正方形や元の比率も選べます
- 外すのは写真右上のハート：カードのボタンは「カートに追加」だけになりました。商品ページと同じハートで外せます
- 確認の画面の代わりに「元に戻す」：外すとすぐ消え、画面の下に「元に戻す」が数秒出ます。外す前に確認を出したいストアは、設定でオンにできます
- スマホは2列：これまでの既定は1列でした
- 件数と絞り込み：一覧の上に件数が出ます。ブログ記事も保存している場合は「すべて・商品・記事」で絞り込めます
- 空のときの案内：何も保存していないときは、使い方と「商品を見る」ボタンを出します。ボタンの行き先は設定で変えられます
- 追加したときの通知：商品の写真と名前、「一覧を見る」を出すようにしました
スマホ
スマホの列数を1列にしていたストアも、今回すべて2列に切り替えました。1列に戻したい場合は、アプリの「設定 › ページデザイン › スマホのカラム数」で変更できます。
空のとき
「空の時のメッセージ」を設定しているストアでは、説明文がそのメッセージに変わります。
追加した設定
アプリの「設定 › ページデザイン」に、次の3つを追加しました。
- 商品写真の枠（縦長 4:5・正方形・元の比率）
- 外す前に確認する（既定はオフ）
- お気に入りが空のときのボタンの行き先（既定は全商品のページ）
色・見出し・空の時のメッセージなど、これまでの設定はそのまま使えます。
今後とも、より使いやすいアプリづくりを進めてまいります。