楽天買い物かご付近へのリンクについて

Question

お世話になっております。

RMSのヘッダー・フッター・レフトナビのヘッダー部分に該当商品複数に共通の商品情報を入れ、相対パスで#rakutenLimitedId_cartにジャンプする「ご購入はこちら」ボタンを設置したいです。

https://forum.ec-masters.net/post_view.php?id=257
こちらを参考にiframeでタグを埋め込む事をしてみたのですが、上手くいきませんでした。
https://item.rakuten.co.jp/#rakutenLimitedId_cartというリンクになり、楽天TOPにジャンプしてしまいます。
もし方法をご存知でしたら、ご教授頂けますと助かります。

Accepted Answer

ECマスターズの田中美帆です。

すでに解決済みにしていただいた後で失礼します。

ヘッダー・フッター・レフトナビでは
使用できないとご案内しておりましたが、
別のソースコードにて対応できましたので
追記いたします。

----- 以下から -----

@keyframes left_appear {
  from { opacity: 0.5; }
  to { opacity: 1; }
}
#targetDiv {
  opacity: 0.5;
  animation: left_appear 0.01s ease 0.01s forwards;
}



  ご購入はこちら

----- 以上まで -----

上記をヘッダー・フッター・レフトナビ
いずれかの表示させたい箇所に記述することで
同じ動作が再現できましたので、
よろしければお試しください。

Answer

ECマスターズの田中美帆です。

ご返信が遅くなり申し訳ありません。

現在、事務局でも動作確認を進めております。
お時間をいただいてしまい恐縮ですが、
今しばらくお待ちくださいますようお願いいたします。

Answer

ECマスターズの田中美帆です。

回答までお待たせして申し訳ありません。

調査したところ、
https://forum.ec-masters.net/post_view.php?id=257
こちらのフォーラムでご案内していた方法は、
P_mastersさんのおっしゃるとおり
楽天市場のトップにジャンプしてしまい、
現在は機能しなくなっておりました。

１０年以上前のフォーラムのため、
楽天市場の仕様が変更されたなどの理由で
現在は機能しなくなったのではと考えられます。

別の方法を検証いたしました。


【１】動的にジャンプ先を設定する方法

表示されているページのURLを取得し、
「#rakutenLimitedId_aroundCart」を末尾に
追加してリンク先として設定する仕組みです。

----- 以下から -----

  ご購入はこちら

----- 以上まで -----

商品ページごとに絶対パスで
URLを記述する必要がないため、
全ページ共通で使用できます。

ただし、「ヘッダー・フッター・レフトナビ」は
HTMLタグの制限が厳しく、
使用できない禁止タグが含まれているため、
記述することができません。

「PC用商品説明文」「PC用販売説明文」などに
記述する必要があり、商品ページごとに
個別で設定する必要があります。


【２】絶対パスでURLを設定する方法

https://forum.ec-masters.net/post_view.php?id=257
こちらのフォーラムにもあるとおり、
事前に商品ページのURLとジャンプ先を指定する方法です。

----- 以下から -----
ご購入はこちら
----- 以上まで -----

商品ページごとに絶対パスで
URLを記述する必要がありますが、
もっともシンプルな記述方法です。


楽天市場の仕様制限が厳しいため、
すべての商品ページに一括で、且つ
相対パスで設置することが難しいのが現状です。

上記の方法でご検討くださいませ。

Answer

調査＆動作確認をして頂きありがとうございました。

現状ではヘッダー・フッター・レフトナビに相対パスでのリンクは難しいとの事、承知いたしました。
代替案のリンクタグもありがとうございます。こちら大変助かります。
今回は使用には至りませんでしたが、何かの折に使わせて頂ければと思います。

楽天 買い物かご付近へのリンクについて

楽天買い物かご付近へのリンクについて