Naga Blog

「EC-CUBE」の商品ページで、画像の拡大機能が標準で搭載されているのですが、旧来のリンクをクリックすると、仕込まれたJavaScriptが、指定された大きさで別のウィンドウを開いて拡大写真を表示する方法を使っています。個人的に、この別ウィンドウを開いて拡大写真を見せる方法っていうのは、個人的にスマートな方法じゃないなと思ってまして、できれば、Ajaxモジュールの「Lightbox」を使って、同一ウインドウで拡大写真を表示できないものかと思い設置に挑戦してみました。

まずは、この「Naga Blog」でも採用している、「prototype.js」と「script.aculo.us」を使った「Lightbox 2」の設置をしてみました。これの設置は何度も行っているので慣れてますから、短時間の設置作業で済んだのですが、いざ動かしてみようとしたら、まるで動きません。調べてみると、「EC-CUBE」のシステムが、別のAjaxライブラリ「jQuery」を使っていて、それが、「prototype.js」と「script.aculo.us」のどちらかと干渉しているようでした。「jQuery」を排除すると、「EC-CUBE」自体が動かなくなる可能性が高いので、「Lightbox 2」の設置は諦めることにしました。

かわりに、「Lightbox 2」とほぼ同じ動きををする「jQuery」のAjaxモジュール「jQuery lightBox plugin」の設置に、改めて挑戦することにしましたヨ。

と、いうわけで、覚え書きも兼ねて、手順を書いときます。

EC-CUBEの商品カテゴリメニューって、標準状態だと階層化して親子関係にしていると、親カテゴリーのトップに行かないと、カテゴリーメニューに子カテゴリーが表示されないんですヨね。個人的には、コレでも良いかなと思っていたのですけど、顧客の方からカテゴリーは、どのページでも全部出したいと要望が出ましたので、カテゴリーメニュー全部出しに挑戦することにしました。

自分なりに「category.tpl」を弄ってみたんですが、結局うまく行かず、諦めて暫く放置していたんですが、前エントリーで、EC-CUBEの開発コミュニティを徘徊していた時、偶然、カテゴリーメニュー全部出しの方法が紹介されていたスレッド「カテゴリの階層を折りたたまない方法を教えて下さい！」を見つけたので、再度カテゴリーメニュー全部出しに挑戦してみることにしました。

結果は、あっけなく完成。今まで苦労は何だったんでしょう。

手順は簡単なので忘れる事は無いと思いますが、覚え書きも兼ねて、手順を書いときます。

EC-CUBEって新着商品の表示が標準でついていないんですヨ。開発元的には、オススメ管理を使って新着商品の案内もやってねということらしいのですが、オススメと書かれている以上、システム使う側としては、最も売りたい商品を表示したい訳で、混在するというのは何かと問題があると思うんですヨ。その事を顧客に話したら、やはり、それでは困るという事で、新商品を追加したら簡単にトップページに掲載できるか調べてみました。

基本的に時限式だと見せたい期間が自由にコントロールできないので、販売戦略をたてる側としては都合が悪いだろうと判断。商品管理画面で、NEWのチェックマークのON、OFFで、トップページに商品を掲載したりしなかったりできる方法を探しました。色々と検索してみたら、色々な方法で新着商品の表示を実現されている方がいたのですが、どれもしっくり来なかったんですヨ。

最後の頼みの綱という訳で、EC-CUBEの開発コミュニティに行ってみたら、「新入荷商品をブロックに表示したい」というスレッドがたっていました。ありましたヨ。自分と同じように新着商品の案内を考えている方が多かったようで、そこで紹介されていた方法が、自分の要求にピッタリでした。早速、組み込むことにしましたヨ。

以下、覚え書きも兼ねて、手順を書いときます。

仕事で、ECサイト制作をいきなり受けてしまったのです。勤めていた会社では、レンタルカートを使ってお茶を濁していたんですが、やはり本格的なモノを顧客に提供したいし、ここらへんのスキルは高めておきたいと思ったので、初めて、EC用のCMSを使うことにしたんですヨ。

一念発起したら行動は迅速にという事で、色々とEC用のCMSを物色してみたのですが、日本語の解説が充実しているのと、決済サービスへの連結が楽そうという事で、国産の「EC-CUBE」を使うことにしました。

で、問題はこのシステムをインストールするサーバなんですが、「EC-CUBE」と同時に、「Movable Type」でblogも運用する事となり、初めてのサーバよりも、この「Naga Blog」で使っているCORESERVERだと、自分的に色々とコントロールのノウハウも貯まっているし、利用者が多くネット上に情報も多いので、CORESERVERにインストールしてみる事にしました。

メインは、秀和システム刊「EC-CUBE 公式ガイドブック」に掲載されているインストール手順に従って進めていく訳なのですが、自分も使っているCORESERVERは、特殊な設定が施されている事で有名らしく、本にに掲載されている手順ではインストールできませんでしたヨ。そこで、インストール手順を求めて検索してみると、挑戦していた先人を発見致しましたヨ。「Web PHP 北九州 SEO」さんの「EC-CUBEをXREA CORESERVERにインストール」エントリーが、とても分かり易かったので、こちらも参考にしながらインストール作業を進めました。

以下、覚え書きも兼ねて、インストール手順を書きます。