カテゴリページからGOLDページへの全画面リンク

Question

RMSのカテゴリページ編集画面のカテゴリ説明文上にiframeでGOLDのページを全画面で（aタグの属性でいうと_topで）ページを開くことは可能でしょうか？リ………（省略）………
ログインして全文を読む

Accepted Answer

ECマスターズの中野です。

ご連絡が遅くなり申し訳ございません。

> そういう仕様なのかと思い諦めようとしましたが、その前にこちらで相談させていただこうと思った次第です。
> こちらはおっしゃるとおり登録するとPCの設定を読み込まないので登録を削除しました。

ご相談いただきましてありがとうございます。
記述的には正しいHTMLタグで正常な動作が
出来ていない状況ですので、先述の回答でも
ご案内させていただいた通り、

楽天の仕様として対応できない
設定である可能性が高いです。

※楽天のサポート窓口では、HTMLタグの設定
についての問い合わせは対応不可となって
おりますので、本当に仕様でできないのか
否かの確認が残念ながらとれません。

余談とがなりますが、楽天では
PC用のトップページについてもGOLDページの
使用が25年12月で終了し、段階的に
楽天市場全体のデザインをRMS機能で
管理・統一する方向に流れがございます。

■[トップページ設定] 新店舗トップページプロジェクト
https://navi-manual.faq.rakuten.net/design/000045657

コンテンツページの機能もリリース
されましたので、これらの機能を活用される
事も一助として店舗デザインを
ご検討ください。

■[コンテンツページ管理] コンテンツページとは
https://navi-manual.faq.rakuten.net/design/000050578

Answer

ECマスターズの伊藤です。

>RMSのカテゴリページ編集画面のカテゴリ説明文上にiframeでGOLDのページを全画面で（aタグの属性でいうと_topで）ページを開くことは可能でしょうか？リダイレクト用のページを挟んでJavaScriptやMETA属性で試したのですが、うまくいきません。よろしくお願いします。

iframeで読み込まれるページ（GOLDのページ）に
仰ってるとおり、target="_top"にて
ご対応いたけるかと思いますが、
正常に動作しませんでしょうか。

もし、うまくいかない場合、確認させていただきたいので、
対象のページのURLをご教示頂ますよう
お願いいたします。

Answer

伊藤様

最初は間にページを挟まず、カテゴリ説明文上に

としていたのですが、この記述が違っていますでしょうか？

上記では全画面にならず、上に楽天のバナーが出ている状態だったので間にページを挟むことを試していました。
カテゴリ説明文上に

として設定し、
リンク先のGOLDのページには
	
と記述しています。
ですが、状況は変わらずでした。

リダイレクト先のnew.htmlはPCとスマホで見え方を変えているのですが、スマホでもPCの見え方になってしまいます。
全画面にならないことが原因かと思っていますがスマホ用の見え方になってほしいです。

よろしくお願いします。

Answer

ECマスターズの伊藤です。

> 最初は間にページを挟まず、カテゴリ説明文上に
> 
> としていたのですが、この記述が違っていますでしょうか？

恐れ入ります、想定されている動作ですが、

カテゴリに

を埋め込み、

上記ページ内のリンクをクリックすると
全画面でリンク先が表示される

といった動作でお間違い無いでしょうか。

その場合、Aタグにtarget="_top"の
記載がありませんでしたので
ご対応をお願いいたします。


カテゴリに
iframe new.html　を埋め込み
new.htmlに記載されたJSをフックに
re_new.htmlを表示
というようであれば、

iframeがページ内に表示されたあとに
ページが遷移するといった動作が
必要になるかと思います。

ですが、iframeから親ウィンドの操作が
難しく、カテゴリページとGOLDで
ドメインが異なることから、
ご対応はできないかと思われます。

また、スマートフォンは
iframeの利用ができません。

参考：[スマートフォン デザイン設定] スマートフォン用入力項目で利用できるHTMLタグ
https://navi-manual.faq.rakuten.net/design/000038875


> リダイレクト先のnew.htmlはPCとスマホで見え方を変えているのですが、スマホでもPCの見え方になってしまいます。

カテゴリページに商品がひとつも
紐づいていない場合、スマホでも
PCが表示される楽天の仕様となっています。
スマホ用のページを表示させたい場合、
1つ以上の商品をカテゴリに紐づけを
行ってください。

Answer

> カテゴリに
> 
> を埋め込み、
>
> 上記ページ内のリンクをクリックすると全画面でリンク先が表示される
>
> といった動作でお間違い無いでしょうか。

→はい、間違いありません。説明が分かりづらくお手数おかけしております。
意図したとおりにならないので間違っていると思い取っていました。
PCでもスマホからでもnew.htmlを読み込みたかったので「スマートフォン用カテゴリ説明文」は登録せず
new.htmlの方でPCとスマホの見た目（商品画像の並びを横4列か2列）を切り替えたいと思っています。

https://www.rakuten.ne.jp/gold/liugoo/new.html自体はカテゴリページ以外からアクセスすると切り替えはできています。
ですが、カテゴリページからnew.htmlに遷移すると添付1のようになり、商品をクリックすると、添付2のように入れ子になってしまいます。
そこで、別に解決策はないかと一旦re_new.htmlというページをiframeで読み込み、



とここでnew.htmlを_topで読み込もうとしたのですが、この方法も全画面にはなりませんでした。

再度、iframeにtarget="_top"を追加し、
カテゴリには商品を登録していませんでしたが、こちらも1品登録してみました。
まだhttps://www.rakuten.ne.jp/gold/liugoo/new.htmlを普通に開いたときのように上に楽天のバナーを入れないで全画面にしたいのですがそうなっていない状況です。

そういう仕様なのかと思い諦めようとしましたが、その前にこちらで相談させていただこうと思った次第です。###HR######IMG0f7e439c2e77b3d44dd29019c552c7df0.pngIMG0### ###IMG1c12bfcd4fddabde15bdf5dcd2a75c4b9.pngIMG1###

Answer

>カテゴリには商品を登録していませんでしたが、こちらも1品登録してみました。
→こちらはおっしゃるとおり登録するとPCの設定を読み込まないので登録を削除しました。

Answer

中野様

ご回答ありがとうございます。
> 段階的に 楽天市場全体のデザインをRMS機能で 管理・統一する方向に流れがございます。
そうですね、独自に作り込んだところは徐々にRMSの機能に切り替えていく必要を感じました。
これから対応していこうと思います。
アドバイス大変参考になりました。
ありがとうございました。