3D Customise Test
ベッドリネンを組み合わせて選ぶ
まずはベッドリネン3点をまとめて選べる初版です。GLB プレビューと Ajax Cart を使って、商品ページを壊さず独立して動作します。
3D preview
GLB を section settings でアップロードするとここに表示されます。
ドラッグして 3D を回転
ドラッグで回転、ピンチまたはスクロールで拡大できます。
model-viewer
Checking...
GLB src
Not set
Load status
Waiting
1. ベースサイズを選ぶ
ベースサイズ変更時に、掛け布団カバーとボックスシーツの初期サイズも自動で揃えます。
2. 枕カバーのカラーを選ぶ
数量は自動です。シングルは 1、その他サイズは 2 でカート追加されます。
3. 掛け布団カバー
4. ボックスシーツ
5. 選択内容の確認
6. 合計金額
¥0
マットレスとベッドフレームは次段階で追加しやすいよう、JS 側の構造は拡張しやすくしてあります。