商品、在庫、施工例をそれぞれ行き来できる導線を設計

リニューアル前は静的ページで作成されており、異なるコンテンツ間の行き来の導線が弱い状態でした。そこをCMS化し、商品情報、在庫、施工例それぞれをスムーズに遷移できる導線を追加しました。

商品情報の詳細ページから、その商品を使っている施工例と在庫情報を表示

---

---

施工例や在庫情報に、商品ごとに選べる分類を表示

モジュールの入れ子とctxを組み合わせて、商品一覧ブログのデータをそのまま利用して一覧を作成しました。

---

---

施工例詳細ページに、「この施工例で使用している古材」として商品ページへのリンクを設置

こちらもモジュールの入れ子とctxを組み合わせ、施工例と商品を紐付けて表示。施工例から商品に興味を持ったユーザーに、商品ページにアクセスしてもらいやすくしました。

---