Zen CartでFlashを使って商品画像を魅力的に見せる

プログラマの竹村です。
アークウェブがサポートしているオンラインショップ構築ソフト「Zen Cart (http://zen-cart.jp/)」のコミュニティ掲示板で、こんな提案をしている方がいました。

Flashと連動したサンプル画像を多数表示させる
http://zen-cart.jp/bbs/viewtopic.php?t=1377&highlight=Flash

通常、Zen Cartでは、他のネットショップ用ソフトと同じように、商品詳細には商品画像を1点しか表示できないのですが、これを利用すると、スライドショーの感覚で商品の特徴などを見せることが可能になります。

お客様に商品を実際に触っていただけないネットショップとしては、画像などをたくさん載せて商品の魅力をアピールをすることは、かなり重要かと思いました。

そこで、こちらと同じ路線でアレコレ考え、こんなものを作ってみました。







商品詳細画面で、その商品をよりアピールするために広告のような表現ができればどうだろう?それに、表示パターンを商品毎に工夫すればお客様を飽きさせないし、動画チラシのようでカッコイイ!

このコンセプトをもとに、プロトタイプを実装してみました。以下の場所にドキュメントとサンプルを置いてあります。ライセンスはオープンソース(GPL)です。

zenfla(prototype)
https://www.ark-web.jp/zen-cart/zenfla/


商品モデルのディレクトリに config.xml と必要な画像をアップロードして、config.xml を表示パターンのXML形式に合わせて記述しておきます。
お客様が商品詳細を表示する際、FlashがXML設定ファイルを読み込んで指定した画像によるフェードイン・フェードアウトなどの演出をしてくれる流れです。
現在、演出のパターンは3つですが、Flashを拡張すれば増やしていくことができます。


今回はプロトタイプの作成のみですが、こういった機能のZen Cartへの導入、演出パターンの改造などは、ビジネスとしても承っておりますので、お気軽にご相談ください。