• 文字サイズ
解決済

モーダルウィンドウでクーポン獲得と同時にお気に入り登録される方法

  • 相談者:非公開
  • 2019/04/03 16:51
先日ECCからモーダルウィンドウを設置してクーポンを配る モーダルウィンドウをクリックした際に自動でお気に入り登録されるという事をしているショップさんを紹介されました。

https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/

(他社のページを載せるのはNGなどのルールがありましたらすぐに消しますので教えてください)
この方法を教えて頂けますでしょうか。

恥ずかしながら私は、
普通のモーダルもPCでしか設置する事ができません。
先日こちらの過去の質問を見て
スマホに設置しようとしましたが
上手く反映されませんでした。

CSS、HTMLの知識はほぼほぼありません。

分かりやすく教えて頂けますと助かります・・・

よろしくお願いいたします。
投稿内容について報告する




  • 返信者:非公開
  • 2019/04/03 18:53
ECマスターズの田中です。

いただいた商品ページに表示される
モーダルウィンドウの仕組みを確認したところ、
リンク先を指定する<a>タグにて、
2箇………(省略)………
  • 返信者:非公開(質問者)
  • 2019/04/05 16:15
田中様
お世話になります。
よろしくお願いいたします。

>実際にご設置いただいたモーダルウィンドウがございましたら、
>ウィンドウが確認できるページ………(省略)………
  • 返信者:非公開
  • 2019/04/05 18:11
ECマスターズの田中です。

> とりあえず、設置してみました!
ご対応ありがとうございます。
確認できましたので、一旦撤去をお願いします。

また………(省略)………
  • 返信者:非公開(質問者)
  • 2019/04/05 18:37
田中様

ご確認ありがとうございます。

ご連絡お待ちしております。
よろしくお願いします。………(省略)………
  • 返信者:非公開
  • 2019/04/05 23:23
ECマスターズの田中です。

まずは、バナーとして表示するHTMLファイルを
楽天GOLDにご用意ください。

例としていただいた店舗では
http………(省略)………
  • 返信者:非公開(質問者)
  • 2019/04/06 12:40
田中様

ありがとうございます。

>以上の作業が終わりましたら、楽天GOLDにアップロードの上、
>HTMLファイルのURLを直接開いてクリックして………(省略)………
  • 返信者:非公開
  • 2019/04/06 16:27
ECマスターズの塚本です。

いただいたご質問ですがご確認のうえ
担当より週明けご連絡をさせていただきます。

お時間いただきますが今しばらくお待ちく………(省略)………
  • 返信者:非公開
  • 2019/04/08 21:16
ECマスターズの田中です。

まずは、PCに掲載する方法からご案内させていただきます。

モーダルウィンドウを設置するためのHTMLソースに含まれる
………(省略)………
  • 返信者:非公開(質問者)
  • 2019/04/09 10:00
田中様ありがとうございます。

PC上に設置できました!
ありがとうございます。

商品ページ(PC用販売説明文)に設置しようとすると
「認められて………(省略)………
  • 返信者:非公開
  • 2019/04/09 18:15
ECマスターズの田中です。

無事、PCにご設置いただけて何よりです。

整った位置に表示させるためには
さらに見た目の調整が必要となります。

………(省略)………
  • 返信者:非公開(質問者)
  • 2019/04/10 11:47
田中様

>表示位置の調整を行っていただきますようお願いします。
キレイに表示されるようになりました!
ありがとうございます。

>全商品ページ共通………(省略)………
  • 返信者:非公開
  • 2019/04/10 14:21
ECマスターズの田中です。

> モーダルウィンドウとして画面に表示されず、
> 商品ページの一番下の方に画像がでてきます。
> どうすればよいでしょう………(省略)………
  • 返信者:非公開(質問者)
  • 2019/04/10 14:45
田中様


>私のiPhone8にてスマートフォン用商品ページを確認したところ、
>モーダルウィンドウが問題なく表示されました。

今確認したところ………(省略)………