数年ぶりにランチョンマットとカトラリーを買い替えることになり、IKEAを閲覧するとオンラインショッピングできるようになっていたんですね。
2006年当時はオンラインはなかったので新横浜店舗まで行きましたが、便利になりました。
それでも一般的なショッピングサイトとは異なり、最寄りの実店舗からの配送(送料も実店舗基準で計算)、在庫も最寄りの実店舗、決済はカードのみなど買い物慣れしている方には制約が多く感じますね。
入力内容に問題がある？
さて、そんなIKEAオンラインでお買い物をし、いざ決済となる画面が進みません。
不備はなにもないんですけどねぇ。
一応カスタマにも確認
カスタマセンターに問合せましたが「表示項目を入力してください」「30分後にもう一度お試しください」など如何にも雇われカスタマーだな…という印象。
内部コードを解析
仕方がないのでChromeの検証機能で内部コードを解析しました。(Firefoxでも名称は違いますが内部コードを検証できます)
該当箇所を見てみると…
ん？
<div class="wpwl-group wpwl-group-cardHolder wpwl-clearfix" style="display: none;"”>
何を非表示にしてるのかな？
非表示を解除してみる。
<div class="wpwl-group wpwl-group-cardHolder wpwl-clearfix" style="display: ;"”>
すると画面に「カード所有者の名前」が表示されました。
おいっ！
カード名義が非表示になっているという罠。
しかも初期値はお客様情報の姓名の欄。
ここは日本ですから多くの方はかな漢字で入力しますよね！
この時点でカード名義だと分かってアルファベットで入力する人なんているんだろうか。
道理でカード決済が通らない訳です…
結局
所有者の項目を正規の内容に修正して1クリックボタンを押したら決済が通りましたとさ。
