私どもが作成させていただいたショップサーブのカスタムテンプレートの管理画面と連動する「サイドバーのカテゴリメニュー」を編集する方法 (カテゴリの増設方法)

この記事の公開年月日:  次の手順をご実施ください。下位ページのサイドバー内カテゴリメニューも自動的に更新されます。

管理画面でカテゴリを増設なさいましたら、次の手順をご実施ください。

下位ページのサイドバー内カテゴリメニューも自動的に更新されます。

(1) http://御社サブドメイン名.御社ドメイン名/hpgen/HPB/shop/sitemap.html のソースを開いてください。

(2) 管理画面で増設したカテゴリ名のidをご確認ください。

  • この記事では、増設したカテゴリを「ダイヤモンド3番」とし、そのidを「CollapsiblePanel115103」とします。たとえば、ソースは、次のようになります:

(3)  /docs/index.htm のソースを開いて、サイドバー内メニュー欄の中、増設したカテゴリを表示したい場所に、新しいdivを増設します。新しいカテゴリ用のdivに、任意のidを当ててください。任意のidは、私どもが納品時に作成したidのアルファベットと、(2)の管理画面で自動生成されたカテゴリidの数字とを合致させるとよいでしょう。

  • たとえば、次のようになります:
<div class="sidebarMENU" id="feed_sidebarMENU115103"></div>

(4) /docs/js/御社名のアルファベット.js(または「御社名の任意のアルファベット2文字.js」)を開き、「 ***サイドバーメニュー*** 」という欄の一番下の行の 「 }); 」の真上に、カテゴリ用のジャバスクリプトを追加します。

  • 書式は、次のとおりです:
$("#feed_sidebarMENU(3)で作成した任意のid").load("http://御社サブドメイン名.御社ドメイン名/cgi-bin/categories_feed.cgi #CollapsiblePanel(2)で取得したカテゴリid", function(data(2)で取得したカテゴリid) { if($data(2)で取得したカテゴリid == null){ $("#feed_sidebarMENU(2)で取得したカテゴリid").append("読込みに失敗しました。ブラウザーのジャバスクリプト読み出しの保護ボタンをオフにして、このページを再読み込みしてみてください。"); } });
  • 黄色のマーカーが引かれた部分を、御社の情報に書き換えてください。
  • この記事の例では、次のように書き換えることができます:
$("#feed_sidebarMENU115103").load("http://www.your-site.com/cgi-bin/categories_feed.cgi #CollapsiblePanel115103", function(data115103) { if($data115103 == null){ $("#feed_sidebarMENU115103").append("読込みに失敗しました。ブラウザーのジャバスクリプト読み出しの保護ボタンをオフにして、このページを再読み込みしてみてください。"); } });

(5)必要に応じて、CSSをご変更ください。変更するCSSは、 「/docs/css/御社名のアルファベット.css」(または「御社名の任意のアルファベット2文字.css」) です。

  • 納品時に私どもが御社がカテゴリを追加なさることを想定していた場合は、
  • というコメントを入れさせていただいております。
  • 納品時に私どもが御社がカテゴリを追加なさることを想定していなかった場合はコメントを入れさせていただいていない場合がございます。この場合、 「/docs/css/御社名のアルファベット.css」(または「御社名の任意のアルファベット2文字.css」) を、
  • でファイル内検索なさってみてください。該当の部分に、
#feed_sidebarMENU111,#feed_sidebarMENU1112,
  • などと並んでいた場合は、その末尾に、追加したカテゴリのidを
#feed_sidebarMENU111,#feed_sidebarMENU1112,#feed_sidebarMENU115103
  • のように追加してください。

増設したカテゴリが複数ある場合

  • 増設したカテゴリが複数ある場合は、(1)から(5)までを繰り返します。

/docs/js/御社名のアルファベット.js(または「御社名の任意のアルファベット2文字.js」)につきまして

/docs/js/御社名のアルファベット.js(または「御社名の任意のアルファベット2文字.js」)につきましては、納品時にご案内いたしております。

  • わからない場合は、「//***サイドバーメニュー*** // Created by RainbowLink Inc.」でjsファイルをご検索ください。

お時間がない場合は、私どもが作業を承ります。

作業料は、増設したカテゴリ数によります。

  • 目安は、カテゴリ10個以下を増設の場合、税込1,000円にて承ります。