3 列レイアウトのメイン列と左サイドバーのスペースをカバーするコンテンツを作成する方法を見つけようとしています。ページには、最初の部分に 3 つの列があり、下部に左側のサイドバーがある 2 つの列があります。
これは私のホームページです。現在の 3 列のレイアウトを使用しているのはメイン ページだけなので、新しいレイアウトを作成する必要はありません。
このデザインを取得する最良の方法は何ですか?
静的ブロックにすることはできますか?
最初のステップとして、これを /app/etc/local.xml に追加しました
<cms>
<layouts>
<homepage>
<label>Home Page</label>
<template>page/home-page.phtml</template>
<layout_handle>home_page</layout_handle>
</homepage>
</layouts>
</cms>
home-page.phtml という名前の 3 列レイアウトの複製を作成しました。
app\design\frontend......\template\page\home-page.phtml
今、私は新しいレイアウトを持っていますが、残念ながら、結果を得るために編集する方法がわかりません.
これを尋ねるのは少し気が引けますが、私はレイアウト デザインにまったく慣れていないので、新しい home-page.phtml を編集する方法がわかりません。ご理解いただければ幸いです。
ファイルは次のようになります。
<head>
<?php echo $this->getChildHtml('head') ?>
</head>
<body<?php echo $this->getBodyClass()?' class="'.$this->getBodyClass().'"':'' ?>>
<?php echo $this->getChildHtml('after_body_start') ?>
<div class="wrapper">
<?php echo $this->getChildHtml('global_notices') ?>
<div class="centerbg">
<div class="bottombg">
<div class="topcurve">
<div class="page">
<?php echo $this->getChildHtml('header') ?>
<div class="main-container col3-layout">
<div class="main">
<div class="col-left sidebar"><?php echo $this->getChildHtml('left') ?></div>
<div class="col-main">
<?php echo $this->getChildHtml('breadcrumbs') ?>
<?php echo $this->getChildHtml('global_messages') ?>
<?php echo $this->getChildHtml('content') ?>
</div>
<div class="col-right sidebar"><?php echo $this->getChildHtml('right') ?></div>
</div>
</div>
<?php echo $this->getChildHtml('footer') ?>
<?php echo $this->getChildHtml('before_body_end') ?>
</div>
</div></div></div>
</div>
<?php echo $this->getAbsoluteFooter() ?>
</body>
</html>
新しい CSS クラスも必要になると思いますよね?