EC-CUBE EC-CUBEのカスタマイズ・制作会社 強いネットショップ構築します|EC-Orange

EC-Orange とは

EC-CUBE カスタマイズ

EC-CUBEインストール

EC-CUBE 環境構築ノウハウ

EC-CUBE 基本構成理解

ソースコード読解

EC-CUBE カスタマイズ:初歩

EC-CUBE カスタマイズ:基礎

EC-CUBE カスタマイズ:応用

EC-CUBE 機能拡張ノウハウ

EC-CUBE カスタマイズ    ブロック追加とテンプレート編集

    EC-CUBE カスタマイズ  >  EC-CUBE カスタマイズ:初歩  >  ブロック追加

カスタマイズ:初歩/ブロック追加

EC-CUBEではトップページをいくつかのブロックに分けて管理しています。 これらのブロックの位置をドラッグ&ドロップで簡単に変更することはもちろん、新たに追加することもできます。

    システム開発でお悩みの方は、ネットショップ構築パッケージ EC-Orange にお問い合わせください


ブロックの追加

管理画面から、デザイン管理>ブロック編集 と進んでください。
追加方法の詳細は、 EC-CUBEマニュアル にも載せてあるので、併せてご覧ください。
下部の「編集可能ブロック」から編集したいブロックを選択すると、上部に編集用画面が表示されます。
今回は、新たにブロックを登録したいので、「新規ブロック作成」ボタンを押してください。

動的ブロックの追加については、EC-CUBE No.1パートナー最新情報ブログに記事があります。動的ブロックを作成するには、PHP や データベースの知識が多少、必要になります。

ブロックの編集

tplファイルを編集していきます。
今回は、「新規開店キャンペーン・登録で2,000ポイント!」というテキストを表示させる静的なブロックを追加します。

  1. <div style="background:red;color:white;font-weight:bold;padding:5px;margin-top:15px">
  2.     新規開店キャンペーン<br />
  3.     登録で2,000ポイント!
  4. </div>

「プレビュー」ボタンでプレビューできますので、問題がなければ「登録」してください。

ブロックの登録

デザイン管理>レイアウト設定 の「未使用ブロック」欄に、先程作成したブロックが追加されているはずです。
任意の位置に配置してください。

スクリーンショット