今後の開発で、使えなくなる場合もあります。plugin」をダウンロードします。この記事を書いている時のバージョンは0.5です。ダウンロードされたZIPファイルを解凍すると、「jquery-lightbox-0.5」というフォルダができます。この中に、「css」「images」「js」「photos」4つのフォルダができます。plugin」を動かすのに必要なファイルが入っているのは、「css」「images」「js」になります。「css」「images」はコードを改変の前準備をする必要がないので、このままアップロードしちゃいます。「images」ディレクトリですが、「EC-CUBE」を設置するショップのトップページと同階層あたりに置きます。html/images次に、「css」フォルダの中にある「jquery.lightbox-0.5.css」をアップロードします。これは、ちょっと変わった所に設置します。なんでかというと、リンクタグの部分に、「EC-CUBE」のタグを書いて、テンプレートとして使う為です。場所は、テンプレートファイルが格納されている下記になります。shop/user_data/packages/default(別のテンプレートセットを設定している場合はそちら)/css/jquery.lightbox-0.5.css今度は、「js」フォルダの中にある「jquery.lightbox-0.5.js」ファイルをエディタソフト等で開いて、30〜34行目のリンクを、先ほどアップロードしたimages」ディレクトリの位置に合わせてURLを書き換えます。「jquery.lightbox-0.5.js」ファイルをアップロードする場所は、下記のように階層が深かったりするので、手っ取り早い方法としては、httpから書いちゃうのが楽で良いかもです。ファイルを変更し終わったら、下記の場所にアップロードします。残った「jquery.js」「jquery.lightbox-0.5.min.js」と「jquery.lightbox-0.5.pack.js」のうち、「jquery.js」は、「EC-CUBE」が使っているものを使う為、アップロードはしません。「jquery.lightbox-0.5.min.js」と「jquery.lightbox-0.5.pack.js」は、今回使用しませんので、こちらもアップロードはしません。html/user_data/packages/default(別のテンプレートセットを設定している場合はそちら)/js/jquery.lightbox-0.5.j次に、「site_frame.tpl」を修正します。下記の場所にありますので、探して下さい。これをエディタ等で開きます。data/Smarty/templates/default(別のテンプレートセットを設定している場合はそちら)/site_frame.tpl「common.css」と書かれた次の行あたりに「query.lightbox-0.5.css」へのリンクを追加します。このモジュールは、PCでしか表示できませんから、「media="screen"」としてもOKです。/>さらに、その下にある4つのJavaScriptファイルをリンクしている部分に、「jquery.js」と「jquery.lightbox-0.5.js」へのリンクを追加します。plugin」を動作させる為のJavaScriptを書き入れます。直前ぐらいで良いかと思いますヨ。下記のリストの様に、4パターンほどの指定の仕方があるのですが、今回、自分は、上から3番目パターンを使っています。class名も「roduct-main-photo」「product-sub-photo」と2つ設定しました。plugin」を使って、拡大表示をする設定をする訳ですが、拡大表示が必要な写真は、商品ページ内の2箇所だけです。下記の場所にある「detail.tpl」を、エディタ等で開きます。plugin」に置き換えられます。""}--></a><!--{/if}-->「detail.tpl」を該当する場所にアップロードして、Webブラウザーで、商品ページにアクセスして写真が拡大表示されたら完成です。11:45に書いたブログ記事です。Factory」が、発売開始だそうです。次のブログ記事は「機能強化盛り沢山。3.0」をプレビューしましたヨ。最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。Motorradの革新的なカSUZUKIはアメリカで出願した2輪2018年型でフルモデルチェンジ。