Blog

Fine Uploaderを見やすく調整してみた

2015.10.20Cat:jQuery jQueryプラグイン

LaunchCartで使用しているFine Uploaderだが、デフォルトの見た目だと少し操作性が悪いとおもっており、調整してみた

デモ

 

変更点は以下

■テンプレート

日本語化したのと、CSS、JSに合わせて構造を少し変更

 

■CSS

position: relativeを取ることで、ドロップエリアが前画面になる

 

ボタンを調整

 

ドロップエリアを調整

 

結果部分を調整

 

 

装飾が足りない気がするが、見やすくはなったかと思われる

Author Profile

hoshino

ECのことを中心に書きたいと思います。
ネタが無いときはプログラムやデザインのことも書きます。

» 投稿一覧
  • Launch Cart次世代ECサイト構築システム 初期月額無料
  • LaunchMovie ECに特化した動画制作サービス

Archive

ページTOPへ