文字入力式のカート

Question

楽天の商品ページで

http://81wind.com/SHOP/ON-500.html

こちらのように
名入れなど文字を入力できるテキストエリアを設けて
カートに入れる方法はありますか？

よろしくお願いいたします。

Answer

ECマスターズの橋本です。

テキスト入力フォームをかご付近に入れることは
楽天のシステムではできない為、

宇治金時さんが現在オプションで実施されているような、
備考欄への記載が、お客さんにとってもわかりやすく、
一般的だと思います。

Answer

やはりできないのですね…。
ありがとうございました。

Answer

ECマスターズの橋本です。

Javascriptを利用してできる方法をもう少し調べてみますので、
少々お時間をいただければと思います。

Answer

ひとつひとつの質問に小さいことでも真剣に取り組まれる姿に
いつも本当に感謝致します！
よろしくお願いいたします！

Answer

ECマスターズの田中です。

確認したところ、下記商品ページのように、
http://item.rakuten.co.jp/naire-arttech/10000019/
タグで埋め込んだ楽天GOLD内のHTMLファイルにて、
文字入力を実現しているショップがありました。

上記ページの「注文方法２．当店デザイナーにお任せ」にて
選択内容を買い物かごに反映させる方法がわかりましたので、
ご案内いたします。

仕組みとしては、存在しない項目選択肢の内容をタグに追記することで、
項目選択肢の内容として買い物かごに反映されるようになっております。

■１．
楽天GOLDに、文字コードをEUCに設定したHTMLファイルを作成し、
以下のタグを設置する。

===== この下の行から ================

		
  ※

  個数：
  
  
  
  
  

===== この上の行まで ================
※ショップＩＤは、ショップ内検索時にURLに含まれる6桁の数字を入力してください。
※商品の在庫タイプは、
　「在庫設定しない」なら0、「通常在庫設定」なら1、「項目選択肢別在庫」なら2を
　入力してください（項目選択肢別在庫の場合、■３の手順が必要になります）
※商品のＲＡＣ番号の下８桁は、商品個別編集画面もしくはitem.csvよりご確認ください。

■２．
上記タグ内、※の位置に、name属性を"choice"と設定した入力欄を追加する。

例）
===== この下の行から ================


===== この上の行まで ================

例２）
===== この下の行から ================


レッド
ブラック

===== この上の行まで ================

■３．
在庫タイプが「項目選択肢別在庫」の場合、
項目選択肢別在庫を選択するためのラジオボタンを、
実際の商品ページからコピーしてタグ内、※の位置に入力する。

例）
===== この下の行から ================
王様の涙 ロゼ（瓶は透明）： 
===== この上の行まで ================

Answer

本当にありがとうございます！
ちょっと試してみますね！

Answer

試してみました。


この部分をいれるとブラウザの環境かもしれませんが
買い物かご内の表示でテキストエリアに入力した文字の前に
?????と文字化けしているようですので外してみたのですが

こちらで動作しているでしょうか？
http://www.rakuten.ne.jp/gold/81wind/neme.html

ちなみに個数の数値のテキストエリアを画像のように狭くして
買い物かごボタンの画像を変えたいのですが
どのようにすればよいでしょうか？

何から何までお世話になり申し訳ないです。

Answer

ECマスターズの田中です。

＞こちらで動作しているでしょうか？
はい、商品管理番号「on500」の商品が、買い物かごに入るようになっております。
修正が必要な点に関しては、それぞれ下記にてご説明させていただきます。

＞買い物かご内の表示でテキストエリアに入力した文字の前に
＞?????と文字化けしている
確認したところ、日本語を送信する場合は
HTMLページの文字コードをEUCにする必要がありました。
現在はShift-JISで保存されておりますので、
EUCに変更して保存していただけますでしょうか。
（上記内容につきましては、元の返信に追記させていただきます）

＞個数の数値のテキストエリアを画像のように狭くして
スタイルシートの「width」属性で横幅をご指定ください。
例） → 

＞買い物かごボタンの画像を変えたい
タグをご利用ください。
http://www.htmq.com/html5/input_type_image.shtml
例）

Answer

ありがとうございます。

修正して何とか動作しているようです。
後はページを工夫すれば

色々と応用出来そうです。
ありがとうございました！