Post by tutifruiti » Sat Aug 08, 2009 4:18 am

I would like to know which files and code to modify so that I can add an image below the Information category on the left hand side, and also to add an image under the Bestsellers category on the right hand side.

Newbie

Posts

Joined
Sat Aug 08, 2009 4:14 am

Post by Qphoria » Sat Aug 08, 2009 4:58 am

OMG NEWBIE! :P

EDIT: catalog/view/theme/default/template/common/layout.tpl

FIND:

Code: Select all

<div id="column_left">
    <?php foreach ($modules as $module) { ?>
    <?php if ($module['position'] == 'left') { ?>
    <?php echo ${$module['code']}; ?>
    <?php } ?>
    <?php } ?>
  </div>
And before the last </div>, add the image code you want

Do the same for the column_right block

Image


User avatar
Administrator

Posts

Joined
Tue Jul 22, 2008 3:02 am

Post by tutifruiti » Sat Aug 08, 2009 6:06 am

So fast! Thank you so much!

Newbie

Posts

Joined
Sat Aug 08, 2009 4:14 am

Post by tutifruiti » Sat Aug 08, 2009 9:42 am

Hi Qphoria, I did that and my images don't show up. What am I doing wrong?
Thanks.
See code below:

<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 } ?>
<img src="../../image/specials_box.png">
</div>
<div id="column_right">
<?php foreach ($modules as $module) { ?>
<?php if ($module['position'] == 'right') { ?>
<?php echo ${$module['code']}; ?>
<?php } ?>
<?php } ?>
<img src="../../image/specials_box2.png">
</div>
<div id="content"><?php echo $content; ?></div>
<div id="footer"><?php echo $footer; ?></div>
</div>

Newbie

Posts

Joined
Sat Aug 08, 2009 4:14 am

Post by Qphoria » Sat Aug 08, 2009 10:53 am

The golden rule of relative paths....
Always use the absolute path to prove that your code works. Then change to relative paths when you know it works.

I think its only one level up... or maybe 3.. play around with it. But first make sure it works by using the full path to the images.

Image


User avatar
Administrator

Posts

Joined
Tue Jul 22, 2008 3:02 am

Post by shafiq2626 » Sat Aug 08, 2009 12:53 pm

hi!
form your main image folder put your pictures and write like this
<img src="image/rightbanner.jpg" />
this is working.

Newbie

Posts

Joined
Sat Aug 08, 2009 12:28 pm

Post by tutifruiti » Sun Aug 09, 2009 8:55 am

Hi, many thanks to both of you!!! It is working now. Thanks again!

Newbie

Posts

Joined
Sat Aug 08, 2009 4:14 am
Who is online

Users browsing this forum: No registered users and 2 guests