複数の商品画像を見易いように一箇所で表示する

複数の商品画像を見易いように一箇所で表示するEC-CUBE
この記事は約1分で読めます。

ECサイトでの商品画像の表示方法は様々あります。
レイアウトにもよりますが、商品画像が多いとその分ページも長くなり、お客様がスクロールしないと画像を見ることができない。なんてこともしばしば発生します。
「お客様のアクションが増える」=「お客様の手間が増える」=「ECサイトのユーザビリティが良くない」ということです。
ユーザビリティが悪いECサイトは、離脱率(注文をせずショップを離れる割合)がグンと上がります。
極力お客様のアクションを減らす為に、画像を一箇所で表示する方法があります。
下記の図では、下部の小さい画像をクリックすると上部の画像が切り替わります。
商品画像を一箇所で表示
商品画像を一箇所で表示
この表示方法であれば、お客様は見たい画像をクリックするだけで、様々な画像を見ることができます。
高いユーザビリティを提供することができ、ショップの離脱率を下げることができます。

投稿者プロフィール

Nakamura
サンクユーのEC-CUBE担当。15年以上にわたりEC-CUBE開発に従事し、2系・3系・4系すべてに精通。難易度の高いカスタマイズや、他社構築サイトの改修・再設計も多数対応しています。

Javaでの業務システム開発を起点に、PHP・Perl・フロントエンド・CMSまで横断的に対応。基幹システム連携や業務フローを踏まえた設計を得意とし、複雑な要件にも柔軟に対応可能です。

ChatGPT CODEXを活用し、開発スピードと品質の両立を実現しています。

お気軽にご相談ください

お気軽にご相談ください

タイトルとURLをコピーしました