This mod will add a carousel showing clickable manufacturers logo on the footer. I used jquery.jcarousel-lite.js as the base.
Tested on OC 1.4.9.1, but should work on any version
Screen shot:

Live Demo: http://cindyonlineshop.com/demo/oc/
Published Extension: http://www.opencart.com/index.php?route ... on_id=1300
Warning: Although it is safe to apply this mod, I recommend to do backup or make a copy of the updated files.
Files to be edited:
1. catalog/view/theme/default/template/common/header.tpl
2. catalog/view/theme/default/template/common/footer.tpl
3. catalog/controller/common/footer.php
Files added:
1. catalog/view/javascript/jquery/jquery.jcarousel-lite.js
2. catalog/view/javascript/jquery/footerslider.js
3. catalog/view/theme/default/stylesheet/footerslider.css
4. image/prev.png
5. image/next.png
================
Installing
================
1. Manual Modification (Recomended ... Especially for OC installation with modified header.tpl and footer.tpl)
--------------------
Steps:
1. Upload these 5 files preserving directory structure
- catalog/view/javascript/jquery/jquery.jcarousel-lite.js
- catalog/view/javascript/jquery/footerslider.js
- catalog/view/theme/default/stylesheet/footerslider.css
- image/prev.png
- image/next.png
2. Open catalog/view/theme/default/template/common/header.tpl
- Find </head>
- Add Before </head>
Code: Select all
<link rel="stylesheet" type="text/css" href="catalog/view/theme/<?php echo $template; ?>/stylesheet/footerslider.css" />
3. Open catalog/view/theme/default/template/common/footer.tpl
- Add this line on the very top (1st line of the file)
Code: Select all
<script type="text/javascript" src="catalog/view/javascript/jquery/jquery.jcarousel-lite.js"></script>
<?php if ($manufacturers){ ?>
<div class="clear"></div>
<div id="carousel_cont">
<a href="" class="prevsmall"><img src="./image/prev.png" alt="" /></a>
<div id="carousel_man">
<ul><?php foreach ($manufacturers as $manufacturer){ ?>
<li><a href="<?php echo str_replace('&', '&', $manufacturer['href']); ?>"><img src="<?php echo
$manufacturer['manufacturer_image']; ?>" title="<?php echo $manufacturer['name']; ?>" alt="<?php echo $manufacturer['name'];
?>" width="80px" height="80px" /></a></li>
<?php } ?>
</ul>
</div>
<a href="" class="nextsmall"><img src="./image/next.png" alt="" /></a>
<script type="text/javascript" src="catalog/view/javascript/jquery/footerslider.js"></script>
<div class="clear"></div>
</div>
<?php } ?>
4. Open catalog/controller/common/footer.php
- Find $this->id = 'footer';
- Add Before
Code: Select all
$this->load->model('catalog/manufacturer');
$this->load->model('tool/seo_url');
$this->load->model('tool/image');
$this->data['manufacturers'] = array();
$results = $this->model_catalog_manufacturer->getManufacturers();
foreach ($results as $result) {
$this->data['manufacturers'][] = array(
'manufacturer_image' => $this->model_tool_image->resize($result['image'],80,80),
'name' => $result['name'],
'href' => $this->model_tool_seo_url->rewrite(HTTP_SERVER .
'index.php?route=product/manufacturer&manufacturer_id=' . $result['manufacturer_id'])
);
}
5. Finish and Enjoy!
------------------------
2. Easy Install (Recomended for fresh install of OC or unmodified header.tpl and footer.tpl
------------------------
Just upload all the files attached preserving directory structure
-----------------------
=============================
Notes and Enhancement
=============================
1. To change the look of the carousel, open footerslider.css and play with it.
2. If you have more than 8 brands, open the footerslider.js and see comment, or just play with it, you can learn more option by reading the comment in the jquery.jcarousel-lite.js)
ENJOY!
dvio