
30 / Product & EC Card Patterns
商品カード・価格表示・カート追加・在庫バッジ・評価バー — ECサイト向けUIリファレンス。
#4 商品詳細ページ
#5 カート概要
#6 ウィッシュリストグリッド
#7 商品レビューセクション
★★★★★
5.0
最高の音質!ノイズキャンセリングが素晴らしいです。
田中さん
2024.01.15
★★★★☆
4.0
デザインが良く使いやすいです。バッテリーは25時間ほど持ちます。
佐藤さん
2024.01.10
★★★★★
5.0
テレワーク用に購入。通話品質も申し分なし。
鈴木さん
2024.01.05
#8 注文確認ページ
✓
注文番号: #ORD-2024-0128
商品合計
¥38,780
送料
¥0
消費税
¥3,878
合計
¥42,658
お届け先
〒100-0001 東京都千代田区千代田1-1
田中 太郎 様
お届け予定日: 2024年2月3日(土)
#9 商品カルーセル風
←
→
🎧
ヘッドホン
¥29,800
⌨
キーボード
¥15,800
🖱
マウス
¥8,980
🖥
モニター
¥49,800
#10 クーポンコード入力
#11 配送オプション
通常配送
3〜5営業日でお届け
無料
お急ぎ便
1〜2営業日でお届け
¥500
当日配送
本日中にお届け(一部地域)
¥1,000
#12 注文トラッキング
注文確定
2024/01/28 10:30
出荷完了
2024/01/29 14:00
配送中
最寄りの配送センターに到着
お届け予定
2024/02/01
#13 セール特集バナー
#14 商品カテゴリ一覧
🎧
オーディオ
124 商品
⌨
入力デバイス
89 商品
🖥
モニター
56 商品
💾
ストレージ
78 商品
🎮
ゲーミング
45 商品
🔌
アクセサリ
203 商品
#15 最近チェックした商品
🎧
ヘッドホン
¥29,800
⌨
キーボード
¥15,800
🖱
マウス
¥8,980
🖥
モニター
¥49,800
💾
SSD 1TB
¥12,800
#16 サイズガイド
サイズ
着丈
身幅
肩幅
袖丈
S
65cm
49cm
42cm
60cm
M
68cm
52cm
44cm
62cm
L
71cm
55cm
46cm
64cm
※実寸サイズ(cm)。多少の誤差が生じる場合があります。
#17 ギフトラッピング選択
ラッピングなし
無料
¥0
スタンダードラッピング
リボン + メッセージカード
¥330
プレミアムボックス
専用ボックス + リボン + カード
¥880
メッセージ(任意)
#18 在庫状況バッジ
📱
iPhone 15 Pro
在庫あり
💻
MacBook Air M3
残り3点
🎧
AirPods Pro
品切れ
⌚
Apple Watch
予約受付中