EC-CUBEのカスタマイズ、ネットショップ制作メモ

主にEC-CUBEを利用したネットショップの制作、カスタマイズや独自機能の開発について

EC-CUBEの管理画面からモバイルサイトを編集するカスタマイズ

EC-CUBEは3キャリア対応のモバイルサイトを自動的に生成してくれますが、管理画面からモバイルサイトを編集する事は出来ません。
なので「ついついモバイルサイトの更新だけ忘れてた」という事にもなりかねません。

今回はEC-CUBEの管理画面からモバイルサイトを編集出来るようにする簡単なTipsをご紹介します。

EC-CUBEのモバイルサイトにブロックを埋めこむ

EC-CUBEの便利な機能の1つに、「ブロック単位でコンテンツを管理する」という物があります。
これは各ページのアイテムを「ブロック」という小さなコンテンツの単位で管理する方法で、concrete5も同じような管理方法をとっています。

標準のEC-CUBEでは管理画面からモバイルページにブロックを埋め込む事は出来ません。
今回はテンプレートを編集してブロックをモバイルページに埋め込み、管理画面からそれを編集します。

管理画面から新規ブロックを作成

管理画面のデザイン管理からブロック管理を選択し、適当な新規ブロックを作成します。
EC-CUBE新規ブロック作成画面

作成されたブロックファイルは標準だと/html/user_data/packages/default/bloc/にあります。

テンプレートに埋め込む

次に/data/Smarty/templates/default/mobile/top.tplの管理画面から編集したい部分に↓を追記します。

<!--{include_php file=`$smarty.const.USER_PATH`packages/default/bloc/mobile_top.php}-->

これでmobile_topブロックに入力したものがモバイルサイトのトップページに表示される様になります。

モバイルサイトでの表示サンプル

同様の手順で商品一覧や商品詳細ページも管理画面から編集出来るようになります。
編集する際は管理画面の「ブロック編集」から内容を編集してください。