商品ページのデザインについて

Question

いつも勉強させていただいております。

添付させていただきました画像のように商品ページの商品ランディング部分に他商品を選んで選択出来るように表示させているショップをよく見かけるのですが、どうやって表示させているのでしょうか？

参考ショップURL
https://item.rakuten.co.jp/kyunan/seven-nuts/

ざっくりとした質問で申し訳ないのですが、よろしくお願いいたします。###HR######IMG018f8458434fb1110e9b4e35a98172a90.pngIMG0###

Accepted Answer

ECマスターズの伊藤です。

> 添付させていただきました画像のように商品ページの商品ランディング部分に他商品を選んで選択出来るように表示させているショップをよく見かけるのですが、どうやって表示させているのでしょうか？

商品ページ内に、他の商品の買い物かごを表示していただくには、
GOLDにてページを作成していただき、
iframeにて、作成したページを読み込むことで、
表示することが可能となっております。

詳細な作成方法につきましては、
過去のフォーラムにて回答していますので、
下記フォーラムを御覧くださいませ。

https://forum.ec-masters.net/post_view.php?id=13567


参考に頂いたサイトは、上記をベースに
かなり作り込んでいただいております。

また、アプリでは、こちらの機能が
正常に動作しません。

参考サイトでは、アプリでリンクを開くと
アプリ内ブラウザが開く仕組みを利用して
ご対応頂いているようです。

対象の箇所を右クリック ＞ フレームのソースを表示

にて、ページの構成をご覧いただけますので、
ご参考までにご覧くださいませ。

Answer

ご回答ありがとうございます！

連投で申し訳ないのですが、もう一つ質問させていただきます。
スーパーセールで販売期間を設定している商品で、
購入のボタンからコピー商品ページへと飛ばしているショップがありました。
どうやって飛ばしているのでしょうか？

分かりにくい質問で申し訳ないですが、
宜しくお願い致します。

Answer

ECマスターズの伊藤です。

> スーパーセールで販売期間を設定している商品で、
> 購入のボタンからコピー商品ページへと飛ばしているショップがありました。
> どうやって飛ばしているのでしょうか？

こちらは、
 購入のデザインと同じような
 デザインのボタン
ではなく
購入ボタンになりますでしょうか。

実際の動作を確認させていただきたいので

返信、もしくは
一番最初の投稿の右下にございます
「投稿内容について報告する」より
URLをご連絡いただけますでしょうか。