[SOLVED] Product Images jcarousel

Well, I'm getting closer. See http://www.mildtowildshoes.com/baby-pin ... mp-bpsairi

Having 2 problems:
1) It's not displaying correctly in IE. Works fine in Chrome & Firefox, but not IE
2) The Up & Down buttons are not showing. It's showing 5 out of 7 images on the example page, so there should be scroll buttons, but nada.

my code is:

in header.php:
Stylesheet:
and in my product.tpl:

florinsith wrote:Edit the file catalog/view/theme/yourtheme/template/product/product.tpl and find the code:

Code: Select all

<?php if ($images) { ?>
      <div class="image-additional">
        <?php foreach ($images as $image) { ?>
        <a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="colorbox" rel="colorbox"><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a>
        <?php } ?>
      </div>
      <?php } ?>

Replace it with:

Code: Select all

<?php if ($images) { ?> 
<div class="image-additional">
<div id="carousel94">
  <ul class="jcarousel-skin-opencart">
    <?php foreach ($images as $image) { ?>
        <li><a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="colorbox" rel="colorbox"><img src="<?php echo $image['thumb']; ?>" width="51" height="51" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a></li>
        <?php } ?>
  </ul>
</div>
</div>
<script type="text/javascript"><!--
$('#carousel94 ul').jcarousel({
	vertical: false,
	visible: 3,
	wrap: 'circular',
	scroll: 3
});
//--></script>
<?php } ?>

Edit catalog/view/theme/yourtheme/template/common/header.tpl and add the following 2 lines before the </head> tag

Code: Select all

<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/carousel.css" media="screen" />
<script type="text/javascript" src="catalog/view/javascript/jquery/jquery.jcarousel.min.js"></script>

Hi. This is a great, but I only have one thing that changed, the Product Code, Reward Points, Availability, Price, quantity, Add to wish list, compare, reviews, write a review and share, all these came from to the right of the product images to below it.
Is there a way to return these back to their default position?

You might have replaced more code than necessary, revert the changes to get back, or reupload clean product.tpl.