PCカテゴリページをを使って表示

Question

お世話になっております。

PC用のカテゴリページを作成したら文字オーバーの為、
見よう見まねでHTMLファイルを作りgoldにアップしてでどうにか表示させてみました。
https://item.rakuten.co.jp/troisarbres/c/0000000191/
カテゴリページとしは問題なく表示されましたが、
商品画像をクリックしてその商品ページに移動した先が変な表示になってしまっています。
説明が難しいのですが...
①商品ページに飛んだはずなのにURLに表示されているのはカテゴリページのURL。
②いわゆる「PC用販売説明文」に位置するところに「ヘッダーフッターレフトナビ」を含んだその商品ページが表示されている。ページの中にもう一つページが表示されている？
...など

こちらのフォーラムを参考にして少し修正してみましたが...https://forum.ec-masters.net/post_view.php?id=9116

根本的に間違っているのでしょうか？
SS用のカテゴリページなので恐れ入りますがご対応よろしくお願い致します。

Accepted Answer

ECマスターズの伊藤です。

> ①商品ページに飛んだはずなのにURLに表示されているのはカテゴリページのURL。
> ②いわゆる「PC用販売説明文」に位置するところに「ヘッダーフッターレフトナビ」を含んだその商品ページが表示されている。

IFRAME内に記載していただいリンクは、設定を行なっていただないと、
IFRAME内で、ページ遷移が行われてしまいます。

IFRAME内の商品Cをクリックした場合
＝＝＝＝＝＝＝＝＝＝＝＝
カテゴリページ
---- IFRAME ----
商品A 商品B 商品C
----------------
＝＝＝＝＝＝＝＝＝＝＝＝
↓↓ クリック ↓↓
＝＝＝＝＝＝＝＝＝＝＝＝
カテゴリページ
---- IFRAME ----
商品Cの詳細ページ
----------------
＝＝＝＝＝＝＝＝＝＝＝＝

そのため、IFRAMEで表示させるページのリンクには target="_top" を記述していただく
必要がございます。

例
＝＝＝＝＝＝＝＝＝＝＝＝
リンクテキスト
＝＝＝＝＝＝＝＝＝＝＝＝

Answer

早々のご回答、ありがとうございます。
ひとつひとつにtarget="_top"をつけたら出来ました！
SSに向けて一安心です。

ちなみに…すべてのソースを





と


で囲むというのはどう言う事なのでしょうか？
これを入れれば、ひとつひとつにtarget="_top"を入れなくてもできるって事にはならないのでしょうか？まぁ現にできなかったので違うのでしょうが...(^^;)参考までに伺いたいです。

Answer

ECマスターズの伊藤です。

> ちなみに…すべてのソースを
> 
> 
> 
> 
> 
> と
> 
> 
> で囲むというのはどう言う事なのでしょうか？

IFRAMEにて表示させているページ内に
とがあると思います。

ご参考頂いているフォーラムの、「すべてのソース」というのが
======

ここから
：
ここまで

======
となっております（は含みません）

そのため
======





ここから
：
ここまで


======
として置き換えていただきますと、全てのリンクが新規ウィンドで開くようになります。

例えば、楽天へのリンクを並べたページの場合
======





  Rakuten
  Rakuten
  Rakuten
  Rakuten


======
となります。