2005年5月20日
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への導入、演出パターンの改造などは、ビジネスとしても承っておりますので、お気軽にご相談ください。
カテゴリー: Zen Cart(オンラインショップ構築)
タグ： オンラインショップ , オープンソース , Flash , Zen Cart
« 前の記事：Google、AdSense for feeds(アドセンス広告のRSS・Atom配信)β版開始
» 次の記事：Workflow Plugin - ビジネスブログでMovableTypeを使い込むために
アークウェブの本
Zen Cartによるオンラインショップ構築・運用テクニック―オープンソース徹底活用
内容充実のZen Cart公式本（v1.3対応）がついに発表です。アークウェブのスタッフをはじめZen-Cart.JPの中心メンバーが共著で執筆しました。続きを読む
新着はてブ
カテゴリー
- Shopify(ショピファイ）オンラインショップ構築
- NGO・NPO向け情報
- スマートフォン
- だれもが使えるウェブコンクール
- mixiアプリ
- OpenSocial (システム開発)
- アークウェブのCSR
- A-Form, A-Member, A-Reserve(MTプラグイン)
- Ruby on Rails(システム開発)
- necoったー
- Miqqle
- WebSig24/7
- ecoったー
- ビッグイシュー(The Big Issue)
- CSR(企業の社会的責任)
- マッシュアップ
- RIA (システム開発)
- セキュリティ（システム開発）
- 唐松(アクセス解析)
- Ajax (システム開発)
- テスト（システム開発）
- データベース
- PukiWiki
- Web 2.0
- SEO・サーチエンジン最適化
- XP・アジャイル(システム開発)
- Web・ＩＴニュースクリップ
- Webアクセシビリティ
- Webデザイン
- SEM・サーチエンジン広告
- Webユーザビリティ
- CMS・MovableType
- Zen Cart(オンラインショップ構築)
- Snippy(SNS・ソーシャルブックマーク)
- アークウェブ
- オープンソース
- CMS(コンテンツマネジメント・システム)
- Webマーケティング
- AMP
- SNS
アーカイブ
応援しています
（終了しました）
