HOME の中の
レポート の中の
EC-CUBE の中の
EC-CUBEのカテゴリの編集画面をWYSIWYG(CKEditor)にするモジュール
カテゴリの編集をより簡単により美しくCKEditor for EC-CUBE Category

レポート

EC-CUBEのカテゴリの編集画面をWYSIWYG(CKEditor)にするモジュール
カテゴリの編集をより簡単により美しくCKEditor for EC-CUBE Category

Aug. 16, 2010

このエントリをはてなブックマークに追加
EC-CUBEのカテゴリの編集画面をWYSIWYG(CKEditor)にするモジュールカテゴリの編集をより簡単により美しくCKEditor for EC-CUBE Category

EC-CUBEのカテゴリの編集画面をWYSIWYG(CKEditor)にするモジュール

前回、『商品詳細をWYSIWYGエディタにするモジュール』を配布に引き続き、カテゴリをWYSIWIGで編集できるモジュールを無料配布します。

ECサイトにおけるカテゴリはブランディング訴求が求められるページでもあります。現状のEC-CUBEではテキスト編集(htmlソース編集可)なので、画像が設置やテキストカラーなど、そこそこのhtml編集が必要になったりします。それじゃ一層のこと、カテゴリの編集もWYSIWYGにしたら便利かもっ。と考え、前回とまたまた被りますがWYSIWIGモジュールを作成しました。
もちろん、ソース等のカスタマイズやデーターベースなどの設定を行わずご利用いただけます。インストール方法を若干違いがありますので、必ず下記の設置方法に従いご利用ください。

動作環境

「EC-CUBE」(ver 2.4.4)の標準構成についてのみ動作を確認しております。

「CKEditor」「CKFinder」の動作については、それぞれの提供する動作環境に準拠します。

ブラウザ
  • Internet Explorer 6.0+
  • Firefox 2.0+
  • Safari 3.0+
  • Google Chrome
  • Opera 9.5+
  • Camino 1.0+
サーバーサイド
  • PHP4.3+ ( PHP 5.x と PHP 6.x 含む )
  • Safe mode off
  • GDモジュールが必要
  • MySQL ( PostgreSQL インストールできるか不明 )

設置方法

1. ファイルの上書き

「CKEditor for EC-CUBE Category」をダウンロードしてZipファイルを解凍し、内容ファイルをFTPサーバーの「EC-CUBE」の 設置ディレクトリに上書きしてください。(この際、すでにカスタマイズしてあるファイルが存在する場合は、上書きによる変更ファイル を必ずご確認下さい。)

2. パーミッションの変更

FTPサーバーで上書きしたファイルのうち、下記のディレクトリのパーミッション(権限)を「757」または「777」(サーバーにより異なります)に変更してください。

[ (設置ディレクトリ)/html/userfiles ]

3. ファイルの実行

ブラウザを開き、以下のURLへアクセスしてください。
http://ドメイン/設置ディレクトリ/module_install/category_info.php
ブラウザ画面に「インストールが成功しました。」と表示されます。
※インストール実行完了後 「module_install/category_info.php」 削除してください

4. 出力タグの設定

管理画面の「デザイン管理」-「ページ詳細設定」を開き、画面下側の"編集可能画面一覧"から「商品一覧ページ」をクリックすると「ページ詳細設定」画面が開くので、以下のタグをカテゴリを表示したいソース箇所に設置してください。

<!--{if $category_info}--><!--{$category_info}--><!--{/if}-->

ライセンスについて

「LGPLライセンス」の定義に基づきご利用される場合は、非商用、商用問わず無償でご利用できます。

「CKEditor」「CKFinder」のご利用については、それぞれの提示する利用条件をご確認ください。

ダウンロード


日本電子工藝社の特徴を知る。
日本電子工藝社とは?
お知らせを見る。
日本電子工藝社からのニュース・イベントを配信しています。
利用規約
www.jeia.co.jpのサイトにおけるご利用規約をご説明しています。
BLOGを見る。
Twitterと連動した「つぶやき型ブログ」を配信していいます。