スマホページのナビボタン？について

Question

お世話になります。

スマホ商品ページのショップメニュー（画像のナビボタン）は、リンク先を切り替えなど変更できるのでしょうか？

Answer

ECマスターズの田中です。

＞スマホ商品ページのショップメニュー（画像のナビボタン）は、リンク先を切り替えなど変更できるのでしょうか？
添付画像にある、
「ショップのトップページ」〜「会社概要 決済・配送（PC）」のボタンで
間違いないでしょうか。
変更できますので、以下の方法をお試しください。

※注：
楽天RMSの、禁止タグを入力できるバグを利用した方法ですので、
今後、RMSの改修により、使用できなくなる可能性があります。


１．下記URLの、JSファイルをダウンロードする。
http://code.jquery.com/jquery-1.11.3.min.js

２．ダウンロードしたJSファイルの末尾に、下記内容を追記する。

=======この下の行から==============
// ショップメニュー内ナビボタンの変更
function chNav(posY, posX, url, imgurl, disptext){
  with( $('#shopMenu ul:nth-of-type('+posY+') li:nth-of-type('+posX+')') ){
    find('a').attr('href',url);
    find('.iconWrap > div')
      .css('background-image','url('+imgurl+')')
      .css('background-position','0 0');
    find('.text').html(disptext);
  }
}

$(function(){
chNav(【上から◯番目】, 【左から◯番目】, '【リンク先URL】', '【画像URL】', '【テキスト】');
});
=======この上の行まで==============

※「chnav(」以降の記述は、下記のように置き換えてください（全て、【】も含め置き換えてください）。
【上から◯番目】【左から◯番目】→ どの位置にあるボタンを置き換えるか、数字で指定する。
【リンク先URL】→ボタンをクリックした時にジャンプするURLを指定する。
【画像URL】→アイコンにする横30px×縦36pxの画像の、URLを指定する。
【テキスト】→アイコンの下の文字を指定する（改行する場所にはを入れる）。
例）chNav(2, 2, 'http://www.rakuten.co.jp', 'http://www.sample.jp/sample.jpg', '楽天トップへ戻る');

※ボタンを複数置き換える際は、「chNav(」の行を、既存の「chNav」行の真下に複製してください。

３．追記したJSファイルを、GOLDにアップロードする。

４．下記HTMLタグの○○を、
　　アップロードしたJSファイルのURLに書き換える。

=======この下の行から==============

=======この上の行まで==============

５．スマートフォン用共通説明文に、４．で作ったHTMLを挿入する。

※注：
ボタン内の日本語が文字化けする場合は、
４．のHTMLタグ内にある「UTF-8」を、「Shift_JIS」または「EUC-JP」にご変更ください。

Answer

ECマスターズの田中 様

画像をそのままでリンク先のみ変える場合はどのようにすれば宜しいでしょうか？

Answer

ECマスターズの田中です。

リンク先のみでしたら、上記の２．を以下のようにご変更ください。



２．ダウンロードしたJSファイルの末尾に、下記内容を追記する。

=======この下の行から==============
$(function(){
$('#shopMenu ul:nth-of-type(【上から◯番目】) li:nth-of-type(【左から◯番目】) a').attr('href','【リンク先URL】');
});
=======この上の行まで==============

※２行目の記述は、下記のように置き換えてください（全て、【】も含め置き換えてください）。
【上から◯番目】【左から◯番目】→ どの位置にあるボタンを置き換えるか、数字で指定する。
【リンク先URL】→ボタンをクリックした時にジャンプするURLを指定する。
例）$('#shopMenu ul:nth-of-type(1) li:nth-of-type(1) a').attr('href','http://www.rakuten.co.jp');

※ボタンのリンク先を複数置き換える際は、２行目を真下に複製してください。