カラーミーショップにSlimbox導入 

jqueryベースのlightboxといわれるslimboxをColor Me Shop!Proに設置する覚書。

1.Slimbox 2.04を以下サイトからダウンロードする。
   http://www.digitalia.be/software/slimbox2

2.必要なファイルを任意のサーバーにアップする。
 解凍したjsフォルダ及びcssフォルダから以下のファイルを取り出し、任意のサーバーにアップロードする。

・ slimbox2.js
・ slimbox2.css
・ closelabel.gif
・ loading.gif
・ nextlabel.gif
・ prevlabel.gif
 【要注意】
  ※サーバーとしてGoogleサイトや他のブログサービスのファイルアップロード先も考えられるが、私の場合は
   GoogleサイトもFC2ブログのファイル保存場所もダメであった。

  ※Xサーバーを使用したところ難なく動作した。(動作しない原因がサーバーであることが判明するまで丸1日を要したことになる)

3.カラーミーのテンプレート共通のHTMLの先頭に以下の記述を加える
screen.png





4.テンプレート商品詳細の以下の部分に「rel="lightbox"」を追加する。
$product.ot1、$product.ot2、$product.ot3 それぞれのaタグ内に上記「rel="lightbox"」を追加する。

関連記事
スポンサーサイト

コメント

コメントの投稿















管理者にだけ表示を許可する

トラックバック

この記事のトラックバックURL
http://pcmemo.blog83.fc2.com/tb.php/952-cfdee62e

パソコン知識メモについてのブログを表示する.