PCページでの「かごに追加」ボタンについて

Question

下記ショップにて、スマホページに見られる「商品をかごに追加」のボタンがあるのですが、この表示はどこか設定で出来るのでしょうか？それとも、何か記述を追加して表示したものでしょうか？

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

Answer

ECマスターズの田中です。「商品をかごに追加」のボタン、というのは、スマートフォン用の商品ページの画面下にある赤いボタンのことでしょうか。このボタンは、全ショップ共通でスマートフォン用商品ページに表示されるボタンなのですが、PCページに表示させる設定はないので、御自身でHTMLやCSSを記述して追加する必要があります。

Answer

回答ありがとうございます。そうです。そのボタンです。こちらでご質問頂いた後に、当方でも記述の確認をしたのですが、スマホ表示用のものをそのまま追加した感じではなく、アレンジするにしても・・・と、不思議に思っていたのですが、他のショップさんでも同じ状態が見受けられ、その後、閲覧環境（PC）を変えると通常の「買い物かごに入れる」のボタンのみになっていました。楽天全体でのカート周りの、そのようなボタンの仕様変更が近々あるのかもしれませんね。カラーバリエーションのある商品だと画面が切り替わらず、そのままそのページで選ぶことが出来るので、とても便利な機能だと思いました。そういえば右下に追尾する「買い物かごへ」のボタンも、一時期は環境やショップによって付いてたり付いてなかったりあったことを思い出しました。

Answer

ECマスターズの田中です。ご質問いただいた当初、MacのChromeでいただいた商品ページを確認したところ右下は普通に「買い物かごへ」ボタンのみだったのですが、WindowsのChromeで見てみると、たしかに添付画像の通り、「商品をかごに追加」「ご購入手続きへ」ボタン、さらに商品名と価格が表示されました。社内で同じページを見てみても、画面上に表示されたり、商品名・価格の表記がなかったり、様々なパターンで表示されたので、確かに、仕様変更に向けてテストを行っているようです。実装パターンhttps://ec-masters.gyazo.com/a7c3be99f7929a70dc44fbe97d72d026

PCページでの「かごに追加」ボタンについて

カテゴリーから探す