This layout.tpl is from V1.2.8 but the method applies to all versions.
Note in the sample code the addition of a image or a block is inside the left or right div container.
This example hard codes the additional boxes or images into the layout.tpl, these are not a module.
Look for;
Full code example
Note in the sample code the addition of a image or a block is inside the left or right div container.
This example hard codes the additional boxes or images into the layout.tpl, these are not a module.
Look for;
Code: Select all
<!-- ADD A BOX -->
<div class="box">
<div class="top">
<img src="catalog/view/theme/default/image/icon_brands.png" alt="" />Brands</div>
<div class="middle" style="text-align: center;">
PUT YOU CONTENT HERE
</div>
<div class="bottom"> </div>
</div>
<!-- end ADD A BOX -->
<!-- OR JUST ADD AN IMAGE -->
<img align="center" src="image/yourImage.png" width="0" height="0" border="0" alt="Your Image" /><br />
<!-- END OR JUST ADD AN IMAGE -->
Code: Select all
<?php echo '<?xml version="1.0" encoding="UTF-8"?>' . "\n"; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="<?php echo $direction; ?>" lang="<?php echo $language; ?>" xml:lang="<?php echo $language; ?>">
<head>
<title><?php echo $title; ?></title>
<?php if ($description) { ?>
<meta name="description" content="<?php echo $description; ?>" />
<?php } ?>
<base href="<?php echo $base; ?>" />
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/stylesheet.css" />
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/ie6.css" />
<![endif]-->
<script type="text/javascript" src="catalog/view/javascript/jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="catalog/view/javascript/jquery/thickbox/thickbox-compressed.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/thickbox/thickbox.css" />
<script type="text/javascript" src="catalog/view/javascript/jquery/tab.js"></script>
</head>
<body>
<div id="container">
<div id="header"><?php echo $header; ?></div>
<div id="breadcrumb">
<?php foreach ($breadcrumbs as $breadcrumb) { ?>
<?php echo $breadcrumb['separator']; ?><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a>
<?php } ?>
</div>
<div id="column_left">
<?php foreach ($modules as $module) { ?>
<?php if ($module['position'] == 'left') { ?>
<?php echo ${$module['code']}; ?>
<?php } ?>
<?php } ?>
<!-- ADD A BOX -->
<div class="box">
<div class="top">
<img src="catalog/view/theme/default/image/icon_brands.png" alt="" />Brands</div>
<div class="middle" style="text-align: center;">
PUT YOU CONTENT HERE
</div>
<div class="bottom"> </div>
</div>
<!-- end ADD A BOX -->
<!-- OR JUST ADD AN IMAGE -->
<img align="center" src="image/yourImage.png" width="0" height="0" border="0" alt="Your Image" /><br />
<!-- END OR JUST ADD AN IMAGE -->
</div>
<div id="column_right">
<?php foreach ($modules as $module) { ?>
<?php if ($module['position'] == 'right') { ?>
<?php echo ${$module['code']}; ?>
<?php } ?>
<?php } ?>
<!-- OR JUST ADD AN IMAGE -->
<img align="center" src="image/yourImage.png" width="0" height="0" border="0" alt="Your Image" /><br />
<!-- END OR JUST ADD AN IMAGE -->
<!-- ADD A BOX -->
<div class="box">
<div class="top">
<img src="catalog/view/theme/default/image/icon_brands.png" alt="" />Brands</div>
<div class="middle" style="text-align: center;">
PUT YOU CONTENT HERE
</div>
<div class="bottom"> </div>
</div>
<!-- end ADD A BOX -->
</div>
<div id="content"><?php echo $content; ?></div>
<div id="footer"><?php echo $footer; ?></div>
</div>
</body>
</html>
Who is online
Users browsing this forum: No registered users and 12 guests
