フッターに設置する予定のバナーからのリンクについて

Question

いつもお世話になっております

フッターにバナーを複数設置して、
入り数が何パターンかある商品のページに導入し、
買い物の際の利便性を高めたいと考えています

飛び先は、その商品の買い物かごに入れるボタン近辺にしたいです

リンク先の商品ページによって、うまく飛ぶ場合と飛ばない場合があります
うまく飛ばないページは、nameやidを入れてもだめでした
ほかに何か良い方法はあるでしょうか？


\\\うまく飛ばないパターン\\\


 


#fixedBanner_sake15 {
position: fixed;
z-index: 9999;
margin: 0;
padding: 0;
background: url('https://image.rakuten.co.jp/otaru/cabinet/08106755/08118350/imgrc0102770489.jpg') no-repeat left top/cover;
bottom: 0px;
right: 300px;
text-align: center;
width: 90px;
height: 30px;
}

#fixedBanner_sake15 a {
display: block;
width: 100%;
height: 100%;
}

#fixedBanner_sake15:hover {
opacity: 0.7;
}





\\\ちゃんと飛ぶパターン\\\


 


#fixedBanner_sake3 {
position: fixed;
z-index: 9999;
margin: 0;
padding: 0;
background: url('https://image.rakuten.co.jp/otaru/cabinet/08106755/08118350/imgrc0102770485.jpg') no-repeat left top/cover;
bottom: 124px;
right: 300px;
text-align: center;
width: 90px;
height: 30px;
}

#fixedBanner_sake3 a {
display: block;
width: 100%;
height: 100%;
}

#fixedBanner_sake3:hover {
opacity: 0.7;
}

Answer

ECマスターズの伊藤です。

> リンク先の商品ページによって、うまく飛ぶ場合と飛ばない場合があります
> うまく飛ばないページは、nameやidを入れてもだめでした
> ほかに何か良い方法はあるでしょうか？


ちゃんと飛ぶパターンですが、

1ページ複数商品形式ページ
https://navi-manual.faq.rakuten.net/design/000009479

にて作成頂いているページになり、

うまく飛ばないパターンのページは
通常の商品ページになっているかと思います。

通常の商品ページには
#rakutenLimitedId_cart
が存在しないため、
#normal_basket_10000078
に変更していただき、ご確認をおねがいいたします。

https://item.rakuten.co.jp/otaru/487502/#rakutenLimitedId_cart
↓↓
https://item.rakuten.co.jp/otaru/487502#normal_basket_10000078

Answer

ご回答いただきありがとうございます

いただいた内容で編集してみましたが、
リンクから飛んだあと、一瞬だけ商品をカートに入れるところへ飛ぶのですが、
そこから0.1秒くらいで添付した画像の位置へ画面が動いてしまいます

カートの場所に留まらせる方法はないでしょうか？###HR######IMG044aeaf2914770f12d95634ffcfbf801b.pngIMG0###

Answer

ECマスターズの伊藤です。

> いただいた内容で編集してみましたが、
> リンクから飛んだあと、一瞬だけ商品をカートに入れるところへ飛ぶのですが、
> そこから0.1秒くらいで添付した画像の位置へ画面が動いてしまいます
> 
> カートの場所に留まらせる方法はないでしょうか？

大変失礼いたしました。
リンクが上手く飛ばないほうも

1ページ複数商品形式ページ

となっており、

https://item.rakuten.co.jp/otaru/商品管理番号

の商品に飛ぶようになります。

そのため、飛ばしたい商品のURLの記述をお願いいたします。

Answer

こちらが１０切れのページ
https://item.rakuten.co.jp/otaru/10000056/#10000056

こちらが15切れ入れのページです。
https://item.rakuten.co.jp/otaru/487502/#487502

Answer

ECマスターズの伊藤です。

> こちらが１０切れのページ
> https://item.rakuten.co.jp/otaru/10000056/#10000056
> 
> こちらが15切れ入れのページです。
> https://item.rakuten.co.jp/otaru/487502/#487502


URLのご連絡ありがとうございます。
なかなか解決に至らず申し訳ありません。

PC用商品説明文の一番最後に

を追加いただき、

https://item.rakuten.co.jp/otaru/商品管理番号/#上記に入力した英数字
にリンクいただくといかがでしょうか。

a name=""で指定された箇所にリンクするようになりますので、
任意の英数字は、1ページ内で重複しないようにお願いします。

例：
PC用商品説明文の下に下記を追加


リンク
https://item.rakuten.co.jp/otaru/10000056/#10000056-1

Answer

ECマスターズの伊藤です。

下記のコードになります。
リンク先