EC-CUBE3カスタマイズ:No.017 商品一覧(カテゴリ)ページにコンテンツ作成(TinyMCE利用)

現行サイトへ、カスタマイズの実装を希望される方はこちら

▽カスタマイズ内容

・商品管理>カテゴリ登録に入力エリアを設定
・画像を登録際、画像サイズはアップロードする画像の実寸(横・縦)を必ず入力して登録する。
・コンテンツエリアのレイアウト調整はCSSで行う。

▽デモサイト
http://kaiplus.com/part/eccube3-1/products/list?category_id=1

この記事のインデックス

▼商品管理>カテゴリ登録に入力エリアを設定

001

▼画像のアップロード・設定

▽ [画像の挿入・編集]アイコンをクリックします。

002

▽ [画像の挿入・編集]画面が開くので、画像のソースのアイコンをクリックします。

003

▽ アップロード画面が開くので、PC内の画像をドラッグ&ドロップします。

004

▽ 再び[画像の挿入・編集]画面に戻るので、アップロードした画像の実寸サイズ(横・縦)を入力して[OK]ボタンをクリックします。

005

▼コンテンツエリアのレイアウト調整はCSSで行う

■src/Eccube/Resource/template/default/Product/list.twig

コンテンツエリアは<div id=”category_description_area”>~</div>となっています。
#category_description_area で指定して下さい。

007

【ご利用の流れ】
1.空フォルダをダウンロードします。空フォルダは各カスタマイズごとに異なります。対象となる空フォルダをダウンロードしてください。その際、EC-CUBEのバージョンとデータベースの種類をお書き添えください。
2.現行サイトのファイルを空フォルダに入れた後、zip形式等で圧縮し下記送信先にお送りください。
3.こちらでカスタマイズを施し、ファイルと請求書を送信いたします。
4.お客様ご自身でデータベースの追加・ファイルのアップロードを行い、動作確認をしてください。
5.料金は後払いで結構です。動作に問題がなければ、指定の銀行に料金をお振り込みください。

★カスタマイズによっては、データベースへの追加等が必要になる場合があります。
データベース追加用の命令文(SQL)はこちらで用意しますので、作業はお客様でお願いいたします。

現行サイトへ、カスタマイズの実装を希望される方はこちら