[EC-CUBE]ブロックの編集とか追加

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

ブロックの追加

管理画面から、デザイン管理＞ブロック編集。
下部の「編集可能ブロック」から編集したいブロックを選択すると、上部に編集用画面が表示されます。
今回は、新たにブロックを登録したいので、「新規ブロック作成」ボタンを押してください。

ブロックの編集

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

<!--▼新規会員登録キャンペーン告知 ここから-->
<div style="background:blue;color:white;font-weight:bold;padding:5px;margin-top:15px">
　　新規会員登録で<br />
　　2,000ポイント<br />
　　プレゼント！<br />
　　会員登録は<a href="http://lab.shibuyalabo.com/eccube/html/entry/kiyaku.php">コチラ</a>
</div>
<!--▲新規会員登録キャンペーン告知 ここまで-->
 

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

ブロックの登録

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

スクリーンショット

追加してみるとこんな感じに。

ブロックの中の画像の変更

これらの画像を変更するだけでも、全体の雰囲気はがらりと変わります。
ブロックの中はＨＴＭＬを編集できるので、画像サイズの変更や項目の追加も 自由にできます。

→画像は下記にアップします。

 -左コンテンツ、右コンテンツ使用画像
 /html/img/side/
 -中央コンテンツ使用画像
 /html/img/top/